-
Notifications
You must be signed in to change notification settings - Fork 73
/
chennai.html
74 lines (61 loc) · 3.02 KB
/
chennai.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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Flood Maps</title>
<meta name="description" content="">
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<link href="https://www.mapbox.com/base/latest/base.css" rel="stylesheet">
<link href="https://api.mapbox.com/mapbox-gl-js/v3.0.0/mapbox-gl.css" rel="stylesheet">
<script src="https://api.mapbox.com/mapbox-gl-js/v3.0.0/mapbox-gl.js"></script>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/mCustomScrollbar.min.css">
<link rel="stylesheet" type="text/css" href="css/chennai.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<script src="js/vendor/md5.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Content -->
<div id='map'></div>
<div id='sidebar' class='pin-left col3 pad2 dark fill-navy'>
<h1>Flooded Streets</h1>
<h2><a href='.'>சென்னை</a></h2>
<p>
<strong>
<span id="feature-count">...</span>
</strong> inundated roads reported</p>
<img class="space-bottom1" src="https://cloud.githubusercontent.com/assets/126868/11440554/86851886-9529-11e5-9bf5-55abcc223057.gif">
<p>This is a crowdsourced effort to map inundated roads in Chennai. Report a flooded street by zooming into the map and clicking it. All the data is <a href="https://github.com/osm-in/flood-map">open</a>.</p>
</div>
<div class="pad2 col8 space-bottom2 dark" style="position: absolute; z-index: 1000; bottom: 0; right: 0">
<div id="copy" class="pad2 fill-darken3 round prose prose-big col12" style="display: block;">Help planners and city authorities understand the flooding problem by contributing to this map. <a href="https://github.com/osm-in/flood-map">Learn more</a>.</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/vendor/jquery.mCustomScrollbar.js"></script>
<script src="js/config.js"></script>
<script src="js/data/mapLayers.js"></script>
<script src="js/data/mapLocations.js"></script>
<script src="js/mapbox-gl-js-common.js"></script>
<script type="text/javascript" src="js/chennai.js"></script>
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-67841289-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>