-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
54 lines (49 loc) · 1.91 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
<html><head>
<meta charset="utf-8">
<title>World Daylight Map</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700,300" rel="stylesheet" type="text/css">
<link href='/css/main.css' rel='stylesheet' type='text/css'>
</head>
<body>
<h1>World daylight map</h1>
<p>Equirectangular projection rendered with SVG</p>
<div class="container">
<svg id="daylight-map"></svg>
<div class="controls">
<p class="curr-time">
<a class="js-skip" data-skip="-60" href="#">
‹
</a>
<span></span>
<a class="js-skip" data-skip="60" href="#">
›
</a>
</p>
<p class="curr-date">
<a class="js-skip big-jump" data-skip="-43200" href="#">
«
</a>
<a class="js-skip" data-skip="-1440" href="#">
‹
</a>
<span></span>
<a class="js-skip" data-skip="1440" href="#">
›
</a>
<a class="js-skip big-jump" data-skip="43200" href="#">
»
</a>
</p>
</div>
</div>
<p class="animate"><a href="#" class="js-animate"></a></p>
<p class="credit">Using
<a href="https://d3js.org/">D3.js</a>,
<a href="https://github.com/mbostock/d3/wiki/Geo-Projections">Geocode Projections</a>,
<a href="https://github.com/mbostock/topojson">Topojson</a>,
<a href="https://github.com/mourner/suncalc">Suncalc</a>,
<a href="https://www.maxmind.com/en/free-world-cities-database">MaxMind cities</a>,
<a href="http://momentjs.com/">Moment.js</a>
</p>
<script type="text/javascript" src="/js/bundle.js" charset="utf-8"></script>
</body></html>