-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
57 lines (49 loc) · 1.9 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Spacecraft Visualization for We Love Data</title>
<!--
CSS and HTML Template by miss monorom http://www.intensivstation.ch
This work is licensed under a Creative Commons License http://creativecommons.org/licenses/by/1.0/
-->
<link rel="stylesheet" type="text/css" href="css/main.css">
<link href="css/ui-lightness/jquery-ui-1.10.2.custom.css" rel="stylesheet">
<script src="js/lib/lodash.min.js"></script>
<script src="js/lib/miso.ds.deps.ie.min.0.4.0.js"></script>
<script src="js/lib/d3.v3.min.js"></script>
<script src="js/lib/d3.geo.projection.v0.min.js"></script>
<script src="js/lib/jquery-2.0.0.min.js"></script>
<script src="js/lib/jquery-ui-1.10.2.custom.min.js"></script>
<script type = "text/javascript" src="js/main.js"></script>
<script>
$(function() {
$("#datepicker").datepicker({
changeMonth: true,
changeYear: true,
yearRange: "-60:+0"
});
});
$(function() {
$( document ).tooltip();
});
$(document).ready(function() {
$('#datepicker').on('keyup', datePickerChanged);
});
</script>
</head>
<body onLoad="init()">
<h1></h1>
<div id="left"></div>
<div id="right"></div>
<div id="content">
<h2>#WeLoveData Challenge - What is your birthday spacecraft?</h2>
<p>Did something get shot into space on your birthday? If not, what comes close?</p>
<input type="text" id="datepicker" onchange="datePickerChanged();" />
<div id="birthdayInfo"></div>
<svg id="map"></svg>
<div id="mapLocClick"></div>
</div>
</body>
</html>