-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
36 lines (36 loc) · 1.39 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
<head>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<h1>Train depths</h1>
<p>
A tool for figuring out how deep your journey takes you underground on the London Underground.
Unfortunately not all routes are available.
The route is chosen by least amount of stops rather than shortest distance or time, so it might not follow your usual path between stations.
All numbers given in metres above sea level.</p>
<input id="from" />
<ul id="fromItems"></ul>
<input id="to" />
<ul id="toItems"></ul>
<p class="journey-description">
Platform elevations from <b class="location-name" id="fromDisplay"></b> to <b class="location-name" id="toDisplay"></b> (metres)
</p>
<div style="overflow-x: auto">
<canvas id="my-canvas" />
</div>
<div class="link">
<p>Click to copy link:
<br>
<br>
<input id="copy" />
</p>
</div>
<script type="application/javascript" src="scripts/system.js"></script>
<script type="application/javascript" src="./data/platformdepths.js"></script>
<script type="application/javascript" src="./data/edges.js"></script>
<script type="application/javascript" src="./data/vertices.js"></script>
<script type="application/javascript" src="search.js"></script>
<script>
System.import('search');
</script>
</body>