-
Notifications
You must be signed in to change notification settings - Fork 11
Expand file tree
/
Copy pathindex_CH.html
More file actions
301 lines (265 loc) · 20.1 KB
/
index_CH.html
File metadata and controls
301 lines (265 loc) · 20.1 KB
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
<!DOCTYPE html>
<html lang="ch">
<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" target="_blank" href="ico/favicon.ico">
<link target="_blank" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<title>从国际空间站的城市在夜间</title>
<!-- Bootstrap core CSS -->
<link target="_blank" 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 target="_blank" 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" target="_blank" href="#">城市之夜</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a target="_blank" href="#">家</a></li>
<li><a target="_blank" href="http://guaix.fis.ucm.es/node/1651" target="_blank">关于</a></li>
<li><a target="_blank" href="https://docs.google.com/forms/d/1afaLK3T3d1AGqWUhd-qT-fRqc8LURbYiJCKw5wkUKVQ/viewform" target="_blank">联系</a></li>
<li class="dropdown">
<a target="_blank" href="#" class="dropdown-toggle" data-toggle="dropdown">支持者<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="divider"></li>
<li class="dropdown-header">科学的支持者</li>
<li><a target="_blank" href="http://guaix.fis.ucm.es/DarkSkies" target="_blank">DarkSkies UCM group (GUAIX-UCM)</a></li>
<li><a target="_blank" href="http://cegepsherbrooke.qc.ca/~aubema/index.php/Prof/Recherches">Cegep Sherbrooke</a></li>
<li><a target="_blank" href="http://guaix.fis.ucm.es/splpr/" target="_blank">REECL</a></li>
<li><a target="_blank" href="http://www.cost-lonne.eu/" target="_blank">LoNNe Network</a></li>
<li class="divider"></li>
<li class="dropdown-header">公民支持者</li>
<li><a target="_blank" href="http://comunidad.medialab-prado.es/es/proyectos/dark-skies-iss" target="_blank">MediaLab-Prado</a></li>
<li><a target="_blank" href="http://www.sea-astronomia.es/drupal/">Sociedad Española de Astronomía</a></li>
<li><a target="_blank" href="http://www.celfosc.org/" target="_blank">Celfosc</a></li>
<li><a target="_blank" href="http://www.darksky.org/" target="_blank">International Dark-Sky Association</a></li>
<li><a target="_blank" href="http://guaix.fis.ucm.es/node/1651" target="_blank">Detail Contributions</a></li>
</ul>
</li>
<li><a target="_blank" href="index_CH.html">CH</a></li>
<li class="dropdown">
<a target="_blank" href="#" class="dropdown-toggle" data-toggle="dropdown">ES<b class="caret"></b></a>
<li class="dropdown">
<a target="_blank" href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-language" style="font-size:1.7em" ></i><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a target="_blank" href="index.html">EN</a></li>
<li><a target="_blank" href="index_ES.html">ES</a></li>
<li><a target="_blank" href="index_CAT.html">CAT</a></li>
<li><a target="_blank" href="index_GL.html">GAL</a></li>
<li><a target="_blank" href="index_EU.html">EU</a></li>
<li><a target="_blank" href="index_IT.html">IT</a></li>
<li><a target="_blank" href="index_FR.html">FR</a></li>
<li><a target="_blank" href="index_RU.html">RU</a></li>
<li><a target="_blank" href="index_JP.html">JP</a></li>
<li><a target="_blank" href="index_CH.html">CH</a></li>
<li><a target="_blank" href="index_DE.html">DE</a></li>
<li><a target="_blank" href="index_AR.html">AR</a></li>
<li><a target="_blank" href="index_PT.html">PT</a></li>
<li><a target="_blank" href="index_SR.html">SR</a></li>
</ul>
</li>
<li class="dropdown">
<a target="_blank" href="#" class="dropdown-toggle" data-toggle="dropdown">More<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a target="_blank" href="http://crowdcrafting.org/app/darkskies/blog">FAQ and Blog</a></li>
<li><a target="_blank" href="https://twitter.com/cities4tnight">Twitter</a></li>
<li><a target="_blank" href="https://plus.google.com/u/0/b/100014129554674764177/+CitiesatnightOrg2014/">Google+</a></li>
<li><a target="_blank" href="https://www.facebook.com/citiesatnightiss">Facebook</a></li>
<li class="divider"></li>
<li><a target="_blank" href="http://guaix.fis.ucm.es/node/1497">Our research (not updated)</a></li>
<li><a target="_blank" href="http://scholar.google.com/scholar?q=ISS+light+pollution&btnG=&hl=es&as_sdt=0%2C5">Literature</a></li>
</ul>
</li>
<li><a target="_blank" 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>一个地球在夜间，下一个天空</h1>
<p>在这个网站你可以找到城市在世界各地，晚上一个画廊。这个画廊已经编译显示多少我们已经改变了一夜的生态系统，以及如何在人类看起来与空间。</p>
<p><a class="btn btn-lg btn-primary" target="_blank" href="#gallery" role="button" target="_blank"> 检查图库</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>光污染是所有人的问题。</h1>
<p>许多研究已经证明光污染影响空气污染，对人类健康，生物多样性的丧失，缺乏道路交通安全，假街道安全，能源和资源的浪费和文化世界遗产的损失如何。</p>
<p><a class="btn btn-lg btn-primary" target="_blank" href="https://www.youtube.com/watch?v=vm9LiHa_IH0" role="button" target="_blank" target="_blank">了解更多</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>通过星级星级，我们可以做一个星系。</h1>
<h2>帮助我们对抗光污染战斗，探索地球在夜间进行。</h2>
<p>科学的资源有限，研究了光污染的数据数量惊人，我们有。但是，共同努力，我们可以改变世界。</p>
<p><a class="btn btn-lg btn-primary" target="_blank" href="http://crowdcrafting.org/app/darkskies/" role="button" target="_blank">帮助我们</a></p>
</div>
</div>
</div>
</div>
<a class="left carousel-control" target="_blank" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" target="_blank" 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>城市之夜</h2>
<p>自2003年以来，宇航员已采取从国际空间站照片。许多这些图像已发表在航天员参与机构或Twitter账户的网站。然而，大多数采取的宇航员的图像没有被公布，并保持在该文件中没有被显示给世界。 <a target="_blank" href="#gallery">我们已经作出了选择在这个画廊可以</a> 显示在夜间城市的图片千余例。然而，仍然有成千上万的图像文件上的发现。 <a target="_blank" href="http://crowdcrafting.org/app/darkskies/">You can help.</a> </p>
<p><a class="btn btn-default" target="_blank" href="#gallery" role="button" target="_blank">查看详细信息 »</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>光污染</h2>
<p>光污染会导致严重的问题。它的效果可以从我们的卧室内被测量到几百公里的路程。光破坏了晚上黑暗的本质。人类有黑暗的祖先的恐惧，但太多的光产生对生态系统和我们的健康非常不利的影响。</p>
<p>卫星图像帮助我们衡量和比较，照亮大片。与采取在国际空间站的宇航员图像的颜色，我们可以测量照明在地球上许多城市的效率。</p>
<p><a class="btn btn-default" target="_blank" href="http://guaix.fis.ucm.es/DarkSkies" role="button" target="_blank" target="_blank">查看详细信息 »</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>公民科学</h2>
<p>公民科学是把科研和教育工具的工具。当你帮助我们分类采取宇航员未公开影像英里，你可以了解地理，因为它是夜的土地。人类比在识别模式的计算机有效得多。因此，任何公民都可以做出显著贡献。</p>
<p我们需要志愿者来帮助我们排序的图片和识别在图像上的位置来创建光污染地图。这将有助于各国政府和地方当局做出正确的决策，以减少光污染。</p>
<p><a class="btn btn-default" target="_blank" href="http://crowdcrafting.org/app/darkskies/" role="button" target="_blank" target="_blank">查看详细信息 »</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">你希望看到什么样的宇航员从天上看到了什么？<span class="text-muted">和我们一起去，以及如何以前从未发现的晚</span></h2>
<p class="lead">您可以与我们探讨从国际空间站拍摄的图像的 <a target="_blank" href="http://eol.jsc.nasa.gov/" target="_blank">存档。</a> 也有助于使世界的地图，<a target="_blank" href="http://crowdcrafting.org/app/darkskies/"> 晚上在颜色</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">怎么光污染会影响我吗？ <span class="text-muted">看到自己。</span></h2>
<p class="lead">在这幅画你可以看到光蒙蔽我们在很多场合。 暴露于光在夜间也影响<a target="_blank" href="http://en.wikipedia.org/wiki/Light_effects_on_circadian_rhythm" target="_blank"> 睡眠周期，</a> 它与 <a target="_blank" href="http://jnci.oxfordjournals.org/content/93/20/1513.full" target="_blank">某些类型的癌症。</a></p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">有没有解决办法？<span class="text-muted">是的！</span></h2>
<p class="lead">目前的技术存在，以防止光线不良的地方排放。智能系统也将自动调节光视需求.</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">
<div class="row featurette">
<div class="col-md-5">
<h1> <a name="gallery">城市画廊在晚上</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>要使用它，请引用： -<a target="_blank" href="http://astrogeo.oxfordjournals.org/content/55/4/4.36.short">Sanchez de Miguel, A., Gomez Castano, J., Zamorano, J., Pascual, S., Angeles, M., Cayuela, L., ... & Kyba, C. (2014). Atlas of astronaut photos of Earth at night. ASTRONOMY & GEOPHYSICS, 55(4), 36-36.</a>(in press).</p>
<p>注：只有CoordFLAG=5图像是可靠的。</p>
<p>在原 <a target="_blank" href="http://www.nightcitiesiss.org" target="_blank"> 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 target="_blank" 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: <a target="_blank" href="http://astrogeo.oxfordjournals.org/content/55/4/4.36.short">Sanchez de Miguel, A., Gomez Castano, J., Zamorano, J., Pascual, S., Angeles, M., Cayuela, L., ... & Kyba, C. (2014). Atlas of astronaut photos of Earth at night. ASTRONOMY & GEOPHYSICS, 55(4), 36-36.</a>(in press).</p>
</div>
</div>
<div class="row featurette">
<div class="col-md-8">
<h1> <a name="galleryNight">Help us to georeference cities</a></h1>
<p>Click on any location you know and get access to our georeference 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 target="_blank" 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+1LFqHZp4XEdrSSqBwITVP7FHokg75F4zsSbobl_nk&viz=MAP&h=false&lat=24.064565393953135&lng=8.881270996093752&t=1&z=2&l=col1&y=2&tmplt=2&hml=TWO_COL_LAT_LNG"></iframe>
<p>To use it please cite: -<a target="_blank" href="http://astrogeo.oxfordjournals.org/content/55/4/4.36.short">Sanchez de Miguel, A., Gomez Castano, J., Zamorano, J., Pascual, S., Angeles, M., Cayuela, L., ... & Kyba, C. (2014). Atlas of astronaut photos of Earth at night. ASTRONOMY & GEOPHYSICS, 55(4), 36-36.</a>(in press).</p>
</div>
</div>
<hr class="featurette-divider">
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
<!-- FOOTER -->
<footer>
<p class="pull-right"><a target="_blank" href="#">Back to top</a></p>
<p>© Cities at Night.org. · <a target="_blank" href="#">Privacy</a> · <a target="_blank" href="http://www.citiesatnight.org/termsofuse.html">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>