-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
152 lines (111 loc) · 5.58 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
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html>
<!-- HEAD -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Poverty in Rwanda</title>
<meta name="description" content="The Geocenter's analysis of factors influencing poverty in Rwanda">
<!-- base and accent fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,300,400|Oswald:300|Oxygen:300,400|Lora">
<!-- CSS style sheets -->
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<!-- Font Awesome -->
<link rel="stylesheet" href="/css/font-awesome.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="css/main.min.css"/>
</head>
<!-- HEADER -->
<header class="navbar-fixed-top">
<div class="container">
<nav id="navbar-header" class="navbar-default">
</nav>
</div>
</header> <!-- end of HEADER -->
<!-- BODY -->
<body>
<div class="container">
<!-- GRAPHIC (row with everything responsive inside) -->
<div class="row" id='graphic'>
<!-- SECTIONS (sidebar commentary on each scroll) -->
<div class="col-xs-4" id='sections'>
<section class="step">
<div class="title"></div>
<div id="extra-space">
</div>
</section>
<section class="step">
<div class="title"></div>
<div id="extra-space">
</div>
</section>
<section class="step">
<div class="title"></div>
<div id="extra-space">
</div>
</section>
<section class="step">
<div class="title"></div>
<div id="extra-space">
</div>
</section>
<section class="step">
<div class="title"></div>
<div id="extra-space">
</div>
</section>
<section class="step">
<div class="title"></div>
<div id="extra-space">
</div>
</section>
<section class="step">
<div class="title"></div>
<div id="extra-space">
</div>
</section>
<section class="step">
<div class="title">What are some of the implications of population-based pressures?</div>
<div class="paragraph">High population growth has profound impacts on Rwanda's ability to continue to develop.</div>
<div class="paragraph">We found that population pressures are an
underlying current in factors affecting fertility and malnutrition.
<li>First, we will examine how demographic factors have changed over time,
where they are located spatially, and how they influence fertility rates.</li>
<li>Next, we turn to understanding changes in child malnutrition and the multisectoral influence on it.</li>
<li>Lastly, we will desribe patterns in food consumption.</li>
</div>
</section>
<section class="step" id="sources">
<div id="footnote-title">Sources</div>
<div><sup class="source" id="source1">1</sup>
<a href="http://dhsprogram.com/what-we-do/survey/survey-display-364.cfm" target="_blank">Rwanda Demographic and Health Survey, 2010</a></div>
<div><sup class="source" id="source2">2</sup>
<a href="http://dhsprogram.com/what-we-do/survey/survey-display-468.cfm" target="_blank">Rwanda Demographic and Health Survey, 2014/2015</a></div>
<div ><sup class="source" id="source3">3</sup>
<a href="http://data.worldbank.org/indicator/EN.POP.DNST" target="_blank">World Bank population density estimates, 2015</a></div>
</section>
<div id="extra-space">
</div>
</div> <!-- end of SECTIONS -->
<!-- VISUALIZATION CONTENT (empty to be populated) -->
<div class="col-xs-8" id='vis'>
</div> <!-- end of VIS -->
<div id="extra-space">
</div>
</div> <!-- end of ROW -->
</div> <!-- end of CONTAINER -->
<div class="container">
<footer class="site-footer">
</footer>
</div>
<!-- SCRIPTS -->
<script src="js/lib/d3.min.js"></script>
<script src="js/lib/jquery.js" type="text/javascript"></script>
<script src="js/incl-header.js"></script>
<script src="js/queue.js"></script>
<script src="js/scroller.js"></script>
<script src="js/intro.js"></script>
</body>
</html>