-
Notifications
You must be signed in to change notification settings - Fork 6
/
map.html
93 lines (73 loc) · 3.88 KB
/
map.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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js gt-ie9 non-ie" lang="en"> <!--<![endif]-->
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Syria deaths</title>
<meta name="description" content="Syria casualties">
<meta name="author" content="Vizzuality - Cartodb">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body onload="initMap();">
<div id="map"></div>
<div id="zoom"><div id="zoom_controls">
<a class="zoom_in" onclick="zoomIn();"></a>
<a class="zoom_out" onclick="zoomout();"></a>
</div>
</div>
<aside class="fadeIn">
<h1>Syria deaths</h1>
<div id="clock">
<span class="value day">10</span>/<span class="value month">03</span>/<span class="value year">2001</span>
</div>
<div class="graph_container">
<div id="graph">
<div id="progress">
<!--<span id="progress_count">0</span>-->
</div>
<a href="#" id="play" onclick="start();"></a>
</div>
<div id="spinner"></div>
</div>
<ul id="counters" class="counters">
<li id="counter_civilians" class="civilians">0</li>
<li id="counter_children" class="children">0</li>
<li id="counter_total" class="total">0</li>
</ul>
<ul class="legend">
<li class="civilians">adult deaths</li>
<li class="children">child deaths <span style="font-size:9px;color:#888;"><18 yrs</span></li>
<li class="total">total</li>
</ul>
</aside>
<a class="cartodb_logo slowFadeIn" href="http://www.cartodb.com" target="_blank">CartoDB</a>
<div class="source">
<a target="_blank" href="http://www.syrianshuhada.com">Data source: Syrianshuhada.com</a> —
<a target="_blank" href="http://www.mapbox.com">Basemap: Mapbox</a>
</div>
<!--<script src="js/libs/d3.v2.min.js"></script>-->
<!--<script src="js/libs/jquery.min.js"></script>-->
<!--<script src="js/libs/underscore-min.js"></script>-->
<!--<script src="js/libs/backbone-min.js"></script>-->
<!--<script src="js/libs/backbone.cartodb.js"></script>-->
<!--<script src="js/libs/class.js"></script>-->
<!--<script type="text/javascript" src="js/libs/modestmaps.js"></script>-->
<!--<script type="text/javascript" src="js/helpers.js"></script>-->
<!--<script type="text/javascript" src="js/app.js"></script>-->
<script type="text/javascript" src="js/all.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-20934186-6']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>