-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (118 loc) · 5.18 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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<head>
<title>daktronics</title>
<link rel="stylesheet" href="src/styles/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Primary Meta Tags -->
<title>BART LED</title>
<meta name="title" content="BART LED">
<meta name="description" content="I am an old-school BART LED sign. I show things like this.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://louh.github.io/bart/">
<meta property="og:title" content="BART LED">
<meta property="og:description" content="I am an old-school BART LED sign. I show things like this.">
<meta property="og:image" content="https://louh.github.io/bart/thumbnail.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://louh.github.io/bart/">
<meta property="twitter:title" content="BART LED">
<meta property="twitter:description" content="I am an old-school BART LED sign. I show things like this.">
<meta property="twitter:image" content="https://louh.github.io/bart/thumbnail.png">
</head>
<body>
<div id="supports">
<div id="pylon1"></div>
<div id="pylon2"></div>
<div id="roof"></div>
</div>
<div id="signage-container">
<div id="sign">
<img src="src/images/stations/19th.svg" class="station-name" />
</div>
</div>
<div class="controls">
<div class="controls-station">
<h3>Station</h3>
<select id="station">
<option value="----">--fantasy--</option>
<option value="12th">12th St. Oakland City Center</option>
<option value="16th">16th St. Mission (SF)</option>
<option value="19th" selected>19th St. Oakland</option>
<option value="24th">24th St. Mission (SF)</option>
<option value="ashb">Ashby (Berkeley)</option>
<option value="antc">Antioch</option>
<option value="balb">Balboa Park (SF)</option>
<option value="bayf">Bay Fair (San Leandro)</option>
<option value="bery">Berryessa</option>
<option value="cast">Castro Valley</option>
<option value="civc">Civic Center (SF)</option>
<option value="cols">Coliseum</option>
<option value="colm">Colma</option>
<option value="conc">Concord</option>
<option value="daly">Daly City</option>
<option value="dbrk">Downtown Berkeley</option>
<option value="dubl">Dublin/Pleasanton</option>
<option value="deln">El Cerrito del Norte</option>
<option value="plza">El Cerrito Plaza</option>
<option value="embr">Embarcadero (SF)</option>
<option value="frmt">Fremont</option>
<option value="ftvl">Fruitvale (Oakland)</option>
<option value="glen">Glen Park (SF)</option>
<option value="hayw">Hayward</option>
<option value="lafy">Lafayette</option>
<option value="lake">Lake Merritt (Oakland)</option>
<option value="mcar">MacArthur (Oakland)</option>
<option value="mlbr">Millbrae</option>
<option value="mlpt">Milpitas</option>
<option value="mont">Montgomery St. (SF)</option>
<option value="nbrk">North Berkeley</option>
<option value="ncon">North Concord/Martinez</option>
<!-- <option value="oakl">Oakland Int'l Airport</option> -->
<option value="orin">Orinda</option>
<option value="pitt">Pittsburg/Bay Point</option>
<option value="pctr">Pittsburg Center</option>
<option value="phil">Pleasant Hill</option>
<option value="powl">Powell St. (SF)</option>
<option value="rich">Richmond</option>
<option value="rock">Rockridge (Oakland)</option>
<option value="sbrn">San Bruno</option>
<option value="sfia">San Francisco Int'l Airport</option>
<option value="sanl">San Leandro</option>
<option value="shay">South Hayward</option>
<option value="ssan">South San Francisco</option>
<option value="ucty">Union City</option>
<option value="warm">Warm Springs/South Fremont</option>
<option value="wcrk">Walnut Creek</option>
<option value="wdub">West Dublin</option>
<option value="woak">West Oakland</option>
</select>
</div>
<div class="controls-platform">
<h3>Platform</h3>
<ul>
<li><button id="platform1" data-platform-id="1" class="active">1</button></li>
<li><button id="platform2" data-platform-id="2">2</button></li>
<li><button id="platform3" data-platform-id="3">3</button></li>
<li><button id="platform4" data-platform-id="4">4</button></li>
</ul>
</div>
</div>
<div id="about">
Built by <a href="https://louhuang.com">Lou Huang</a>. Not affiliated with <a href="https://www.bart.gov/">BART</a>. </a><a href="https://github.com/louh/bart">Source code.</a>
</div>
<div class="dsu-wrapper">
<div class="dsu-container">
<img src="src/images/dsu.svg" alt="">
<img src="src/images/platform1.svg" alt="" class="platform-label" id="platform-id">
<canvas id="led"></canvas>
</div>
<p id="error">No data for selected station & platform, try another one!</p>
</div>
<script src="src/scripts/vendor/polyfill.array.fill.js"></script>
<script src="src/scripts/font.js"></script>
<script src="src/scripts/bigfont.js"></script>
<script src="src/scripts/main.js"></script>
</body>
</html>