-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (157 loc) · 10.2 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="keywords" content="map, sentinel, copernicus">
<!-- mobile map -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Central Italy Reconstruction Watch</title>
<link rel="icon" type="image/png" href="./img/favicon.png" />
<!-- stylesheets -->
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
<link href="https://libs.sentinelmap.eu/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/dist/leaflet.css" rel="stylesheet"/>
<link href="./lib/leaflet-sidebar.css" rel="stylesheet"/>
<link href="style.css" rel="stylesheet"/>
<!-- libraries -->
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script type="text/javascript" src="https://www.nextzen.org/tangram/0.14/tangram.min.js"></script>
<script src="./lib/leaflet-hash.js"></script>
<script src="./lib/leaflet-sidebar.js"></script>
</head>
<body class="map-layout">
<!--Content-->
<div id="content">
<!-- Sidebar -->
<div id="sidebar" class="sidebar">
<!-- Nav tabs -->
<div class="sidebar-tabs">
<ul role="tablist">
<li>
<figure>
<a href="#home" role="tab"> <img alt="icon" src="./img/icon.svg"/> </a>
</figure>
</li>
<li><a href="#info" role="tab"><i class="fa fa-info-circle"></i></a></li>
<li><a href="#social" role_="tab"><i class="fa fa-comments-o"></i></a></li>
</ul>
<ul role="tablist">
<li><a href="#copyright" role="tab"><i class="fa fa-copyright"></i></a></li>
</ul>
</div><!--end of Nav tabs-->
<!-- Tab panes -->
<div class="sidebar-content">
<!--Home sidebar-pane-->
<div class="sidebar-pane active" id="home">
<h1 class="sidebar-header">
<a href="http://www.sentinelmap.eu/"><b>SENTINELMAP.</b>EU</a>
<span class="sidebar-close"><i class="fa fa-times"></i></span>
</h1>
<div>
<h3>Central Italy reconstruction watch</h3>
<p>Thanks to OpenStreetMap contributors, has been possible to build a crowdsourced map of damaged towns and villages in the Apennine mountains, after the devastating series of earthquakes that hit central Italy betwen August and November 2016.</p>
<p>People in the worst-affected areas of Umbria, Marche, Lazio and Abruzzo are now facing what is likely to be a long and difficult struggle to rebuild homes and historic buildings, without lose their cultural heritage.</p>
<h3><i>Osservatorio sulla ricostruzione in centro Italia</i></h3>
<p><i>Grazie al contributo della comunità di OpenStreetMap, è stato possibile costruire una mappa crowdsourced delle città e dei paesi appenninici, danneggiati dopo la devastante serie di terremoti che hanno colpito l'Italia centrale tra agosto e novembre 2016.</i></p>
<p><i>Le popolazioni nelle aree più colpite di Umbria, Marche, Lazio e Abruzzo sono ora di fronte a quella che sarà probabilmente una sfida lunga e difficile per ricostruire le case e gli edifici storici, senza che il loro patrimonio culturale vada perduto.</i></p>
</div>
</div> <!--end of Home sidebar-pane-->
<!--Info sidebar-pane-->
<div class="sidebar-pane" id="info">
<h1 class="sidebar-header">
<a href="http://www.sentinelmap.eu/"><b>SENTINELMAP.</b>EU</a>
<span class="sidebar-close"><i class="fa fa-times"></i></span>
</h1>
<div>
<h3>Earthquakes in central Italy</h3>
<p>In the first hours of 24th August 2016 an earthquake with <a href="http://cnt.rm.ingv.it/en/event/7073641" target="_blank">magnitude 6.0</a> (M6.2 measured by the <a href="http://earthquake.usgs.gov/earthquakes/eventpage/us10006g7d#executive" target="_blank">USGS</a>), occurred in the centre of Italy involving a very large territory including several Regions (Lazio, Abruzzo, Umbria) and Municipalities. After the main shock several others occurred in the areas producing casualties and damages on structures and infrastructures.</p>
<p>On the afternoon of the 26th of October a new earthquake, with <a href="http://cnt.rm.ingv.it/en/event/8663031" target="_blank">magnitude 5.4</a> (M5.5 measured by the <a href="http://earthquake.usgs.gov/earthquakes/eventpage/us20007guy#executive" target="_blank">USGS</a>), has shocked the central Italy with the epicenter close to the area already affected by the earthquake on the 24th of August. A second quake happened in the same area with a <a href="http://cnt.rm.ingv.it/en/event/8669321" target="_blank">magnitude of 5.9</a> (M6.1 measured by the <a href="http://earthquake.usgs.gov/earthquakes/eventpage/us1000725y#executive" target="_blank">USGS</a>).</p>
<p>A third large, shallow earthquake of <a href="http://cnt.rm.ingv.it/en/event/8863681" target="_blank">magnitude 6.5</a> (M6.6 measured by the <a href="http://earthquake.usgs.gov/earthquakes/eventpage/us1000731j#executive" target="_blank">USGS</a>) struck 6 km north of Norcia at 07:40 local time on 30 October.</p>
</div>
</div> <!--end of Info sidebar-pane-->
<!--Social sidebar-pane-->
<div class="sidebar-pane" id="social">
<h1 class="sidebar-header">
<a href="http://www.sentinelmap.eu/"><b>SENTINELMAP.</b>EU</a>
<span class="sidebar-close"><i class="fa fa-times"></i></span>
</h1>
<div>
<p> <a href="http://blog.sentinelmap.eu" role="tab" target="_blank"><i class="fa fa-newspaper-o fa-border fa-2x"></i> SentinelMap Blog</a> </p>
<p> <a href="https://twitter.com/sentinelmap" role="tab" target="_blank"><i class="fa fa-twitter fa-border fa-2x"></i> Twitter</a> </p>
<p> <a href="https:/sentinelmap/central-italy-reconstruction-watch" role="tab" target="_blank"><i class="fa fa-github fa-border fa-2x"></i> Github</a> </p>
</div>
</div> <!--end of Social sidebar-pane-->
<!--Copyright sidebar-pane-->
<div class="sidebar-pane" id="copyright">
<h1 class="sidebar-header">
<a href="http://www.sentinelmap.eu/"><b>SENTINELMAP.</b>EU</a>
<span class="sidebar-close"><i class="fa fa-times"></i></span>
</h1>
<div>
<h3>Copyright and License</h3>
<h4>Copernicus Sentinel data:</h4>
<p>sentinelmap.eu contains modified Copernicus Sentinel data 2016</p>
<p>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">
<img alt="Creative Commons License" style="border-width:0" src="./img/88x31.png" />
</a><br />
<span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Sentinel tiles</span> powered by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.sentinelmap.eu/about" property="cc:attributionName" rel="cc:attributionURL">SentinelMap</a> are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Creative Commons Attribution-ShareAlike 4.0 International License</a>.<br />
Based on data at <a xmlns:dct="http://purl.org/dc/terms/" href="https://scihub.copernicus.eu" rel="dct:source" target="_blank">https://scihub.copernicus.eu</a>.<br />
</p>
<h4>Other data:</h4>
<p>
Data by ©<a href="https://openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors,
<a href="http://www.naturalearthdata.com/about/terms-of-use/" target="_blank"> Natural Earth</a>,
<a href="https:/whosonfirst/whosonfirst-data/blob/master/LICENSE.md" target="_blank"> Who’s On First</a>,
powered by <a href="https://mapzen.com" target="_blank">Mapzen</a>
- <a href="https://www.mapzen.com/rights" target="_blank">Attribution</a>.
</p>
<h4>Copernicus EMS data:</h4>
<p>
Copernicus Emergency Management Service (© 2016 European Union), Rapid mapping activations:
<a href="http://emergency.copernicus.eu/mapping/list-of-components/EMSR177" target="_blank">[EMSR177]</a> and
<a href="http://emergency.copernicus.eu/mapping/list-of-components/EMSR190" target="_blank">[EMSR190]</a>.
</p>
<h4>Software:</h4>
<p>
Software components are released under the terms of the <a href="http://www.gnu.org/licenses/agpl-3.0.txt" target="_blank">GNU Affero General Public License 3.0</a>: <br/>
Copyright © 2016 Carlo Palermo. <br/>
Source code on <a href="https:/sentinelmap/central-italy-reconstruction-watch" target="_blank">Github</a>.
</p>
<h4>Third-party software components:</h4>
<p>
<a href="https:/Turbo87/sidebar-v2" target="_blank">sidebar-v2</a>:
Copyright © 2013 Tobias Bieniek
<i class="fa fa-balance-scale"></i>
<a href="https:/mlevans/leaflet-hash/blob/master/LICENSE.md" target="_blank">MIT</a>. <br/>
<a href="https:/mlevans/leaflet-hash" target="_blank">leaflet-hash</a>:
Copyright © 2013 Michael Lawrence Evans
<i class="fa fa-balance-scale"></i>
<a href="https:/Turbo87/sidebar-v2/blob/master/LICENSE" target="_blank">MIT</a>.
</p>
<h4>External libraries:</h4>
<p>
<a href="https:/Leaflet/Leaflet" target="_blank">Leaflet</a>:
Copyright © 2010-2016, Vladimir Agafonkin; 2010-2011, CloudMade
<i class="fa fa-balance-scale"></i>
<a href="https:/Leaflet/Leaflet/blob/master/LICENSE" target="_blank">BSD-2-Clause</a>. </br>
<a href="https:/tangrams/tangram" target="_blank">Tangram</a>:
Copyright © 2013-2016 Brett Camper and Mapzen
<i class="fa fa-balance-scale"></i>
<a href="https:/tangrams/tangram/blob/master/LICENSE" target="_blank">MIT</a>. </br>
<a href="http://fontawesome.io" target="_blank">Font Awesome</a>
by Dave Gandy
<i class="fa fa-balance-scale"></i>
<a href="http://fontawesome.io/license/" target="_blank">SIL OFL 1.1</a>.
</p>
</div>
</div> <!--end of Copyright sidebar-pane-->
</div><!--end of Tab panes-->
</div><!--end of Sidebar-->
<!-- Map -->
<div id="map" class="sidebar-map">
<script src="main.js"></script>
</div><!--end of Map-->
</div><!--end of Content-->
</body>
</html>