forked from darksidelemm/habitat-mobile-tracker
-
Notifications
You must be signed in to change notification settings - Fork 30
/
Copy pathindex.template.html
462 lines (436 loc) · 36.5 KB
/
index.template.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
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
<!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 SondeHub 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/base.css"/>
<link rel="stylesheet" href="css/skeleton.css"/>
<link rel="stylesheet" href="css/layout.css"/>
<link rel="stylesheet" href="css/habitat-font.css"/>
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="css/leaflet.css"/>
<link rel="stylesheet" href="css/leaflet.fullscreen.css"/>
<link rel="stylesheet" href="css/skewt.css"/>
<script type="text/javascript" language="javascript" src="js/skewt.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/aws-sdk-2.1029.0.min.js"></script>
<script type="text/javascript" language="javascript" src="js/leaflet.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/Leaflet.fullscreen.min.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/L.Terminator.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/L.TileLayer.NoGap.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/paho-mqtt.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/jquery-1.12.4-min.js"></script>
<script type="text/javascript" language="javascript" src="js/iscroll.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/chasecar.lib.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/sondehub.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/colour-map.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/xdata.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/station.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/format.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/rbush.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="js/pwa.js?v={VER}"></script>
</head>
<body data-version="{VER}">
<div id="loading">
<div>
<img src="img/sondehub_au.png" />
<img src="img/splash/splash-wide.png" style="transform: translate(-50%,200%);"/>
<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="skewt">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" viewBox="-0.5 -0.5 221 213"><defs/><g><path d="M 172 206 L 212 166" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 52 206 L 212 46" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 132 206 L 212 126" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 12 206 L 212 6" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 12 166 L 172 6" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 12 126 L 132 6" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 12 86 L 92 6" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 92 206 L 212 86" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 12 206 L 12 6" fill="none" stroke="#ffffff" stroke-width="12" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 92 206 Q 132 186 103.5 169 Q 75 152 83.5 144 Q 92 136 77 96 Q 62 56 92 6" fill="none" stroke="#ffffff" stroke-width="10" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 142 206 Q 133 177 125.5 164.5 Q 118 152 118 139 Q 118 126 113.5 111 Q 109 96 130.5 76 Q 152 56 152 6" fill="none" stroke="#ffffff" stroke-width="10" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 6 206 L 214 206" fill="none" stroke="#ffffff" stroke-width="12" stroke-miterlimit="10" pointer-events="stroke"/></g></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">
<h3><i class="icon-habhub rfloat"></i>Report Recovery</h3>
<hr/>
<div class="row">
<span><b>Please report recovered radiosondes! Don't waste others time and effort with a frustrating failed recovery!</b></span>
<span>Enter the serial number, select recovered / planned, and add some notes. If marking as planned, please add contact information!</span>
<span>If the sonde is not on the map, type its serial into the top-left search box (may require landscape mode on mobile) and press enter to retrieve historical data.</span>
</div>
<div class="row">
<span><b>Serial</b> <a href="https://github.com/projecthorus/sondehub-infra/wiki/Radiosonde-Serial-Numbers" target="_blank" rel="noopener">(Help)</a></span>
<span class="r"><input type="text" id="pr_serial" style="width: 140px;"/></span>
</div>
<div class="row">
<span><b>Recovered By</b></span>
<span class="r"><input type="text" id="recovery_callsign" style="width: 140px;" maxlength="15"/></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>Recovery Planned</b></span>
<div class="switchyn off" id="sw_recovery_planned">
<span class="thumb"></span>
<input type="checkbox" id="recovery_planned">
</div>
</div>
<div class="row option">
<span><b>Use Browser 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>
</div>
<div class="row">
<span>
<textarea name="pr_notes" id="pr_notes" style="width:280px;height:60px;"></textarea>
</span>
</div>
<div class="row">
<span><b>Report Result</b></span>
<span class="r" id="pr_last_report">none</span>
</div>
<div class="row">
<span class="r"><input type="button" value="Submit" id="pr_submit" onclick="ChaseCar.markRecovered();"/></span>
</div>
<hr/>
<h3>Statistics</h3>
<hr/>
<div id="leaderboard-list"><img style="width:90px;height:30px;display:block;margin:auto;" src="img/hab-spinner.gif"/><br></div>
<hr/>
<h3>Recoveries</h3>
<div id="recovery-list"><img style="width:90px;height:30px;display:block;margin:auto;" src="img/hab-spinner.gif"/><br></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>User Guide</h4>
A User Guide for the tracker is <a href="https://github.com/projecthorus/sondehub-tracker/wiki/SondeHub-Tracker-User-Guide" target="_blank" rel="noopener">available here.</a>
<br/>
<b>Check the <a href="https://github.com/projecthorus/sondehub-tracker/wiki/SondeHub%E2%80%90Tracker-Changelog" target="_blank" rel="noopener">SondeHub-Tracker Changelog</a> to find info on recent updates.</b>
<br/>
<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>.</br>
You can 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>Found a Radiosonde?</h4>
<b>Please click the 'balloon' icon on the top-right to submit a recovery notification!</b>
<h4>Support Us!</h4>
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>.</br>
We gratefully thank our major supporters: </br>
<a href="https://ampr.org" target="_blank" rel="noopener"><img src="img/ardc_logo_small.png" width="40%"/></a> <a href="https://www.graw.de" target="_blank" rel="noopener"><img src="img/graw_logo_small.png" width="40%" /></a>
<h4>Contact Us!</h4>
For SondeHub usage questions and support, feel free to email us at <a href="mailto:[email protected]">[email protected]</a>.
<br/>
You can also find us on <a href="https://sondehub.org/go/discord" target="_blank" rel="noopener">Discord</a> and on IRC in <a href="https://kiwiirc.com/nextclient/irc.libera.chat/habhub" target="_blank" rel="noopener">#habhub</a> at <b>libera.chat</b>.
<h4>Amateur HAB Launches?</h4>
You can find Amateur High-Altitude Balloon launches on the <a href="https://amateur.sondehub.org/" target="_blank" rel="noopener">Sondehub-Amateur Tracker</a>.
<h4>SondeHub Status Pages</h4>
This site uses data from the <a href="https://github.com/projecthorus/sondehub-infra/wiki" target="_blank" rel="noopener">SondeHub</a> database.<br/>
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>.
<h4>Chase Cars</h4>
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>.
</div>
<h4>Contribute</h4>
<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. A huge thanks to RGP for developing the mobile tracker that this site is based on.
<br/><br/>
Tracker Revision: <span class="r">{VER}</span>
<br/>
Build Date: <span class="r">{BUILD_DATE}</span>
</p>
</div>
</div>
<div id="settingsbox" style="display: none" class="flatpage">
<div class="slimContainer">
<h2><i class="icon-settings rfloat"></i>Settings</h2>
<hr/>
<h4>General</h4>
<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>
<h4>Visibility</h4>
<hr/>
<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>Hide chase cars from the map</b></span>
<div class="switch off" id="sw_hide_chase">
<span class="thumb"></span>
<input type="checkbox" id="opt_hide_chase">
</div>
</div>
<div class="row option">
<span><b>Show 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>
<div class="row option">
<span><b>Hide 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>Only show visible on sidebar</b></span>
<div class="switch off" id="sw_selective_sidebar">
<span class="thumb"></span>
<input type="checkbox" id="opt_selective_sidebar">
</div>
</div>
<h4>Other</h4>
<hr/>
<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>
<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>
</div>
</div>
<div id="skewtbox" style="display:none;" class="flatpage">
<div class="slimContainer" style="width:400px!important">
<h2>SkewT Plot
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="35" height="40" viewBox="-0.5 -0.5 221 213" class="rfloat"><defs/><g><path d="M 172 206 L 212 166" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 52 206 L 212 46" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 132 206 L 212 126" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 12 206 L 212 6" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 12 166 L 172 6" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 12 126 L 132 6" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 12 86 L 92 6" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 92 206 L 212 86" fill="none" stroke="#e6e6e6" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 12 206 L 12 6" fill="none" stroke="#666666" stroke-width="12" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 92 206 Q 132 186 103.5 169 Q 75 152 83.5 144 Q 92 136 77 96 Q 62 56 92 6" fill="none" stroke="#666666" stroke-width="10" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 142 206 Q 133 177 125.5 164.5 Q 118 152 118 139 Q 118 126 113.5 111 Q 109 96 130.5 76 Q 152 56 152 6" fill="none" stroke="#666666" stroke-width="10" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 6 206 L 214 206" fill="none" stroke="#666666" stroke-width="12" stroke-miterlimit="10" pointer-events="stroke"/></g></svg>
</h2>
<hr>
<div style="display:flex;justify-content:center;">
<span id="skewtSerial" style="text-align:center;">Select a Radiosonde from the list and click 'SkewT' to plot. Note that not all radiosonde types are supported.</span>
</div>
<div style="display:flex;justify-content:center;">
<img style="width:90px;height:30px;display:none;" src="img/hab-spinner.gif" id="skewtLoading" />
</div>
<div id="skewt-plot" class="skew-t"></div>
<div style="display:flex;justify-content:center;">
<button style="display:none;margin:10px 5px;" id="resetSkewt" onclick="skewTrefresh()">Reset Plot</button>
<button style="display:none;margin:10px 5px;" id="deleteSkewt" onclick="skewTdelete()">Delete Plot</button>
</div>
<div style="display:flex;justify-content:center;">
<span id="skewtErrors" style="display:none;text-align:center;font-weight:bold;margin:10px 0px;"></span>
</div>
<div style="display:flex;justify-content:center;">
<span id="skewtHelp" style="text-align:center;">For assistance interpreting SkewT plots, try <a href="http://flsc.org/portals/12/PDF/Read_Skew_T.pdf" target="_blank" rel="noopener">this guide.</a></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><i class="icon-car rfloat"></i>Chase 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;" maxlength="15"/></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 for up to 12 hours.</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>
Recovery reporting is now on the recoveries tab! (Balloon icon)
</div>
</div>
<div id="homebox" style="width:0px;height:0px"></div>
<div id="mapscreen">
<div style="width: 100%;">
<div id="zoom_warning" class="lfloat slickbox" style="width:250px; bottom: 0px; left: 50%; transform: translate(-50%, -50%);">
<div style="width:250px">Zoom in for realtime data!</div>
</div>
<div id="recovery_notice" class="lfloat slickbox" onclick="show_recoveries();" style="width:225px; bottom: 35px; left: 50%; transform: translate(-50%, -50%); display:none;">
<div style="width:225px"><b>Please report recovered sondes!</b></div>
</div>
</div>
<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" id="pv0"><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" id="lv0"><div class="header empty"><img style="width:90px;height:30px" src="img/hab-spinner.gif"/></div></div>
</div>
</div>
</div>
<div id="reload_warning">This version of SondeHub is out of date. <a href="javascript:window.location.reload(true)">Click here to reload</a>. Page will reload automatically in <span id="reload_timer"></span></div>
<!-- Was 3.31-->
<script type="text/javascript" language="javascript" src="js/app.js?v={VER}"></script>
<script type="text/javascript" language="javascript" src="https://xc5dqkj2cgb1.statuspage.io/embed/script.js" async defer></script>
</body>
</html>