forked from transit-appliance/Transit-Board-Hotel
-
Notifications
You must be signed in to change notification settings - Fork 1
/
tbdhotel.min.html
104 lines (78 loc) · 3.08 KB
/
tbdhotel.min.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
<html>
<!--
Copyright 2011-2012 Portland Transport
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<head>
<title>Transit Board Hotel</title>
<link rel="stylesheet" type="text/css" href="leaflet-js/leaflet.css">
<link rel="stylesheet" type="text/css" href="tbdhotel.css">
<!-- originally jQuery 1.6.4 -->
<script src="tbdhotel.min.js" type="text/javascript"></script></head>
<body>
<!-- initially hidden -->
<div id="container" style="display: none;">
<div id="head-box" class="box head-box">
<div id="main-text" class="main-text head"></div>
<div id="subhead" class="subhead dimmed"></div>
<div id="qr-container">
<!-- these seemingly spurious divs are used to force
wrapping of floats -->
<div>
<div id="qrcode" class="qrcode"></div>
</div>
<div>
<a id="qrcode-text"></a>
</div>
</div>
<!-- force everything down, overflow:hiddden doesn't seem to
do this -->
<div class="clear"></div>
</div>
<div id="slideshow" class="slideshow">
<ul>
<!-- slides will go in this order: image 1...image n, map
Leaflet doesn't seem to have an issue with being inside a
relatively-sized div
-->
<li><div id="map" style="width: 100%; height: 100%;">
</div></li>
</ul>
</div>
<div id="trip-box" class="box trip-box">
<div id="narrative"><!-- e.g. 20 min trip; walk to Pioneer Square South
MAX, take the Red Line towards Airport, offboard
at Cascades -->
</div>
<div id="trip-details" class="dimmed trip-details"></div>
</div>
</div>
<div id="attribution" class="attribution"><span></span></div>
<!-- shown when no destinations are available -->
<div id="nodestsshow">
</div>
<table id="bar" class="bar">
<tr>
<td id="bar-icon" class="bar-icon"><img></td>
<td id="bar-temp" class="bar-temp"><span></span></td>
<td id="bar-location" class="bar-location"><span></span></td>
<td id="bar-datetime" class="bar-datetime"><span></span></td>
</tr>
</table>
<!-- these pull in the hidden styles -->
<div class="hidden">
<span class="map-walk-color"></span>
<span class="map-transit-color"></span>
</div>
<!-- images are added to this (hidden) area to force them to be cached -->
<div id="cache-force-area"></div>
</body>
</html>