This repository has been archived by the owner on Feb 6, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
53 lines (46 loc) · 2.59 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
<html>
<head>
<title>Security Alerts</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/c3.min.css"/>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<link rel="stylesheet" type="text/css" href="css/MarkerCluster.css" />
<link rel="stylesheet" type="text/css" href="css/MarkerCluster.Default.css" />
<link rel="stylesheet" type="text/css" href="css/site.css" />
<!--<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-46399763-1']);
_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>-->
</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-3 headline"><h3>Security Alerts</h3></div>
<div class="col-sm-6 headline">Security Alerts by the IFRC Security Unit. Use the map to zoom and pan to the area of interest. Select a pin on the map for more information. Or click on an item in the list of alert on the right of the map. Use the slider to go back in time.</div>
<div class="col-sm-3 headline center"><span id="numberofincidents" class="keyfigure"></span> Security Incidents in last 30 days</div>
</div>
<div class="row">
<div class="col-md-8" id="map"></div>
<div class="col-md-4">Use the slider to look at past events.<div id="slider"></div><div id="headlines"></div></div>
</div>
</div>
<!--Javascripts-->
<script src="js/jquery.js"></script>
<script src="js/crossfilter.v1.min.js"></script>
<script src="js/d3.min.js"></script>
<script src="js/c3.min.js"></script>
<script src="js/topojson.v1.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="js/leaflet.markercluster.js"></script>
<script src="js/site.js"></script>
</body>
</html>