-
Notifications
You must be signed in to change notification settings - Fork 0
/
maps.html
83 lines (73 loc) · 2.76 KB
/
maps.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>wherecantigo</title>
<link href='http://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<style>
html, body { height: 100%; margin: 0; padding: 0;}
body {
background-color: black;
}
#header {
min-height:40px;
background-color:black;
}
#header img {
width:25%;
height: auto;
margin: 1% 3%;
}
#scenario {
width: 40%;
display: inline-block;
padding: 10px;
margin-left: 66px;
float: left;
}
#scenario h1 {
font-size: 40px;
color:white;
font-weight: 400;
font-family: Exo, sans-serif;
}
#scenario p {
font-size: 15px;
color:white;
font-weight: 300;
font-family: Exo, sans-serif;
}
#thepoint {
color:#FFCA39 !important;
font-size: 20px !important;
}
#map-canvas {
height: 84%;
width: 45%;
display: inline-block;
float: right;
margin: 0 46px;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script src="extrapoints.js" type="text/javascript"></script>
<script src="maps.js" type="text/javascript"></script>
</head>
<body>
<div id="header">
<img src="header.png">
</div>
<div id="scenario">
<h1>Friday. 5 PM.</h1>
<p>You are leaving work in McDonough and trying to return home. You rely solely on the MARTA system to get to work from your home in Little Five Points. Luck would have it that it is pouring down rain today, so you try to avoid walking as much as possible. </p>
<p id="thepoint">It takes 85 minutes for you to get home. 28 of those minutes are spent walking to the nearest MARTA bus stop.</p>
<p>
There are as many as 352, 000 people who have to rely on MARTA every weekday, making them "transit-captive". Since MARTA does not equally service areas throughout the Perimeter, there are areas that transit-captive people cannot reach in a timely manner. This is the idea behind wherecantigo.
</p>
<p>
wherecantigo focuses on showing the areas within the Perimeter that MARTA services the least. Each point's color on the map shows the duration that it takes someone to get from that point to Little Five Points using MARTA. The duration reflects our story above, so the duration calculation looks for routes at 5pm on a weekday with the least amount of walking.
</div>
<div id="map-canvas"></div>
</body>
</html>