-
Notifications
You must be signed in to change notification settings - Fork 5
/
forecasting.html
134 lines (125 loc) · 6.64 KB
/
forecasting.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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<title>Migrant Arrivals Forecasting</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/introjs.css" />
<link rel="stylesheet" type="text/css" href="css/forecasting.css" />
<!-- Load Javascript Libraries -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/d3.min.js"></script>
<script type="text/javascript" src="js/d3.tip.min.js"></script>
<script type="text/javascript" src="js/intro.js"></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 forecast">
<div class="row">
<div class="col-md-8">
<h1 class="title">Forecasting Migrant Arrivals through the Balkans</h1>
<button id="intro" class="btn btn-primary btn-sm">Need an Explanation?</button>
</div>
<div class="col-md-4">
<a target="_blank" href="http://www.ifrc.org"><img id="logo" alt="IFRC 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 bottomborder">
<div class="col-md-6">
<p>This page displays forecasts for arrival numbers into countries along the Western Balkans route. It offers a 1, 2 and 3 day forecast for arrivals based upon past data.</p>
<div id="options">
<select id="forecastselection" class="options-style">
<option selected="selected" value="forecastbutton">Current Forecast</option>
<option value="previousbutton1">Previous Performance for 1 Day Forecasts</option>
<option value="previousbutton2">Previous Performance for 2 Day Forecasts</option>
<option value="previousbutton3">Previous Performance for 3 Day Forecasts</option>
<!-- <option id="forecastbutton" value="forecastbutton">Current Forecast</option>
<option id="previousbutton1" value="previousbutton1">Previous Performance for 1 Day Forecasts</option>
<option id="previousbutton2" value="previousbutton2">Previous Performance for 2 Day Forecasts</option>
<option id="previousbutton3" value="previousbutton3">Previous Performance for 3 Day Forecasts</option> -->
</select>
<!-- <button class="btn btn-primary btn-sm" id="forecastbutton">Current Forecast</button><br/>
<button class="btn btn-primary btn-sm" id="previousbutton1">Previous Performance for 1 Day Forecasts</button><br/>
<button class="btn btn-primary btn-sm" id="previousbutton2">Previous Performance for 2 Day Forecasts</button><br/>
<button class="btn btn-primary btn-sm" id="previousbutton3">Previous Performance for 3 Day Forecasts</button> -->
</div>
</div>
<div class="col-md-6">
<!-- <button id="intro" class="btn btn-primary btn-sm">Need an Explanation?</button> -->
<!-- <div class="button-row" id="buttons"> -->
</div>
</div>
<!-- <div class="row topspacer">
<div class="col-md-4">
<div>
<select id="modeldropdown"></select>
<button id="load" class="button">Run Latest Model</button>
</div>
</div>
<div class="col-md-8">
<div id="description">
</div>
</div>
</div>
<div class="row topspacer bottomborder">
<div id="button-row" class="col-md-12">
</div>
</div>-->
<!-- <div class="row">
<div class="col-md-12">
<div id="results">
<p class="loading">Loading...</p>
</div>
<div id="previous1"></div>
<div id="previous2"></div>
<div id="previous3"></div>
</div>
</div> -->
<div class="row">
<div id="graphs" class="col-md-6">
<div id="results">
<p class="loading">Loading...</p>
</div>
<div id="previous1"></div>
<div id="previous2"></div>
<div id="previous3"></div>
<footer>
<div class="container">
<p class="highlight">NOTE: <br/>The results of this model are not guaranteed. Migrant movement is based upon many variables and this model only takes into account past arrivals numbers. For best results, use these predictions as a guide alongside weather conditions, border policies, public opinion, political events, migrant demographics, etc.</p>
</div>
</footer>
</div>
<div class="col-md-6">
<div id="high_imp_news">
<!-- <div id="articles">
<!-- <h4 id="title"></h4>
<p id="date"><p>
<p id="content"></p>
<p id="url"></p>
</div> -->
</div>
</div>
</div>
<!-- <footer>
<div class="container">
<p class="highlight">NOTE: The results of this model are not guaranteed. Migrant movement is based upon many variables and this model only takes into account past arrivals numbers. For best results, use these predictions as a guide alongside weather conditions, border policies, public opinion, political events, migrant demographics, etc.</p>
</div>
</footer> -->
<!-- Run Custom Javascript for the Website -->
<script src="js/forecasting.js"></script>
</body>
</html>