-
Notifications
You must be signed in to change notification settings - Fork 1
/
mobile.html
407 lines (385 loc) · 27.6 KB
/
mobile.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
<!doctype html>
<html>
<head>
<title>nostradamIQ | sensing our World's disasters.</title>
<meta charset="utf-8">
<base target="_blank">
<!-- Tell IE to use the latest, best version (or Chrome Frame if pre-IE11). -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="HandheldFriendly" content="true" />
<meta name="application-name" content="nostradamIQ beta"/>
<link rel="canonical" href="//nostradamiq.org/webapp/index.html" />
<link rel="publisher" href="//nostradamiq.org"/>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="application" />
<meta property="og:title" content="nostradamIQ | sensing our World's disasters." />
<meta property="og:description" content="nostradamIQ amis to provide you with visually attractive, intuitive insight about Our Worlds current, past and future disasters! Powered by Free, Open-Source and Cutting-Edge Technology." />
<meta property="og:url" content="//nostradamiq.org/webapp/" />
<meta property="og:site_name" content="nostradamIQ | sensing our World's disasters." />
<meta property="article:publisher" content="https://gitter.im/nupic-community/nostradamIQ" />
<meta property="article:published_time" content="2015-09-08T01:30:00+00:00" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@nostradamIQ"/>
<meta name="twitter:domain" content="nostradamIQ"/>
<meta name="twitter:creator" content="@nostradamIQ"/>
<meta name="author" content="nostradamIQ-Team" />
<meta name="description" content="nostradamIQ amis to provide you with visually attractive, intuitive insight about Our Worlds current, past and future disasters! Powered by Free, Open-Source and Cutting-Edge Technology." />
<meta name="keywords" content="nostradamIQ, climate change, disaster awareness, alerts, forcasting, nowcasting, disaster tracker, disaster evaluation, education, awareness, collaboration, nature, machine learning, cv3d, climateviewer, natural catastrophes, disasters, 3D, globe, cesiumjs" />
<link href="./lib/leaflet/v1.0b1/leaflet.css" rel='stylesheet' type='text/css'/>
<link rel="stylesheet" href="./lib/leaflet/L.GeoSearch/src/css/l.geosearch.css" />
<!-- TODO: For in-layer search: <link href='./lib/leaflet/leaflet-search/src/leaflet-search.css' type='text/css'/> -->
<!-- TODO: For in-layer search: <link href='./lib/leaflet/leaflet-search/src/leaflet-search.mobile.css' type='text/css'/> -->
<!-- TODO: For in-layer search: <link href='./lib/leaflet/leaflet-search/style.css' type='text/css'/> -->
<link href="./lib/semantic-ui/2.0.8/semantic.min.css" rel='stylesheet' type='text/css' />
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="./lib/css/nostradamiq-mobile.css?v9001" rel='stylesheet' type='text/css' />
<link rel="shortcut icon" href="./img/favicon.ico?v=2" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="./img/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="./img/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="./img/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="./img/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="./img/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="./img/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="./img/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="./img/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="./img/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="./img/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="./img/favicon-64x64.png" sizes="64x64" />
<link rel="icon" type="image/png" href="./img/favicon-48x48.png" sizes="48x48" />
<link rel="icon" type="image/png" href="./img/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="./img/favicon-24x24.png" sizes="24x24" />
<link rel="icon" type="image/png" href="./img/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="./img/favicon-128x128.png" sizes="128x128" />
<meta name="msapplication-square70x70logo" content="./img/mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="./img/mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="./img/mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="./img/mstile-310x310.png" />
<meta name="application-name" content="nostradamIQ"/>
<meta name="msapplication-TileColor" content="#e3000b"/>
<meta name="theme-color" content="#111111"> <!-- Chrome Android -->
</head>
<body>
<div id="map"></div>
<div class="ui large feed cv3d mobile noselect">
<div class="event">
<div class="label mobile">
<img src="//nostradamiq.org/img/favicon-96x96.png">
</div>
<div class="content">
<div class="summary"><a href="//nostradamiq.org">nostradamIQ</a><br><span class="slogan">sensing our World's disasters.</span></div>
</div>
</div>
</div>
<div class="ui vertical basic icon buttons cv-toolbar">
<button class="ui button cv-button show-menu">
<i class="sidebar icon"></i>
<span>LAYERS</span>
</button>
<button class="ui button cv-button clear-layers">
<i class="trash icon"></i>
<span>CLEAR</span>
</button>
<button class="ui button cv-button reset-view">
<i class="zoom out icon"></i>
<span>ZOOM</span>
</button>
</div>
<div class="toolbar">
<div class="toolbar-contents">
<div class="tabmenu-body ui top attached">
<div id="top" class="tab layer-menu">
<div class="ui tab segment active" data-tab="first">
<!-- Nav tabs -->
<div class="ui top attached tabular menu">
<a class="active item vertical" data-tab="layers">Layers</a>
<a class="item vertical" data-tab="learn">Learn</a>
<a class="item share-tab vertical" data-tab="share">Share</a>
<a class="item 3d-tab vertical">3D</a>
<a class="item vertical" data-tab="about">About</a>
</div>
<!-- Tab panes -->
<div id="layers" class="ui bottom attached active tab segment" data-tab="layers">
<p class="instruct">Choose a Showcase-Analysis</p>
<div id="showcase-maps" class="showcase-maps">
<div class="earthquake-showcase"><i class="fa fa-rss fa-fw"></i> Earthquakes</div>
<div class="internet-showcase"><i class="fa fa-wifi"></i> Internet Usage</div>
<div><i class="fa fa-hand-o-down"></i> <a href="mailto:[email protected]?subject=Add my Analysis to the Showcase!">YOURS?</a></div>
</div>
<p class="instruct showcase-title"><i class="fa fa-question"></i> What is this?</p>
<div id="showcase-maps-info" class="showcase-maps-info">
</div>
<p class="instruct">Build your own Analysis</p>
<div id="map-layers" class="map-layers"><!-- Build Layer Tree -->
</div>
<!-- <div id="geolocation-window"></div> -->
<p onclick="getLocation()" class="instruct"><i class="fa fa-map-marker"></i> Fly to where I am!</p>
<div id="searchbar" class="cesium-viewer-geocoderContainer"></div>
<div id="legend" class="ui bottom attached active tab segment">
<p class="instruct legend-title"><i class="fa fa-arrow-circle-down"></i> SHOW LEGEND</p>
<div id="legend-content" class="legend">
</div>
</div>
</div> <!-- segment -->
<div id="learn" class="ui bottom attached tab segment" data-tab="learn">
<p class="instruct">LEARN & Prepare</p>
<p>
Learn about various disasters!<br>
How do I prepare?<br>
What should I do in case?<br>
<b><i>See here for answers!</i></b>
</p>
<div>
<ul class="banner-social-buttons">
<li>
<a href="//nostradamiq.org/resources/disaster_supply_kit.html" target="_blank">
<img src="img/icon_supply_kit.svg">
<div>Supply Kit</div></a>
</li>
<li>
<a href="//nostradamiq.org/resources/family_awareness_plan.html" target="_blank">
<img src="img/icon_family.svg">
<div>Prepare Your Family!</div></a>
</li>
<li>
<a href="//nostradamiq.org/resources/general_disaster_resources.html" target="_blank">
<img src="img/icon_rescue.svg">
<div>Generally useful Resources for your House, Pet and more!</div></a>
</li>
<li>
<a href="//nostradamiq.org/resources/floods_resources.html" target="_blank">
<img src="img/icon_flood.svg">
<div>Floods</div></a>
</li>
<li>
<a href="//nostradamiq.org/resources/earthquake_resources.html" target="_blank">
<img src="img/icon_earthquake.svg">
<div>Earthquakes</div></a>
</li>
<li>
<a href="//nostradamiq.org/resources/tsunami_resources.html" target="_blank">
<img src="img/icon_tsunami.svg">
<div>Tsunamis</div></a>
</li>
<li>
<a href="//nostradamiq.org/resources/high_surf_resources.html" target="_blank">
<img src="img/icon_high_surf.svg">
<div>High Surf</div></a>
</li>
<li>
<a href="//nostradamiq.org/resources/volcanoes_resources.html" target="_blank">
<img src="img/icon_volcano.svg">
<div>Volcanoes</div></a>
</li>
<li>
<a href="//nostradamiq.org/resources/tropical_cyclones_resources.html" target="_blank">
<img src="img/icon_tropical_cyclones.svg">
<div>Tropical Cyclones</div></a>
</li>
<li>
<a href="http://theweathereffect.com" target="_blank">
<img src="img/timeline.png">
<div>Weather Modification</div></a>
</li>
</ul>
</div>
</div> <!-- segment -->
<div class="ui bottom attached tab segment share-container" data-tab="share">
<h3>
<i class='heart icon'></i> Sharing is Caring
</h3>
<div id="share">
<span class='st_facebook_vcount' displayText='Facebook'></span>
<span class='st_twitter_vcount' displayText='Tweet'></span>
<span class='st_whatsapp_vcount' displayText='WhatsApp'></span>
<span class='st_linkedin_vcount' displayText='LinkedIn'></span>
<span class='st_sharethis_vcount' displayText='ShareThis'></span>
<span class='st_email_vcount' displayText='Email'></span>
</div> <!-- #share -->
<h3 class="chat-title">
<i class="comments outline icon"></i> LOAD CHAT
</h3>
<div id="chat"></div> <!-- #chat -->
<h3>
<i class='comments icon'></i> COMMENT
</h3>
<div id="comments"></div> <!-- #comments -->
</div> <!-- segment -->
<div class="ui bottom attached tab segment about-container" data-tab="about">
<h3><span style="color:#FFF">About nostradam</span>IQ</h3>
<p>Provided by <a href="//nostradamiq.org/" target="_blank"><strong>nostradam<i>IQ</i></strong></a>
as a free public service for a better World.</p><p>Know how to code? Make <a href="https://github.com/nupic-community/nostradamIQ" target="_blank"><strong>nostradamIQ</strong></a> better!</p>
<div style="padding:20px 0"></div>
<h4>Open-Source Technologies</h4>
<ul>
<li><a href="//cesiumjs.org/" target="_blank" rel="nofollow">Cesium</a> </li>
<li><a href="http://leafletjs.com/" target="_blank" rel="nofollow">Leaflet 1.0 beta 1</a></li>
<li><a href="https://github.com/brunob/leaflet.fullscreen" target="_blank" rel="nofollow">leaflet.fullscreen</a></li>
<li><a href="https://github.com/opie/leaflet-plugins" target="_blank" rel="nofollow">KMZ Leaflet Plugin</a></li>
<li><a href="//jquery.com/" target="_blank" rel="nofollow">jQuery 2.1.1</a></li>
<li><a href="//jqueryui.com/" target="_blank" rel="nofollow">jQuery-UI v1.11.4</a></li>
<li><a href="//d3js.org/" target="_blank" rel="nofollow" class="dl3-demo-toggle">D3.js</a></li>
<li><a href="//semantic-ui.com/" target="_blank" rel="nofollow">Semantic UI 2.0</a></li>
<li><a href="//amsul.github.io/pickadate.js" target="_blank" rel="nofollow">pickadate.js v3.5.6</a></li>
<li><a href="//www.tweepy.org/" target="_blank" rel="nofollow">Tweepy</a></li>
<li><a href="//fortawesome.github.io/Font-Awesome/" target="_blank" rel="nofollow">Font Awesome 4.3.0</a></li>
<li><a href="//numenta.org" target="_blank" rel="nofollow">NuPIC</a></li>
<li><a href="http://climateviewer.com" target="_blank" rel="nofollow">Climate-Viewer</a></li>
</ul>
<div style="padding:20px 0"></div>
<h4>Support Us</h4>
<p>This service is made possible by <strong><a target="_blank" rel="nofollow" href="//www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=JH4BWPHA326TL" title="PayPal Link">donations from caring individuals like you!</a></strong><br>
<a rel="nofollow" href="//www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=JH4BWPHA326TL" class="btn btn-default btn-lg"><i class="fa fa-paypal fa-fw" title="PayPal Link"></i> <span class="network-name">Donate</span></a><br>
Thank you for your support. <i class="fa fa-heart fa-fw"></i></p>
<p>Do you know some nice sources for Geo-Data? Do you have any?<br>
We can help you in conversion etc. But Data in geoJSON, KML, CZML and other geo-ready formats are preffered!<br>
We would love to <a href="mailto:[email protected]">hear suggestions from you</a>!</p>
<h5><strong><i class="fa fa-copyright fa-fw"></i><a style='text-decoration:none' title='nostradamIQ' href="//nostradamiq.org/terms_of_service.html">nostradamIQ</a> 2015-<script type="text/javascript">today=new Date(); year=today.getYear(); if (year<1999) {year=year+1900;} document.write(year);</script></strong></h5>
<p><a href="//nostradamiq.org/terms_of_service.html">Terms of Service</a></p>
</div> <!-- about -->
</div> <!-- segment -->
</div> <!-- tab -->
</div> <!-- tabmenu-body -->
<div class="tabmenu-footer ui five cv-button-group bottom attached buttons">
<div title="Remove all layers from globe" class="ui button cv-button clear-layers"><i class="trash icon"></i></div>
<div title="Share active layers" class="ui button cv-button share-active-layers"><i class="share alternate icon"></i></div>
<div title="Collapse all folders" class="ui button cv-button collapse"><i class="compress icon"></i></div>
<div title="Scroll to the top" class="ui button cv-button top-layers"><i class="chevron up icon"></i></div>
<div title="Close this menu" class="ui button cv-button close-menu"><i class="close icon"></i></div>
</div>
</div>
</div> <!-- sidebar -->
<div id="datepicker-container"></div>
<div id="shareModal" class="shareModal ui basic modal">
<i class="close icon"></i>
<div class="header">
Share Active Layers
</div>
<div class="content">
<div class="description">
<div class="ui header">
<i class="circular inverted blue share alternate icon" style="color:#FFF;font-size:32px;"></i>
<div class="content" style="padding-left:20px">
<a id="shareLink" class="share-all-layers" href="http://nostradamiq.org/mobile-test.html" title="My custom nostradamIQ map" target="_self"></a>
<div class="sub header" style="color:#DDD">Use this URL to share all currently displayed layers.</div>
</div>
</div>
</div>
</div>
</div>
<div id="Greetz" class="ui modal">
<i class="close icon"></i>
<div class="header">
Welcome to nostradam<i>IQ</i>!
</div>
<div class="content">
<div class="description">
<p style="font-size:1.5em">Enter the new era of disaster awareness. <strong><a href="//nostradamiq.org">nostradamIQ</a></strong> is there!<br>
This service is here for You to be informed about disasters, natural & man-made catastrophes. If you have questions or find bugs on this site (it's still being constructed - Ideas and such are welcome as well!), please <a href="mailto:[email protected]">let us know!</a><br>
<i><b>And have fun!</b></i></p>
<br>
<h3>Frequently Asked Questions</h3>
<div class="ui accordion">
<div class="ui header title"><h4>• How do I use nostradamIQ?</h4></div>
<div class="ui card content">
Here are some basic usage hints for you:
<ul>
<li>Click and drag to fly over the World!</li>
<li>Use scrolling to zoom in and out!</li>
<li>Click the LAYERS Menu in the top right to show or hide the layer menu!</li>
<li>Choose a Showcase-Analysis from the Top in the Layer-Tab to get started with some amazing data or ...</li>
<li>Build or refine your own Analysis by clicking on a map layer in the list to make it appear on the globe!</li>
<li>Click the layer again to remove it from the globe!</li>
<li>Choose the Layers You are intersted in, learn and see what is and has happened all over the World!</li>
<li>You can share Your View of the World with our sharing feature!</li>
<li>Feel free to chat with us in the SHARE tab about your observations as well!</li>
<li>If you encounter any problems, or you have any questions, ideas etc. feel free to chat with us in the chat here, or <a href="//nostradamiq.org/#contact" target="_blank">get in touch with us</a>!</li>
<li>EXPLORE!</li>
</ul>
</div>
<div class="ui header title"><h4>• Why do you do this & How did it begin?</h4></div>
<div class="ui card content">
<p>
nostradamIQ started as a <a href="//datanauts.tedxrheinmain.de/contest-submissions/natural-catashtrophies-prediction-system/" target="_blank"><strong>TEDx-Project</strong></a>:
</p>
<div class="videoWrapper"><iframe width="420" height="236" src="https://www.youtube-nocookie.com/embed/5eXk9V57-I0" frameborder="0" allowfullscreen></iframe></div>
<p>
We want to make the World a save place for everyone, not just people living in nations with enough money and resources to conduct serious research in the areas of disaster prediction, reporting and education. This was motivated by the disruptive <a href="https://en.wikipedia.org/wiki/April_2015_Nepal_earthquake" target="_blank">earthquake in Nepal (April 2015)</a>, as the <a href="https://thenib.com/voices-from-nepal-8d93059a142b" target="_blank">most reported</a> problem by victims there was either that they had <strong>no idea about what to do</strong>, or <strong>no clue about what was coming</strong> and therefore were <strong>not properly prepared</strong>.<br>
We belive that this has not to be the case nowadays and want to build a global tool for <a href="nostradamiq.org/#about" target="_blank">disaster awareness, education and forcasting</a>. This should be done on a global basis by using <a href="//numenta.org" target="_blank">NuPIC</a> to find anomalies in sensory and social data and then using sophisitcated Machine Learning algorithms to train Models for evaluating the likelihood of disasters, so that people can be better prepared at the right time! <br>
To make this a reality, we need <a href="//nostradamiq.org/#help"><strong>YOUR HELP!</strong></a>
This service is made possible by <strong><a target="_blank" rel="nofollow" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=JH4BWPHA326TL" title="PayPal Link">donations from caring individuals like you!</a></strong><br>
<a rel="nofollow" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=JH4BWPHA326TL" class="btn btn-default btn-lg"><i class="fa fa-paypal fa-fw" title="PayPal Link"></i> <span class="network-name">Donate</span></a><br>
<b><i>Thank you for your support.</i></b><i class="fa fa-heart fa-fw"></i>
</p>
</div>
<div class="ui header title"><h4>• How Can I Help?</h4></div>
<div class="ui card content">
<p>
Please see <a href="//nostradamiq.org/#help"><strong>our Landingpage for more information!</strong></a><br>
Do <strong>YOU</strong> know how to code? Help us make <a href="https://github.com/nupic-community/nostradamIQ" target="_blank">nostradamIQ</a>
better!<br>
Please also consider <strong><a target="_blank" rel="nofollow" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=JH4BWPHA326TL" title="PayPal Link">helping us to pay for resources!</a></strong><br>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=JH4BWPHA326TL" target="_blank" rel="nofollow" class="btn btn-default btn-lg" title="PayPal Link"><i class="fa fa-paypal fa-fw"></i> <span class="network-name">Donate</span></a><br>
<b><i>Thank you for your support.</i></b><i class="fa fa-heart fa-fw"></i><br>
Do you know some nice sources for Geo-Data? Do you have any? We can help you in conversion etc. Data in geoJSON, KML, CZML and other geo-ready formats are preffered! We would love to
<a href='mailto:[email protected]?subject=nostradamIQ%20Data%20Suggestion&body=I%20have%20some%20cool%20Data%20for%20you%20to%20include%20in%20nostradamIQ!%0D%0A%0D%0AFormat:%20%0D%0A%0D%0ASource:%20%0D%0A(If%20not%20an%20online%20source,%20please%20attach%20the%20data!)%0D%0A%0D%0AWhy%20is%20this%20interesting?%20%0D%0A%0D%0ASuggested%20Name:%20%0D%0A%0D%0AOrigin%20to%20be%20credited:%20%0D%0A%0D%0A' target="_top">hear suggestions from you!</a>
</p>
</div>
</div>
<h5><strong><i class="fa fa-copyright fa-fw"></i><a style='text-decoration:none' title="Terms" href="//nostradamiq.org/terms_of_service.html">nostradamIQ</a> 2015-<script type="text/javascript">today=new Date(); year=today.getYear(); if (year<1999) {year=year+1900;} document.write(year);</script></strong></h5>
</div>
</div>
<div class="actions">
<div class="three fluid ui inverted buttons">
<div class="ui green basic inverted button share-modal">
<i class="options icon"></i>
SHOW MENU
</div>
<div class="ui red basic inverted button">
<a rel="nofollow" href="//nostradamiq.org/#help" class="btn btn-default btn-lg"><i class="fa fa-heart fa-fw" title="Join Us Link"></i> <span class="network-name">BE A PART OF IT!</span></a>
</div>
<div class="ui blue basic inverted button close-greetz">
<i class="fa fa-check fa-fw"></i>
GET STARTED!
</div>
</div>
</div>
<script type="text/javascript" src="./lib/graphlib/graphlib.min.js"></script>
<script type="text/javascript" src="./lib/nobject.js?v9001"></script>
<script type="text/javascript" src="./lib/jquery-2.1.3/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="./lib/jquery-migrate-1.2.1/jquery-migrate.min.js"></script>
<script type="text/javascript" src="./lib/semantic-ui/2.0.8/semantic.min.js"></script>
<script type="text/javascript" src="./lib/lodash/lodash.min.js"></script>
<script type="text/javascript" src="./lib/pickadate-3.5.6/combined.js"></script>
<script type="text/javascript" src="./lib/leaflet/v1.0b1/leaflet.js"></script>
<script src="./lib/leaflet/L.GeoSearch/src/js/l.control.geosearch.js"></script>
<script src="./lib/leaflet/L.GeoSearch/src/js/l.geosearch.provider.google.js"></script>
<!-- TODO: For in-layer search: <script type="text/javascript" src="./lib/leaflet/leaflet-search/src/leaflet-search.js"></script> -->
<script type="text/javascript" src="./lib/leaflet/leaflet-plugins-KMZ/layer/vector/KML.js"></script>
<script type="text/javascript" src="./lib/leaflet/leaflet-plugins-KMZ/layer/vector/KMZ.js"></script>
<script type="text/javascript" src="./lib/zip/zip.js"></script>
<!-- Load Esri Leaflet from CDN -->
<script src="//cdn.jsdelivr.net/leaflet.esri/1.0.0/esri-leaflet.js"></script>
<script type="text/javascript" src="./lib/js/nostradamiq-mobile.js?v9001"></script>
<script type="text/javascript" src="./lib/js/nostradamiq-layers.js?v9001"></script>
<script type="text/javascript" src="./lib/js/nostradamiq-mobile-menu.js?v9001"></script>
<!-- Start of StatCounter Code for Default Guide -->
<script type="text/javascript">
var sc_project=10672103;
var sc_invisible=1;
var sc_security="57a95b75";
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter"><a title="shopify traffic
stats" href="http://statcounter.com/shopify/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/10672103/0/57a95b75/1/"
alt="shopify traffic stats"></a></div></noscript>
<!-- End of StatCounter Code for Default Guide -->
</body>
</html>