forked from pmisson/web_citiesatnight
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_PR.html
285 lines (247 loc) · 18.1 KB
/
index_PR.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
<!DOCTYPE html>
<html lang="pr">
<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>Cidades na noite da 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="#">Cidades na noite</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Casa</a></li>
<li><a href="http://guaix.fis.ucm.es/node/1651">Sobre</a></li>
<li><a href="https://docs.google.com/forms/d/1afaLK3T3d1AGqWUhd-qT-fRqc8LURbYiJCKw5wkUKVQ/viewform">Sontato</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Suporte<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="divider"></li>
<li class="dropdown-header">Apoiantes Ciência</li>
<li><a href="http://guaix.fis.ucm.es/DarkSkies" target="_blank">DarkSkies UCM group (GUAIX-UCM)</a></li>
<li><a href="http://guaix.fis.ucm.es/splpr/" target="_blank">REECL</a></li>
<li><a href="http://www.cost-lonne.eu/" target="_blank">LoNNe Network</a></li>
<li class="divider"></li>
<li class="dropdown-header">apoiantes Cidadão</li>
<li><a href="http://comunidad.medialab-prado.es/es/proyectos/dark-skies-iss" target="_blank">MediaLab-Prado</a></li>
<li><a href="http://www.celfosc.org/" target="_blank">Celfosc</a></li>
<li><a href="http://www.darksky.org/" target="_blank">International Dark-Sky Association</a></li>
<li><a href="http://guaix.fis.ucm.es/node/1651" target="_blank">Detail Contributions</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_PT.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_AR.html">AR</a></li>
<li><a href="index_PT.html">PT</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>Uma terra na noite, sob um céu</h1>
<p>Neste site você pode encontrar um galeria de cidades ao redor do mundo à noite. Esta galeria foram compiladas para mostrar o quanto nós mudamos o ecossistema da noite e também a forma como a humanidade parece do Espaço.</p>
<p><a class="btn btn-lg btn-primary" href="#gallery" role="button"> Confira a galeria</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>Poluição luminosa é um problema para todos.</h1>
<p>Muitos estudos tem-se revelado como os efeitos de poluição luminosa à poluição do ar, a saúde humana, a perda da biodiversidade, a falta de segurança da circulação rodoviária, a segurança rua falso, desperdício de energia e recursos e perda de património mundial cultural.</p>
<p><a class="btn btn-lg btn-primary" href="" role="button">Saiba mais</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>Estale per estela podemos fazer um Galaxia.</h1>
<h2>Ajude-nos a lutar contra a poluição luminosa e descobrir a Terra à noite.</h2>
<p>Ciência tem recursos limitados para estudar a incrível quantidade de dados a poluição luminosa que temos. Mas trabalhando juntos, podemos mudar o mundo.</p>
<h1>Ajude-nos</h1>
<p><a class="btn btn-lg btn-primary" href="http://crowdcrafting.org/app/darkskies/" role="button">Classifique imagens</a>      <a class="btn btn-lg btn-primary" href="http://crowdcrafting.org/app/nightcitiesiss/" role="button">Faça um mapa</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>Cidades na noite</h2>
<p>Desde 2003, os astronautas foram tirar fotos a partir da Estação Espacial Internacional. Muitas dessas imagens foram publicadas nos sites das agências participantes ou contas de Twitter dos astronautas. No entanto, a maioria das imagens tiradas por astronautas não foram publicados e permanecem no arquivo sem ser mostrado para o mundo. Fizemos uma seleção nesta <a href="#gallery">galeria </a> para exibir mais de mil exemplos de imagens de cidades à noite. No entanto, ainda existem centenas de milhares de imagens em arquivo para descobrir. <a href="http://crowdcrafting.org/app/darkskies/">Você pode ajudar.</a> </p>
<p><a class="btn btn-default" href="#gallery" role="button">Ver detalhes »</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>A poluição luminosa</h2>
<p>A poluição luminosa causa sérios problemas. Seus efeitos podem ser medidos a partir do interior do nosso quarto a centenas de quilômetros de distância. A luz destrói a essência da escuridão da noite. Os seres humanos têm um medo ancestral do escuro, mas muita luz produz efeitos muito negativos sobre o ecossistema ea nossa saúde.</p>
<p>As imagens de satélite nos ajudar a medir e comparar para iluminar grandes áreas. Com as cores das imagens tiradas por astronautas da Estação Espacial Internacional, podemos medir a eficiência do sistema de iluminação em muitas cidades do planeta.</p>
<p><a class="btn btn-default" href="http://guaix.fis.ucm.es/DarkSkies" role="button" target="_blank">Ver detalhes »</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>Ciência Cidadã</h2>
<p>ciência cidadã é ver uma ferramenta para a pesquisa científica e ferramenta educacional. Enquanto você nos ajudar a classificar quilômetros de imagens inéditas tiradas pelos astronautas, você pode aprender geografia, uma vez que é a terra da noite. Os seres humanos são muito mais eficientes do que os computadores de reconhecimento de padrões. Assim, qualquer cidadão pode fazer uma contribuição significativa.</p>
<p>Precisamos de voluntários para nos ajudar a classificar as imagens e identificar os locais nas imagens para criar mapas de poluição luminosa. Ele vai ajudar os governos e as autoridades locais para tomar as decisões corretas para reduzir a poluição luminosa.</p>
<p><a class="btn btn-default" href="http://crowdcrafting.org/app/darkskies/" role="button">Ver detalhes »</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">Você quer ver o que os astronautas ver do céu?<span class="text-muted">Venha com a gente e descobrir a noite como nunca antes</span></h2>
<p class="lead">Você pode explor conosco o <a href="http://eol.jsc.nasa.gov/" target="_blank">arquivo </a>das imagens tiradas fron ISS. Contribuir também para <a href="http://crowdcrafting.org/app/darkskies/"> fazer um mapa do mundo à noite em cores</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">
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Como a poluição luminosa pode me afetar? <span class="text-muted">Veja por si mesmo.</span></h2>
<p class="lead">Nesta foto você pode ver como a luz nos cega em muitas ocasiões. A exposição à luz durante a noite também afeta os <a href="http://en.wikipedia.org/wiki/Light_effects_on_circadian_rhythm" target="_blank"> ciclos de sono </a> e está relacionada a alguns tipos de <a href="http://jnci.oxfordjournals.org/content/93/20/1513.full" target="_blank">câncer.</a></p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Existe uma solução? <span class="text-muted">Sim!</span></h2>
<p class="lead">Tecnologia existe atualmente para evitar a emissão de lugares indesejáveis leves. Os sistemas inteligentes também são regulando automaticamente a luz, dependendo das necessidades.</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">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5">
<h1> <a name="gallery">Galeria de cidades à noite</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>Para usá-lo, por favor cite: Alejandro Sánchez de Miguel, José Gómez Castaño, Jaime Zamorano, Christopher CM Kyba, Sergio Pascual,M Ángeles, L Cayuela, Guillermo Martín Martinez and Peter Challupner, Atlas of astronaut photos, of Earth at night, News and Reviews in Astronomy & Geophysics, Vol. 55 no4. August 2014 (in press).</p>
<p>Nota: Apenas as imagens com CoordFLAG = 5 são confiáveis.</p>
<p>original em <a href="http://www.nightcitiesiss.org"> http://www.nightcitiesiss.org</a>.
</div>
</div>
<div class="row featurette">
<div class="col-md-8">
<h1> <a name="galleryLost">Help us to locate cities</a></h1>
<p>The first step is locate the city which appears in the picture. Here you can find where was the ISS at the moment when the picture was taken. Just click on any red dot and identify it <a href="http://crowdcrafting.org/app/LostAtNight">http://crowdcrafting.org/app/LostAtNight</a></p>
<iframe width="800" height="400" scrolling="no" frameborder="no"
src="https://www.google.com/fusiontables/embedviz?q=select+col2+from+1lZPlhsxYmxiNhbGGFg3rb0HtuKNoMQFjgtFDSDjw&viz=MAP&h=false&lat=12.919488393199961&lng=-33.79786718750006&t=1&z=2&l=col2&y=2&tmplt=2&hml=TWO_COL_LAT_LNG"></iframe>
<p>If you make use of this gallery, please cite this article: Alejandro Sánchez de Miguel, José Gómez Castaño, Jaime Zamorano, Christopher CM Kyba, Sergio Pascual,M Ángeles, L Cayuela, Guillermo Martín Martinez and Peter Challupner, Atlas of astronaut photos, of Earth at night, News and Reviews in Astronomy & Geophysics, Vol. 55 no4. August 2014 (in press).</p>
</div>
</div>
<div class="row featurette">
<div class="col-md-8">
<h1> <a name="gallery">Help us to georreference cities</a></h1>
<p>Click on any location you know and get access to our georreference application. Select some points on the ISS picture and the same points on the map. This information allow us to identify correctly all the features on the city. The original application at <a href="http://crowdcrafting.org/app/nightcitiesiss">http://crowdcrafting.org/app/nightcitiesiss</a></p>
<iframe width="800" height="400" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col1+from+1OPr5YLj2oLhDHYZ7Jgeko_Rg3lXbJlRHyqdEZ-kt&viz=MAP&h=false&lat=30.780553683745534&lng=36.84329997634882&t=1&z=2&l=col1&y=3&tmplt=5&hml=TWO_COL_LAT_LNG"></iframe>
<p>To use it please cite: -Alejandro Sánchez de Miguel, José Gómez Castaño, Jaime Zamorano, Christopher CM Kyba, Sergio Pascual,M Ángeles, L Cayuela, Guillermo Martín Martinez and Peter Challupner, Atlas of astronaut photos, of Earth at night, News and Reviews in Astronomy & Geophysics, Vol. 55 no4. August 2014 (in press).</p>
</div>
</div>
<hr class="featurette-divider">
<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('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</body>
</html>