-
Notifications
You must be signed in to change notification settings - Fork 10
/
index.html
executable file
·86 lines (81 loc) · 3.45 KB
/
index.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
84
85
86
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Where is BART?</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
</head>
<body>
<div id="wrapper">
<div class="bart-train">
<div class="middle"></div>
<div class="end"></div>
</div>
<div class="map-wrapper">
<div id="legend">
<div id="header">
<div class="logo"><a href="https://whereisbart.com"><img src="images/whereisbartlogo.png" alt="Where is BART?" /></a></div>
</div>
<ul>
<li>
<div class="station-icon" onclick="developmentMode()"></div><span class="legendname">BART Station</span></li>
<li>
<div class="train-icon train-red-rich">R </div>
<div class="train-icon train-red-sfo">SFO </div><span class="legendname">Richmond ⇄ Millbrae - SFO</span></li>
<li>
<div class="train-icon train-green-warm">B</div>
<div class="train-icon train-green-daly">DC</div><span class="legendname">Berryessa ⇄ Daly City</span></li>
<li>
<div class="train-icon train-yellow-antc">A </div>
<div class="train-icon train-yellow-sfo">SFO </div><span class="legendname">Antioch ⇄ SFO</span></li>
<li>
<div class="train-icon train-blue-dubl">DP</div>
<div class="train-icon train-blue-daly">DC</div><span class="legendname">Dublin / Pleasanton ⇄ Daly City</span></li>
<li>
<div class="train-icon train-orange-warm">B</div>
<div class="train-icon train-orange-rich">R </div><span class="legendname">Berryessa ⇄ Richmond</span></li>
</ul>
<div id="status">
<div id="last_updated">Connecting...</div>
<div id="disclaimer">* Note that this map displays estimated train locations based off of <a href="https://bart.gov/schedules/developers/etas.aspx">real time info provided by BART</a></div>
</div>
<div id="development">
<!--input type="checkbox" id="refresh" name="refresh" checked /><label for="refresh">Auto Refresh</label-->
<div id="debugOutput"></div>
</div>
</div>
<footer>
Site by <a href="https://bn.ee">Brendan Nee</a>
</footer>
<div id="map"></div>
</div>
</div>
<a href="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/brendannee/whereisbart.com">
<img style="position: absolute; top: 0; right: 0; border: 0; z-index: 1000;"
src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"
alt="Fork me on GitHub">
</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="js/vendor/jquery.xml2json.js"></script>
<script src="js/links.js"></script>
<script src="js/stations.js"></script>
<script src="js/routes.js"></script>
<script src="js/utils.js"></script>
<script src="js/main.js"></script>
<script>
var _gaq = [
['_setAccount', 'UA-306190-12'],
['_trackPageview']
];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s)
}(document, 'script'));
</script>
</body>
</html>