forked from pmisson/web_citiesatnight
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_IT_raffa.html
317 lines (283 loc) · 16 KB
/
index_IT_raffa.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
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="ico/favicon.ico">
<title>Le città di notte viste dalla ISS</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Custom styles for this template -->
<link href="carousel.css" rel="stylesheet">
</head>
<!-- NAVBAR
================================================== -->
<body>
<div class="navbar-wrapper">
<div class="container">
<div class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Città di notte</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Inizio</a></li>
<li><a
href="http://comunidad.medialab-prado.es/es/proyectos/dark-skies-iss?language=es">Chi
siamo</a></li>
<li><a href="https://docs.google.com/forms/d/1afaLK3T3d1AGqWUhd-qT-fRqc8LURbYiJCKw5wkUKVQ/viewform">Contatto</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Sostenitori<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="divider"></li>
<li class="dropdown-header">Sostenitori Scientifici</li>
<li><a href="http://guaix.fis.ucm.es/DarkSkies">DarkSkies UCM group (GUAIX-UCM)</a></li>
<li><a href="http://guaix.fis.ucm.es/splpr/">REECL</a></li>
<li><a href="http://www.cost-lonne.eu/">LoNNe Network</a></li>
<li class="divider"></li>
<li class="dropdown-header">Sostenitori amateur</li>
<li><a href="http://comunidad.medialab-prado.es/es/proyectos/dark-skies-iss">MediaLab-Prado</a></li>
<li><a href="http://www.celfosc.org/">Celfosc</a></li>
<li><a href="http://www.darksky.org/">International Dark-Sky Association</a></li>
</ul>
</li>
<li><a href="index_EN.html">EN</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">ES<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="index_ES.html">ES</a></li>
<li><a href="index_CAT.html">CAT</a></li>
<li><a href="index_PR.html">GAL</a></li>
<li><a href="index_EU.html">EU</a></li>
</ul>
</li>
<li><a href="index_IT.html">IT</a></li>
<li><a href="index_FR.html">FR</a></li>
<li><a href="index_RU.html">RU</a></li>
<li><a href="index_JP.html">JP</a></li>
<li><a href="index_CH.html">CH</a></li>
<li><a href="index_DE.html">DE</a></li>
<li><a href="index_PR.html">PR</a></li>
<li><a href="index_AR.html">AR</a></li>
<li><a href="https://github.com/pmisson/web_citiesatnight">Edit on Github</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<!<img data-src="holder.js/900x500/auto/#777:#7a7a7a/text:First slide" alt="First slide">
<img src="img/Carrusel1_spain.jpg" atl="Iberian Peninsula at Night" height: 650>
<div class="container">
<div class="carousel-caption">
<h1> La Terra di notte, sotto lo stesso cielo</h1>
<p>In questa pagina web trovate una galleria di immagini
notturne di molte città del mondo. Lo scopo principale di questa
collezione di immagini è mostrare come e quanto abbiamo cambiato
l'ecosistema notturno e l'aspetto che ha l'umanità vista dallo Spazio.</p>
<p><a class="btn btn-lg btn-primary" href="#gallery" role="button"> Controllare la galleria</a></p>
</div>
</div>
</div>
<div class="item">
<!<img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide">
<img src="img/Carrusel2_skyline.jpg" atl="Skyline of Madrid" height: 1000>
<div class="container">
<div class="carousel-caption">
<h1>L'inquinamento luminoso è un problema per tutti.</h1>
<p>Molti studi dimostrano che l'inquinamento
luminoso ha delle importanti effetti anche sull'inquinamento
atmosferico, la salute umana, la perdita di biodiversità, la
mancanza di sicurezza stradale e nelle cittá, spreco di energia e di risorse e la perdita del patrimonio mondiale culturale.</p>
<p><a class="btn btn-lg btn-primary" href="http://guaix.fis.ucm.es/DarkSkies" role="button">Per saperne di più</a></p>
</div>
</div>
</div>
<div class="item">
<!<img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide">
<img src="img/Carrusel3_canon2.jpg" atl="Pekin light pollution" height: 1000>
<div class="container">
<div class="carousel-caption">
<h1>Stella a stella possiamo costruire una galassia.</h1>
<h2>Aiutaci a sconfiggere l'inquinamento luminoso e scoprire la Terra di notte.</h2>
<p>La scienza ha risorse limitate per poter analizare
l'incredibile quantità di dati che abbiamo a disposizione sull'
inquinamento luminoso. Peró lavorando insieme, possiamo cambiare il mondo.</p>
<p><a class="btn btn-lg btn-primary" href="http://crowdcrafting.org/app/darkskies/" role="button">Aiutaci!!!</a></p>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div><!-- /.carousel -->
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-4">
<!<img class="img-circle" data-src="holder.js/140x140" alt="Generic placeholder image">
<h2>Cities at Night</h2>
<p>Dal 2003, gli astronauti stanno facento tantissime foto dalla
Stazione Spaziale Internazionale (ISS). Molte di queste foto
si possono trovare nelle pagine web delle agenzie
partecipanti o nei rispettivi profili di Twitter degli
astronauti. Ció nonostante molte di queste fotografie fatte dagli astronauti non sono state
pubblicate e si archiviano senza che il mondo intero le
abbia viste. Noi abbiamo fatto una selezione, che incontrate in
questo link <a
href="#gallery">gallery</a>, per farvi vedere piú di mille esempi
di immagini notturne delle cittá. Vi ricordiamo che ci sono
centinaia di migliaia di immagini ancora da scoprire. <a
href="http://www.crowcrafting.org/app/darkskies/">Se vuoi puoi aiutarci.</a> </p>
<p><a class="btn btn-default" href="#gallery"
role="button">Ulteriori informazioni »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<!<img class="img-circle" data-src="holder.js/140x140" alt="Generic placeholder image">
<h2>Inquinamento luminoso</h2>
<p>L'inquinamento luminoso puó causare vari problemi. I suoi
effetti si possono notare dalla nostra camera da letto a
centinaia di kilometri. La luce distrugge l'essenza
dell'oscuritá della notte. Noi umani abbiamo una paura ancestrale
dell'oscuritá, peró un eccesso di luce puó avere effetti
negativi sull'ecosistema e sulla nostra salute.</p>
<p>La immagini satellitari ci aiutano a misurare e
scoprire come si illuminano grandi zone. Dai colori delle
immagini scattate dagli astronauti della Stazione Spaziale
Internazionale, possiamo misurare l'efficienza del sistema di
illuminazione presente in
molte delle cittá del nostro pianeta.</p>
<p><a class="btn btn-default" href="http://guaix.fis.ucm.es/DarkSkies" role="button">Ulteriori informazioni »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<!<img class="img-circle" data-src="holder.js/140x140" alt="Generic placeholder image">
<h2>Citizen Science</h2>
<p> Citizen Science è la scienza fatta dai cittadini ed è
una strumento molto utile tanto per la ricerca scientifica come
per l'educazione. Mentre ci aiuti a classificare chilometri di
immagini inedite scattate dagli astronauti, puoi imparare
geografia e vedere com'è la terra vista di notte. Gli esseri
umani sono molto più efficienti rispetto ai computer a
riconoscere degli oggetti particolari. Quindi, qualsiasi cittadino può dare un contributo significativo.</p>
<p>Abbiamo bisogno di volontari per aiutarci a classificare
le immagini e identificare su di queste le varie posizioni delle
cittá per creare mappe di inquinamento luminoso. Questo lavoro
aiuterà i governi e le autorità locali a prendere nel futuro
delle decisioni piú giuste per poter ridurre l'inquinamento luminoso.</p>
<p><a class="btn btn-default" href="http://crowdcrafting.org/app/darkskies/" role="button">Ulteriori informazioni »</a></p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<!-- START THE FEATURETTES -->
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Vuoi vedere cosa vedono gli
astronauti dal cielo?<span class="text-muted"> Venite con noi e
scoprirete la notte come non l'avete mai vista prima</span></h2>
<p class="lead">È possibile collaborare con il nostro gruppo
nell'analisi <a
href="http://eol.jsc.nasa.gov/">dell'archivio</a> delle
immagini scattate dalla ISS. Potete anche partecipare alla
costruzione della <a href="http://www.crowcrafting.org/app/darkskies/"> mappa del mondo di notte a colori</a>.</p>
</div>
<div class="col-md-5">
<!<img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
<iframe width="500" height="375" src="//www.youtube.com/embed/cC5IJ4MMAeM" frameborder="0" allowfullscreen></iframe></iframe>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5">
<!<img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
<img src="https://farm6.staticflickr.com/5198/14361426623_901a2ca56e.jpg" class="featurette-image img-responsive">
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Quali sono le conseguenze
dell'inquinamento luminoso che possono danneggiarmi direttamente? <span class="text-muted">Scopritelo voi stessi.</span></h2>
<p class="lead">In questa foto si può vedere come la luce
molte volte ci acceca. L'esposizione prolungata alla luce
durante la notte puó variare i <a
href="http://en.wikipedia.org/wiki/Light_effects_on_circadian_rhythm">
cicli del sonno</a> e puó essere relazionata anche con alcuni tipi di <a href="http://jnci.oxfordjournals.org/content/93/20/1513.full">cancro.</a></p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">C'è una soluzione? <span class="text-muted">Sì!</span></h2>
<p class="lead"> La tecnologia moderna ci permette di
evitare l'emissione di luce nei posti indesiderati. Sistemi di
illuminazione intelligenti sono capaci di regolare
automaticamente la quantitá di luce a seconda delle esigenze.</p>
</div>
<div class="col-md-5">
<!<img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
<img src="https://farm4.staticflickr.com/3918/14154760737_f5c9502efc.jpg" class="featurette-image img-responsive">
</div>
</div>
<hr class="featurette-divider">
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5">
<h1> <a name="gallery">Galleria di immagini notturne delle città</a></h1>
<iframe width="800" height="400" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col0+from+1sxKXrg4yfmMO8Ok61UDOS_dkLc24Vj3_iHhibi4T&viz=MAP&h=false&lat=14.893414729734994&lng=-171.14102019999996&t=1&z=2&l=col0&y=2&tmplt=2&hml=ONE_COL_LAT_LNG"></iframe>
<p>Per utilizzarlo si prega di citare: A. Sánchez de Miguel et al. 2014a</p>
<p>Nota: Solo le immagini con CoordFLAG = 5 sono affidabili.</p>
<p>originale in <a href="http://www.nightcitiesiss.org"> http://www.nightcitiesiss.org</a>.
</div>
</div>
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
<!-- FOOTER -->
<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
<p>© 2014 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
</footer>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/docs.min.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-1910419-4', 'citiesatnight.org');
ga('send', 'pageview');
</script>
</body>
</html>