forked from darksidelemm/habitat-mobile-tracker
/
index.html
383 lines (369 loc) · 27.4 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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SondeHub Tracker</title>
<meta name="description" content="Live tracking of radiosonde flights. Data via SondeHub v2. Includes weather overlay, predictions, and access to historic radiosonde flights on sondehub." />
<meta name="author" content="Rossen Georgiev / Mark Jessop / Michaela Wheeler / Luke Prior" />
<link rel="search" type="application/opensearchdescription+xml" href="opensearchspec.xml" title="Search on Sondebhub Tracker">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"/>
<meta name="apple-mobile-web-app-title" content="SondeHub Tracker">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="theme-color" content="#00a3d3" />
<link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon.png" />
<link rel="fluid-icon" href="img/fluidicon.png" title="Mobile Tracker" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="css/mobile.css"/>
<link rel="stylesheet" href="css/leaflet.css" />
<link rel="stylesheet" href="css/leaflet.fullscreen.css" />
</head>
<body>
<div id="loading">
<div>
<img src="img/sondehub_logo.png" />
<div class="bar" style="display: none"><div class="complete"></div></div>
</div>
</div>
<header style="display: none">
<div class="container">
<div class="search">
<form>
<input type='text' value="" placeholder="Sonde Serial" />
<input type='submit' value="S" />
</form>
</div>
<ol class="nav noselect">
<li class="home"><i class="icon-habhub"></i></li>
<li class="chasecar" style="display: none"><i class="icon-car"></i></li>
<li class="recoveries"><i class="icon-habhub"></i></li>
<li class="settings"><i class="icon-settings"></i></li>
<li class="weather">
<svg width="100%" height="100%" viewbox="0 0 35 40" xmlns="http://www.w3.org/2000/svg" version="1.1" version="1.1">
<path style="fill:#ffffff;" d="M 18.28125,5 C 17.665689,5.1577701 18.03897,6.072102 17.9375,6.6048171 17.961629,7.7933649 17.891319,9.0210305 17.96875,10.1875 18.260664,10.655295 18.988694,10.16755 19.495121,10.179003 19.915569,10.180314 20.482932,9.9817615 20.218593,9.5070668 19.685242,8.0689805 19.166647,6.5372411 18.625,5.15625 18.528924,5.0654291 18.420762,5.0014609 18.28125,5 z M 28.15625,6.78125 C 27.636383,7.0532274 27.291342,7.7650855 26.831767,8.2022559 26.183602,9.0036626 25.432231,9.7753304 24.84375,10.59375 24.760617,11.249334 25.657959,11.271078 26.078986,11.644576 26.390422,11.953835 26.933703,11.952146 27.000157,11.538317 27.50744,10.067568 28.117357,8.594139 28.5625,7.125 28.492656,6.9017107 28.410263,6.7690543 28.15625,6.78125 z M 9.5,10 C 9.0954231,10.135594 9.2373811,10.695886 9.5795967,10.908518 10.537018,12.015516 11.460558,13.256267 12.4375,14.28125 13.029751,14.410245 13.239648,13.580555 13.666521,13.22967 13.9948,13.00156 14.131018,12.482443 13.78125,12.375 12.489706,11.554805 11.012447,10.783392 9.71875,10 9.6458333,10 9.5729167,10 9.5,10 z M 20.84375,11.84375 C 18.371908,11.824599 15.919598,13.01633 14.4375,15 11.081301,15.152911 7.9058815,17.160924 6.28125,20.09375 2.2666586,20.646663 -0.69921244,24.862902 0.11714748,28.826804 0.69396943,32.528614 4.3500351,35.295394 8.0531848,35 13.498142,34.979277 18.945738,35.041925 24.389003,34.967703 28.012052,34.706771 30.775569,30.845122 29.836019,27.330847 29.833738,25.300645 26.765497,24.336816 28.355407,22.48894 29.815113,18.665861 27.745092,13.988203 23.952748,12.472903 22.972942,12.055889 21.908328,11.842683 20.84375,11.84375 z M 20.21875,13.59375 C 23.527165,13.23952 26.784739,15.868299 27.030581,19.205159 27.115191,20.410269 26.970056,22.322167 26.040039,22.926528 23.85825,22.779121 24.34015,19.916014 22.792045,18.711734 21.278161,16.832506 19.06924,15.524713 16.6875,15.125 17.664583,14.25896 18.917452,13.711132 20.21875,13.59375 z M 34.53125,14.5 C 32.976676,14.79175 31.359523,14.999412 29.84375,15.34375 29.432201,15.70465 29.988892,16.309044 30.057328,16.768486 30.153946,17.218356 30.409976,17.817605 30.892161,17.453583 32.226329,16.650798 33.669292,15.884461 34.9375,15.0625 35.138066,14.780605 34.838029,14.456276 34.53125,14.5 z M 15,16.75 C 18.527258,16.691328 21.880457,19.184293 22.875,22.5625 21.79535,22.747412 19.681154,23.400321 19.66679,24.380589 20.173956,24.71003 20.627331,25.845369 21.195407,25.029384 23.413999,23.416094 26.91018,24.431242 27.896354,26.999192 29.087621,29.561636 27.239462,32.866375 24.435283,33.198105 21.16923,33.314717 17.892696,33.218673 14.62245,33.25 11.957151,33.213512 9.2843705,33.327734 6.6243627,33.183689 3.2643734,32.772467 0.9055326,29.012617 2.003206,25.808244 2.6850371,23.482227 4.9843514,21.775323 7.40625,21.78125 8.6597695,18.794322 11.749593,16.71468 15,16.75 z M 30.46875,22.1875 C 30.056841,22.438736 30.028318,23.215643 29.779714,23.682554 29.505486,24.023058 29.684998,24.517691 30.15025,24.501295 31.642521,24.753547 33.129447,25.065901 34.625,25.28125 35.096754,25.222871 35.037983,24.560567 34.590363,24.47021 33.258254,23.721082 31.923603,22.888061 30.59375,22.1875 30.552083,22.1875 30.510417,22.1875 30.46875,22.1875 z"></path>
</svg>
</li>
<li class="about last"><i class="icon-question"></i></li>
</ol>
<span id="locate-me" style="display: none"><i class="icon-target"></i></span>
<span id="app_name"><b>no<br/>location</b></span>
</div>
</header>
<div id="recoveriesbox" style="display: none" class="flatpage">
<div class="slimContainer">
<h2>Recoveries</h2>
<hr/>
<p>Recovery reports can be added on the Chase-Car pane.</p>
<hr/>
<div id="recovery-list">No recent recoveries :-(</div>
</div>
</div>
<div id="aboutbox" style="display: none" class="flatpage">
<div class="slimContainer">
<h2><i class="icon-question rfloat"></i>Welcome</h2>
<hr/>
<div id="motda">
<h4>Radiosondes?</h4>
To learn more check out our
<a href="https://www.youtube.com/watch?v=YBy-bXEWZeM" target="_blank" rel="noopener">LCA video</a>.
<h4>How do I receive?</h4>
Set up a receiver station using
<a href="https://github.com/projecthorus/radiosonde_auto_rx/wiki" target="_blank" rel="noopener">auto_rx</a> or <a href="https://github.com/dl9rdz/rdz_ttgo_sonde" target="_blank" rel="noopener">rdzTTGOsonde</a>.
<br/>
<h4>Recovered a Sonde?</h4>
Click the 'car' icon on the top-right to submit a recovery notification.
<h4>Support Us!</h4>
AWS hosting unfortunately does not come cheap.
If you use SondeHub regularly, please consider <a href="https://www.patreon.com/sondehub" target="_blank" rel="noopener">supporting us on Patreon</a>, or with a <a href="https://sondehub.org/go/donate" target="_blank" rel="noopener">donation on Paypal</a>.
<h4>Amateur HAB Launches?</h4>
You can find Amateur High-Altitude Balloon launches on the <a href="https://tracker.habhub.org/" target="_blank" rel="noopener">HabHub Tracker</a>.
<h4>SondeHub Status Pages</h4>
You can find the status of the SondeHub Database on the <a href="https://sondehub.org/go/status" target="_blank" rel="noopener">SondeHub Dashboard</a>.<br/>
You can view outages of the SondeHub Database at <a href="https://sondehub.statuspage.io/" target="_blank" rel="noopener">SondeHub Status</a>.
</div>
<br/>
<h2>Under Beta!</h2>
<hr/>
This site uses data from the <a href="https://github.com/projecthorus/sondehub-infra/wiki" target="_blank" rel="noopener">SondeHub v2</a> database, which will remove the radiosonde
load from the Habitat tracking database. We are still working to being this tracker up to feature-parity with the previous
tracker, so some features like filtering by type are still in-progress.
<br/><br/>
Chase Cars can show up on the map using this tracker's chase-car features (look for the car icon at top-right)
or upload their position from <a href="https://github.com/projecthorus/chasemapper" target="_blank" rel="noopener">Chasemapper</a> or <a href="https://github.com/dl9rdz/rdz_ttgo_sonde" target="_blank" rel="noopener">rdzTTGOsonde</a>.
<br/><br/>
<h2>Contribute</h2>
<hr/>
<p>
Did you know the tracker is open-source? Check it out on
<a href="https://github.com/projecthorus/sondehub-tracker" target="_blank" rel="noopener">github/sondehub-tracker</a>.
Bug reports, suggestions and pull requests are welcome.
<br/><br/>
A huge thanks to RGP for developing the mobile tracker that this site is based on.
<br/><br/>
You can also find us on IRC in <a href="https://kiwiirc.com/nextclient/irc.libera.chat/highaltitude" target="_blank" rel="noopener">#highaltitude</a> at <b>libera.chat</b>.
</p>
</div>
</div>
<div id="settingsbox" style="display: none" class="flatpage">
<div class="slimContainer">
<h2><i class="icon-settings rfloat"></i>Settings</h2>
<hr/>
<div class="row option">
<span><b>Interpolate gaps in telemetry</b></span>
<div class="switch off" id="sw_interpolate">
<span class="thumb"></span>
<input type="checkbox" id="opt_interpolate">
</div>
</div>
<div class="row option">
<span><b>Hide welcome on start-up</b></span>
<div class="switch off" id="sw_nowelcome">
<span class="thumb"></span>
<input type="checkbox" id="opt_nowelcome">
</div>
</div>
<div class="row option">
<span><b>Imperial units</b></span>
<div class="switch off" id="sw_imperial">
<span class="thumb"></span>
<input type="checkbox" id="opt_imperial">
</div>
</div>
<div class="row option">
<span><b>Horizontal speed in hours</b></span>
<div class="switch off" id="sw_haxis_hours">
<span class="thumb"></span>
<input type="checkbox" id="opt_haxis_hours">
</div>
</div>
<div class="row option">
<span><b>Hide time display</b></span>
<div class="switch off" id="sw_hide_timebox">
<span class="thumb"></span>
<input type="checkbox" id="opt_hide_timebox">
</div>
</div>
<div class="row option">
<span><b>Hide receivers from the map</b></span>
<div class="switch off" id="sw_hide_receivers">
<span class="thumb"></span>
<input type="checkbox" id="opt_hide_receivers">
</div>
</div>
<div class="row option">
<span><b>Hide recovered sondes from the map</b></span>
<div class="switch off" id="sw_hide_recoveries">
<span class="thumb"></span>
<input type="checkbox" id="opt_hide_recoveries">
</div>
</div>
<div class="row option">
<span><b>Highlight selected vehicle</b></span>
<div class="switch off" id="sw_hilight_vehicle">
<span class="thumb"></span>
<input type="checkbox" id="opt_hilight_vehicle">
</div>
</div>
<div class="row option">
<span><b>Hide Horizon Rings</b></span>
<div class="switch off" id="sw_hide_horizon">
<span class="thumb"></span>
<input type="checkbox" id="opt_hide_horizon">
</div>
</div>
<div class="row option">
<span><b>Hide Titles</b></span>
<div class="switch off" id="sw_hide_titles">
<span class="thumb"></span>
<input type="checkbox" id="opt_hide_titles">
</div>
</div>
<h4>Overlays</h4>
<hr/>
<div class="row option">
<span><b>Daylight overlay</b></span>
<div class="switch off" id="sw_daylight">
<span class="thumb"></span>
<input type="checkbox" id="opt_daylight">
</div>
</div>
<h4>Other</h4>
<hr/>
<div class="row option">
<span><b>Show Launch Sites</b></span>
<div class="switch off" id="sw_layers_launches">
<span class="thumb"></span>
<input type="checkbox" id="opt_layers_launches">
</div>
</div>
<div class="row option">
<span><b>Force check for new version</b></span>
<div class="switch off" id="sw_cache">
<span class="thumb"></span>
<input type="checkbox" id="opt_cache">
</div>
</div>
<div class="row info">
<span>
Reloads appcache if necessary.
The size of cache files is 1.2 MB.
This does not include map tiles.
</span>
</div>
</div>
</div>
<div id="weatherbox" style="display: none" class="flatpage">
<div class="slimContainer">
<h2>Weather
<svg width="35" height="40" viewbox="0 0 35 40" xmlns="http://www.w3.org/2000/svg" version="1.1" version="1.1" class="rfloat">
<path style="fill:#666666;" d="M 18.28125,5 C 17.665689,5.1577701 18.03897,6.072102 17.9375,6.6048171 17.961629,7.7933649 17.891319,9.0210305 17.96875,10.1875 18.260664,10.655295 18.988694,10.16755 19.495121,10.179003 19.915569,10.180314 20.482932,9.9817615 20.218593,9.5070668 19.685242,8.0689805 19.166647,6.5372411 18.625,5.15625 18.528924,5.0654291 18.420762,5.0014609 18.28125,5 z M 28.15625,6.78125 C 27.636383,7.0532274 27.291342,7.7650855 26.831767,8.2022559 26.183602,9.0036626 25.432231,9.7753304 24.84375,10.59375 24.760617,11.249334 25.657959,11.271078 26.078986,11.644576 26.390422,11.953835 26.933703,11.952146 27.000157,11.538317 27.50744,10.067568 28.117357,8.594139 28.5625,7.125 28.492656,6.9017107 28.410263,6.7690543 28.15625,6.78125 z M 9.5,10 C 9.0954231,10.135594 9.2373811,10.695886 9.5795967,10.908518 10.537018,12.015516 11.460558,13.256267 12.4375,14.28125 13.029751,14.410245 13.239648,13.580555 13.666521,13.22967 13.9948,13.00156 14.131018,12.482443 13.78125,12.375 12.489706,11.554805 11.012447,10.783392 9.71875,10 9.6458333,10 9.5729167,10 9.5,10 z M 20.84375,11.84375 C 18.371908,11.824599 15.919598,13.01633 14.4375,15 11.081301,15.152911 7.9058815,17.160924 6.28125,20.09375 2.2666586,20.646663 -0.69921244,24.862902 0.11714748,28.826804 0.69396943,32.528614 4.3500351,35.295394 8.0531848,35 13.498142,34.979277 18.945738,35.041925 24.389003,34.967703 28.012052,34.706771 30.775569,30.845122 29.836019,27.330847 29.833738,25.300645 26.765497,24.336816 28.355407,22.48894 29.815113,18.665861 27.745092,13.988203 23.952748,12.472903 22.972942,12.055889 21.908328,11.842683 20.84375,11.84375 z M 20.21875,13.59375 C 23.527165,13.23952 26.784739,15.868299 27.030581,19.205159 27.115191,20.410269 26.970056,22.322167 26.040039,22.926528 23.85825,22.779121 24.34015,19.916014 22.792045,18.711734 21.278161,16.832506 19.06924,15.524713 16.6875,15.125 17.664583,14.25896 18.917452,13.711132 20.21875,13.59375 z M 34.53125,14.5 C 32.976676,14.79175 31.359523,14.999412 29.84375,15.34375 29.432201,15.70465 29.988892,16.309044 30.057328,16.768486 30.153946,17.218356 30.409976,17.817605 30.892161,17.453583 32.226329,16.650798 33.669292,15.884461 34.9375,15.0625 35.138066,14.780605 34.838029,14.456276 34.53125,14.5 z M 15,16.75 C 18.527258,16.691328 21.880457,19.184293 22.875,22.5625 21.79535,22.747412 19.681154,23.400321 19.66679,24.380589 20.173956,24.71003 20.627331,25.845369 21.195407,25.029384 23.413999,23.416094 26.91018,24.431242 27.896354,26.999192 29.087621,29.561636 27.239462,32.866375 24.435283,33.198105 21.16923,33.314717 17.892696,33.218673 14.62245,33.25 11.957151,33.213512 9.2843705,33.327734 6.6243627,33.183689 3.2643734,32.772467 0.9055326,29.012617 2.003206,25.808244 2.6850371,23.482227 4.9843514,21.775323 7.40625,21.78125 8.6597695,18.794322 11.749593,16.71468 15,16.75 z M 30.46875,22.1875 C 30.056841,22.438736 30.028318,23.215643 29.779714,23.682554 29.505486,24.023058 29.684998,24.517691 30.15025,24.501295 31.642521,24.753547 33.129447,25.065901 34.625,25.28125 35.096754,25.222871 35.037983,24.560567 34.590363,24.47021 33.258254,23.721082 31.923603,22.888061 30.59375,22.1875 30.552083,22.1875 30.510417,22.1875 30.46875,22.1875 z" ></path>
</svg>
</h2>
<hr>
<p>Here you can access various weather overlays.</p>
</div>
</div>
<div id="chasecarbox" style="display: none" class="flatpage">
<div class="slimContainer">
<h2>Chase car mode</h2>
<hr>
<div class="row option">
<span>Enable</span>
<div class="switch off" id="sw_chasecar">
<span class="thumb"></span>
<input type="checkbox" id="chasecar_on">
</div>
</div>
<div class="row">
<span>Callsign</span>
<span class="r"><input type="text" id="cc_callsign" style="width: 140px;"/></span>
</div>
<div class="row">
<span><b>Notice: If you enable this, your location will be uploaded to SondeHub; making it publicly visible on the map.</b></span>
</div>
<hr>
<div class="row">
<span>Last updated</span>
<span class="r" id="cc_timestamp">never</span>
</div>
<div class="row">
<span>Latitude</span>
<span class="r" id="cc_lat">0.000000</span>
</div>
<div class="row">
<span>Longitude</span>
<span class="r" id="cc_lon">0.000000</span>
</div>
<div class="row">
<span>Altitude</span>
<span class="r" id="cc_alt">none</span>
</div>
<div class="row">
<span>Accuracy</span>
<span class="r" id="cc_accuracy">none</span>
</div>
<div class="row">
<span>Speed</span>
<span class="r" id="cc_speed">none</span>
</div>
<hr>
<h3>Report Recovery</h3>
<hr>
<div class="row">
<span>You can report a recovery here. Enter the serial number (no type code, e.g. 'S1234567'), tick recovered/not recovered, and add some notes. You must have location enabled, and a callsign set above. If the sonde is currently on the map, you must be located within 50km of it.</span>
</div>
<div class="row">
<span><b>Serial</b></span>
<span class="r"><input type="text" id="pr_serial" style="width: 140px;"/></span>
</div>
<div class="row option">
<span><b>Recovery Success</b></span>
<div class="switchyn on" id="sw_recovery_ok">
<span class="thumb"></span>
<input type="checkbox" id="recovery_ok">
</div>
</div>
<div class="row option">
<span><b>Use Car Position</b></span>
<div class="switch off" id="sw_use_car_pos">
<span class="thumb"></span>
<input type="checkbox" id="use_car_pos">
</div>
</div>
<div class="row">
<span><b>Notes</b></span>
<span class="r"><input type="text" id="pr_notes" style="width: 140px;"/></span>
</div>
<div class="row">
<span><b>Report Result</b></span>
<span class="r" id="pr_last_report">none</span>
</div>
<div class="row">
<div class="g-recaptcha" data-sitekey="6LcEkBUbAAAAABTgn2lktm6UPeP0lbyqIDBBujSF"></div>
</div>
<div class="row">
<span class="r"><input type="button" value="Submit" id="pr_submit" onclick="ChaseCar.markRecovered();"/></span>
</div>
</div>
</div>
<div id="homebox" style="width:0px;height:0px"></div>
<div id="mapscreen">
<div id="timebox" class="present slickbox animate" style="display: none">
<svg width="40" height="40" viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" version="1.1" version="1.1" class="lfloat">
<path d="M99.812,43.188c-2.77,0-5,2.032-5,4.562v40.875c-4.315,1.97-7.312,6.321-7.312,11.375,0,6.9,5.596,12.5,12.5,12.5,1.05,0,2.06-0.16,3.03-0.41l23.35,23.35c2.23,2.24,5.93,2.13,8.28-0.22s2.42-6.04,0.18-8.28l-23-23c0.42-1.24,0.66-2.56,0.66-3.94,0-5.202-3.17-9.68-7.69-11.562v-40.688c0-2.53-2.23-4.562-4.998-4.562zm-5.906-23c0.031-0.003,0.063,0.002,0.094,0v14.374c0,0.236,0.202,0.438,0.438,0.438h11.122c0.24,0,0.44-0.202,0.44-0.438v-14.343c39.4,2.921,70.86,34.381,73.78,73.781h-14.34c-0.24,0-0.44,0.171-0.44,0.406v11.154c0,0.24,0.2,0.44,0.44,0.44h14.34c-2.92,39.4-34.38,70.86-73.78,73.78v-14.37c0-0.24-0.2-0.41-0.44-0.41h-11.122c-0.236,0-0.438,0.17-0.438,0.41v14.37c-39.4-2.92-70.86-34.38-73.781-73.78h14.343c0.236,0,0.438-0.2,0.438-0.44v-11.154c0-0.235-0.202-0.406-0.438-0.406h-14.343c2.918-39.372,34.33-70.848,73.687-73.812zm6.094-10.188c-49.706,0-90,40.294-90,90,0,49.71,40.294,90,90,90,49.71,0,90-40.29,90-90,0-49.706-40.29-90-90-90zm0-10c55.23,0,100,44.772,100,100,0,55.23-44.77,100-100,100-55.228,0-100-44.77-100-100,0-55.228,44.772-100,100-100z"></path>
</svg>
<span class="current lfloat">UTC: ???</span>
<span class="local lfloat">Local: ???</span>
</div>
<div id="lookanglesbox" class="slickbox animate" style="display: none">
<svg width="40" height="40" viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" version="1.1" version="1.1" class="lfloat">
<path d="M100,0c-55.228,0-100,44.772-100,100,0,55.23,44.772,100,100,100,55.23,0,100-44.77,100-100,0-55.228-44.77-100-100-100zm0,10c49.71,0,90,40.294,90,90,0,49.71-40.29,90-90,90-49.706,0-90-40.29-90-90,0-49.706,40.294-90,90-90zm-2.062,10c-43.229,1.095-77.938,36.508-77.938,80,0,44.18,35.817,80,80,80,44.18,0,80-35.82,80-80,0-44.183-35.82-80-80-80-0.69,0-1.376-0.017-2.062,0zm-14.219,9.469h7.969l16.092,27.187,0.16-0.031v-27.156h7.97v39.812h-7.97l-16.065-27.187h-0.187v27.187h-7.969v-39.812zm16.281,44.593l6.94,19,19,6.938-19,6.94-6.94,19-6.938-19-19-6.94,19-6.938,6.938-19zm-72.781,5.876h7.812l5.719,27.252,0.156,0.03,7.469-27.282h5.875l7.531,27.282h0.157l5.687-27.282h7.813l-9.313,39.812h-7.406l-7.313-26.281h-0.156l-7.312,26.281h-7.407l-9.312-39.812zm107.75,0h27.22v6.156h-19.25v10h16.5v6.156h-16.5v11.37h19.28v6.13h-27.25v-39.812zm-34.56,51.502c4.37,0,7.93,1.17,10.68,3.5,2.76,2.32,4.09,5.18,4,8.59l-0.06,0.16h-7.75c0-1.84-0.61-3.33-1.84-4.47s-2.97-1.69-5.19-1.69c-2.133,0-3.771,0.46-4.938,1.41-1.166,0.95-1.75,2.18-1.75,3.65,0,1.35,0.627,2.45,1.876,3.32,1.248,0.86,3.406,1.78,6.472,2.75,4.39,1.22,7.7,2.83,9.97,4.84,2.26,2.01,3.4,4.64,3.4,7.91,0,3.41-1.34,6.09-4.03,8.06s-6.24,2.94-10.66,2.94c-4.335,0-8.113-1.11-11.34-3.35-3.227-2.23-4.81-5.38-4.719-9.4l0.063-0.16h7.75c0,2.37,0.738,4.12,2.187,5.22s3.474,1.66,6.059,1.66c2.17,0,3.82-0.46,4.97-1.35s1.72-2.1,1.72-3.59c0-1.53-0.54-2.76-1.62-3.69-1.09-0.93-2.98-1.8-5.691-2.63-4.74-1.36-8.326-2.99-10.75-4.87-2.425-1.88-3.657-4.42-3.657-7.69,0-3.26,1.408-5.93,4.188-8s6.336-3.12,10.66-3.12z"></path>
</svg>
<span class="azimuth lfloat" style="display: none">Azimuth: 360.0000</span>
<span class="bearing rfloat" style="display: none">0° N</span>
<span class="elevation lfloat" style="display: none">Elevation: 90.0000</span>
<span class="range rfloat" style="display: none">10000 km</span>
<div class="nopos lfloat" style="display: none">No position available</div>
<div class="nofollow lfloat" style="display: none">No vehicle selected</div>
</div>
<div id="map"></div>
<div id="telemetry_graph" style="display: none">
<div class="graph_label">Telemetry Graph</div>
<div class="holder" style="height: 200px;width: 50px"></div>
</div>
</div>
<div id="main" style="display: none">
<div class="scrollwrapper">
<div class="portrait">
<div class="row vehicle0"><div class="header empty"><img style="width:90px;height:30px" src="img/hab-spinner.gif"/></div></div>
</div>
<div class="landscape">
<div class="row vehicle0"><div class="header empty"><img style="width:90px;height:30px" src="img/hab-spinner.gif"/></div></div>
</div>
</div>
</div>
<!-- Was 3.31-->
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script type="text/javascript" language="javascript" src="js/leaflet.js"></script>
<script type="text/javascript" language="javascript" src="js/Leaflet.fullscreen.min.js"></script>
<script type="text/javascript" language="javascript" src="js/L.Terminator.js"></script>
<script src="https://xc5dqkj2cgb1.statuspage.io/embed/script.js" async defer></script>
<script type="text/javascript" language="javascript" src="js/mobile.js"></script>
<script type="text/javascript" language="javascript" src="js/rbush.js"></script>
<script>var module = {};</script>
<script src="js/leaflet.canvas-markers.js"></script>
<script>module.exports(L);</script>
<script type="text/javascript" language="javascript" src="js/pwa.js"></script>
<!--
<script type="text/javascript" language="javascript" src="js/iscroll.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery-1.12.4-min.js"></script>
<script type="text/javascript" language="javascript" src="js/chasecar.lib.js"></script>
<script type="text/javascript" language="javascript" src="js/tracker.js"></script>
<script type="text/javascript" language="javascript" src="js/app.js"></script>
-->
</body>
</html>