forked from fac-14/Week3TakingAIME
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (94 loc) · 5.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>TFLPHY</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="./style.css" />
<link href="https://fonts.googleapis.com/css?family=Oxygen:400,700" rel="stylesheet">
</head>
<body>
<header>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500.000000 400.000000" preserveAspectRatio="xMidYMid meet">
<g id="tflphy-logo" transform="translate(0.000000,400.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M2135 3979 c-300 -52 -592 -177 -842 -363 -131 -96 -347 -309 -413
-406 -8 -12 -31 -43 -50 -70 -19 -26 -48 -70 -63 -97 -15 -26 -43 -74 -62
-105 -18 -32 -32 -58 -30 -58 2 0 -11 -33 -29 -72 -33 -74 -48 -107 -51 -120
-2 -5 -4 -10 -5 -13 -1 -3 -4 -9 -5 -15 -1 -5 -4 -12 -5 -15 -1 -3 -3 -8 -4
-12 -1 -5 -5 -14 -9 -20 -5 -7 -6 -13 -3 -13 3 0 1 -12 -5 -27 -6 -16 -13 -36
-15 -45 -2 -10 -7 -28 -10 -40 -3 -13 -8 -35 -11 -50 l-5 -28 -259 0 -259 0 0
-400 0 -400 262 0 c144 0 259 -2 256 -6 -5 -4 0 -33 17 -96 3 -10 7 -26 9 -35
2 -10 9 -31 16 -48 6 -16 11 -31 11 -32 -1 -2 0 -5 0 -8 1 -3 3 -9 4 -15 1 -5
4 -12 5 -15 1 -3 4 -9 5 -15 1 -5 4 -12 5 -15 1 -3 3 -8 5 -12 3 -14 18 -47
51 -120 18 -40 30 -73 26 -73 -4 0 -2 -4 3 -8 6 -4 15 -16 21 -27 62 -114 78
-142 90 -156 8 -8 14 -20 14 -25 0 -5 14 -25 30 -44 16 -19 30 -38 30 -42 0
-4 6 -13 13 -20 7 -7 42 -50 79 -94 228 -276 552 -495 903 -612 206 -69 307
-85 575 -90 267 -5 350 3 546 53 558 142 1034 527 1294 1045 29 58 51 105 50
105 -2 0 3 11 10 25 8 14 15 30 16 35 1 6 8 24 15 40 7 17 13 33 14 38 2 4 4
9 5 12 1 3 3 8 5 13 1 4 5 14 8 22 4 8 8 24 10 35 1 11 5 25 9 30 8 14 26 99
30 143 1 9 64 12 280 12 l278 0 0 400 0 400 -280 0 c-154 0 -280 3 -281 8 -6
52 -19 113 -27 127 -4 6 -8 19 -9 30 -2 11 -6 27 -10 35 -3 8 -7 18 -8 23 -2
4 -4 9 -5 12 -1 3 -3 8 -5 13 -1 4 -7 21 -14 37 -7 17 -14 35 -15 40 -1 6 -7
19 -13 30 -6 11 -12 25 -13 30 -1 6 -25 55 -52 110 -181 362 -498 684 -859
875 -187 98 -405 170 -619 205 -142 22 -510 19 -655 -6z m590 -704 c172 -35
342 -106 495 -208 95 -63 260 -230 325 -327 49 -73 115 -192 120 -214 1 -6 12
-33 23 -59 12 -27 22 -51 22 -53 0 -2 -553 -4 -1230 -4 -676 0 -1230 2 -1230
5 0 3 17 45 39 94 123 286 344 520 621 657 104 51 250 98 350 113 41 6 86 13
100 15 50 9 288 -3 365 -19z m-1450 -1055 l0 -70 -92 0 -93 0 0 -220 0 -220
-95 0 -95 0 0 220 0 220 -92 0 -93 0 0 70 0 70 280 0 280 0 0 -70z m530 10 l0
-60 -132 0 -133 0 0 -50 0 -50 115 0 115 0 0 -60 0 -60 -115 0 -115 0 0 -120
0 -120 -92 0 -93 0 0 290 0 290 225 0 225 0 0 -60z m277 -160 l-3 -220 143 0
143 0 0 -70 0 -70 -232 0 -233 0 0 290 0 290 93 0 92 0 -3 -220z m805 194 c41
-30 57 -70 59 -146 1 -51 -3 -75 -20 -104 -36 -64 -63 -77 -187 -88 l-110 -10
3 -103 3 -103 -95 0 -95 0 0 291 0 290 207 -3 c191 -3 209 -5 235 -24z m335
-74 l-3 -100 100 0 101 0 0 100 0 100 93 0 92 0 0 -290 0 -290 -92 0 -93 0 0
115 0 115 -101 0 -100 0 3 -115 3 -115 -92 0 -93 0 0 290 0 290 93 0 92 0 -3
-100z m665 83 c7 -10 18 -27 23 -38 6 -11 19 -33 30 -50 11 -16 23 -38 26 -47
7 -19 34 -33 34 -17 0 6 21 46 47 90 l48 79 108 0 107 0 -80 -117 c-44 -65
-96 -140 -115 -168 l-35 -50 0 -122 0 -123 -95 0 -95 0 0 123 0 122 -57 85
c-31 47 -59 87 -63 90 -4 3 -30 40 -59 83 l-52 77 107 0 c90 0 109 -3 121 -17z
m-189 -715 c-11 -29 -24 -59 -30 -65 -6 -7 -8 -13 -4 -13 9 0 -37 -88 -87
-169 -190 -305 -492 -512 -857 -587 -106 -22 -352 -25 -460 -5 -392 71 -738
322 -924 671 -35 66 -87 190 -79 190 3 0 0 7 -7 15 -11 13 126 15 1228 15
l1240 0 -20 -52z"/>
<path d="M2630 2104 l0 -65 48 7 c65 10 89 27 88 64 -2 40 -31 59 -88 60 l-48
0 0 -66z"/>
</g>
</svg>
</header>
<main>
<h2>Choose a tube line:</h2>
<form id="line-select" action="">
<select id="tube-lines" name="tube-lines" required>
<option value="">--</option>
<option value="bakerloo">Bakerloo</option>
<option value="central">Central</option>
<option value="circle">Circle</option>
<option value="district">District</option>
<option value="hammersmith-city">Hammersmith & City</option>
<option value="jubilee">Jubilee</option>
<option value="metropolitan">Metropolitan</option>
<option value="northern">Northern</option>
<option value="piccadilly">Piccadilly</option>
<option value="victoria">Victoria</option>
<option value="waterloo-city">Waterloo & City</option>
<option value="london-overground">Overground</option>
<option value="dlr">DLR</option>
<option value="tfl-rail">TfL Rail</option>
</select>
<input type="submit" name="" value="Submit!" class="submit">
</form>
<h3 id="line-status-text"></h3>
<img src="" alt="A GIF related to the tube status" id="giphy-gif" class="hidden">
<div id="error" class="hidden">Unable to load data :(</div>
</main>
<footer>
<p>Made with the blood, sweat, and tears of Eve, Art, Emily, and Kate</p>
</footer>
<script src="./dom.js"></script>
<script src="./logic.js"></script>
<script src="./convert.js"></script>
</body>
</html>