-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
104 lines (98 loc) · 4.89 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Europe Population Movement: Situational Overview</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Load CSS Stylesheets -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/leaflet.css"/>
<link rel="stylesheet" type="text/css" href="css/nouislider.min.css"/>
<link rel="stylesheet" type="text/css" href="css/introjs.css"/>
<link rel="stylesheet" type="text/css" href="css/site.css"/>
<!-- Load Javascript Libraries -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/leaflet.js"></script>
<script type="text/javascript" src="js/tile.stamen.js"></script>
<script type="text/javascript" src="js/d3.min.js"></script>
<script type="text/javascript" src="js/topojson.v1.min.js"></script>
<script type="text/javascript" src="js/nouislider.min.js"></script>
<script type="text/javascript" src="js/intro.js"></script>
<script type="text/javascript" src="js/d3.tip.min.js" charset="utf-8"></script>
<!-- Google Analytics Script -->
<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 class="container">
<div class="row">
<div class="col-md-8">
<p class="title"><small>Situation Overview:</small><br/> Europe Population Movement</p>
</div>
<div class="col-md-4">
<a target="_blank" href="http://www.ifrc.org"><img alt="IFRC Logo" id="logo" src="img/IFRC_logo_English_CMYK.svg" /></a>
<br/>
<p class="desc">Produced by SIMS</p>
<a id="portal" class="btn right btn-primary btn-sm" href="http://brcmapsteam.github.io/Europe_response/">Return to IM Portal</a>
</div>
</div>
<div class="row">
<div class="col-md-8">
<p>The latest updates from Europe regarding issues affecting migrants from the last 7 days.</p>
<button id="intro" class="btn btn-primary btn-sm">Need an Explanation?</button>
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-10">
<div id="map-options">
<table width="100%">
<tr>
<td><button id="show-news" class="btn2 btn-primary show">Display news items</button></td>
<td><button id="show-arrivals" class="btn2 btn-primary show-arrivals show">Display arrival numbers</button></td>
<td><button id="show-borders" class="btn2 btn-primary show-borders show">Display border controls</button></td>
</tr>
<tr>
<td height="10" width="30%" class="small" id="newsdate"></td>
<td width="35%" class="small" id="arrivalsdate"></td>
<td width="35%" class="small" id="bordersdate"></td>
</tr>
</table>
</div>
</div>
</div>
<div id="map-container">
<div id="map"></div>
</div>
</div>
<div class="col-md-4">
<div id="timeslider">
<!-- <p id="slider_title">Time Slider</p> -->
<div id="slider_scale"><span style="margin-left:5px;">Oct 2015</span><span style="margin-left:32px;">Dec</span><span style="margin-left:45px;">Feb</span><span style="margin-left:35px;">Apr 2016</span></div>
<div id="dateinput"></div>
<p class="small" id="dateupdate"></p>
</div>
<!-- <div id="text"> -->
<div id="graphs" class="on">
</div>
<div id="article">
<p><button id="showgraphs">Show Graphs</button></p>
<h4 id="title"></h4>
<p id="date"><p>
<p id="content"></p>
<p id="url"></p>
</div>
<!-- </div> -->
</div>
</div>
<footer>
<p>This dashboard is meant to be used as an exploratory tool to learn about the current situation through a variety of methods and sources. The selection of content shown above does not imply the expression of any opinion on the part of the International Federation of Red Cross and Red Crescent Societies or National Societies concerning the legal status or migration policies of a territory or of its authorities.</p>
</footer>
<script type="text/javascript" src='js/site.js'></script>
</body>
</html>