-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
175 lines (163 loc) · 15.8 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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Displaced in South Sudan</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet'>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.47.0/mapbox-gl.css' rel='stylesheet' />
<link href='css/flexboxgrid.min.css' type='text/css' rel='stylesheet'>
<link href='lib/slick/slick.css' rel='stylesheet'/>
<link href='lib/slick/slick-theme.css' rel='stylesheet'/>
<link href='css/styles.css' rel='stylesheet' />
</head>
<body>
<div class='ticker'>
<p>0 steps walked. 0 km. 0 days.</p>
</div>
<div id='map'></div>
<div id='narrative'>
<div id='sections'>
<div class='hero'>
<div class='overlay'></div>
<div class='arrow'><img src='assets/carat.png'/></div>
<div class='container'>
<div class='header'>
<label>Displaced in South Sudan</label>
<h1>A journey of 1,000 kilometers</h1>
</div>
<div class='inner-container'>
<div class='map-graphic'>
<img src='assets/southsudan.svg'/>
</div>
<div class='hero-text'>
<p>Conflict, hunger and disease forced nearly 700,000 people to flee South Sudan to become refugees in neighbouring countries in 2017. More than 70 percent of those fled in the first half of 2017, when multiple military offensives occurred in Upper Nile, Unity, Jonglei, and the Greater Equatoria region.</p>
<p>Since 2013, over 4.2 million people – about one in three South Sudanese – have been displaced within the country. More than 2.2 million people are now refugees in countries across the region, including Uganda, Kenya, Ethiopia, Sudan and the Democratic Republic of Congo.</p>
<p>What happens when people are forced to abandon their land, homes, jobs and schools due to a civil war? Follow one family’s journey of 1,000 kilometers (over 600 miles) as they travel the length of South Sudan in search of safety.</p>
<p class='photo-credit'>Photo Credit: UNICEF/Phil Moore</p>
</div>
</div>
</div>
</div>
<div class='main'>
<section class='step step1' id='padeah'>
<h4><div class='icon'></div>Fleeing Padeah village</h4>
<p>Angelina is 35 years old and has three children. She is from Padeah, a small village in the northern region of Unity State. This area is one of the worst-affected by conflict since civil war broke out in December 2013 between the Government and opposition forces.</p>
<p>Warring parties have deliberately attacked civilians living in the area, killing thousands of people and sexually assaulting women and girls. Angelina’s husband was killed in the fighting. Attackers set houses on fire in Padeah and destroyed crops and mango trees to eliminate all food sources. Many of Angelina’s friends were raped and live in constant fear.</p>
<p>Angelina decides to leave Padeah in July 2017. She and her children walk 120 kilometers to a camp in the north. The journey takes about one week and is filled with danger. Abductions are common, and rape is pervasive everywhere in the country. The family has to avoid stepping on unexploded ordinance, and face the risk of being abducted or raped.</p>
<div class='slideshow'>
<div><img data-lazy='assets/section1/1.jpg' title='Credit: OCHA/Jacob Zocherman'></div>
<div><img data-lazy='assets/section1/2.jpg' title='Credit: OCHA/Jacob Zocherman'></div>
<div><img data-lazy='assets/section1/3.jpg' title='Credit: UNICEF/Phil Moore'></div>
<div><img data-lazy='assets/section1/4.jpg' title='Credit: OCHA/Jacob Zocherman'></div>
<div><img data-lazy='assets/section1/5.jpg' title='Credit: UNICEF/Phil Moore'></div>
<div><img data-lazy='assets/section1/6.jpg' title='Credit: UNICEF/Phil Moore'></div>
</div>
<!-- <h4><div class='icon'></div>Entering and leaving the Bentiu Protection of Civilians site</h4>
<p>The family arrives in Bentiu, the location of the UN Protection of Civilians (PoC) site, but Angelina realizes they are still not safe. Women there tell her that many of them have been raped when leaving the camp to collect firewood, and some of them have been abducted just outside the gates. Sometimes families are requested to provide ransoms to kidnappers to get their daughters back. There are also reports of women being held captive and used as sex slaves.</p>
<p>Angelina and her children stay in the camp for several months but there is no chance of settling in the nearby village. After the signing of a ceasefire between the Government and opposition forces in December 2017, Angelina thinks that the situation will improve, and she heads back home.</p>
<img src='assets/graphic_Bentiu_Seg1.png'>
<div class='slideshow'>
<div><img data-lazy='assets/section2/1.jpg' title='Credit: UNICEF/Phil Moore'></div>
<div><img data-lazy='assets/section2/2.jpg' title='Credit: UN Photo/JC McIlwaine'></div>
<div><img data-lazy='assets/section2/3.jpg' title='Credit: UNICEF/Phil Moore'></div>
</div> -->
</section>
<section class='step step2' id='bentiu'>
<h4><div class='icon'></div>Entering and leaving the Bentiu Protection of Civilians site</h4>
<p>The family arrives in Bentiu, the location of the UN Protection of Civilians site, but Angelina realizes they are still not safe. Women there tell her that many of them have been raped when leaving the camp to collect firewood, and some of them have been abducted just outside the gates. Sometimes families are requested to provide ransoms to kidnappers to get their daughters back. There are also reports of women being held captive and used as sex slaves.</p>
<p>Angelina and her children stay in the camp for several months but there is no chance of settling in the nearby village. After the signing of a ceasefire between the Government and opposition forces in December 2017, Angelina thinks that the situation will improve, and she heads back home.</p>
<img src='assets/graphic_Bentiu_Seg1.png'>
<div class='slideshow'>
<div><img data-lazy='assets/section2/1.jpg' title='Credit: UNICEF/Phil Moore'></div>
<div><img data-lazy='assets/section2/2.jpg' title='Credit: UN Photo/JC McIlwaine'></div>
<div><img data-lazy='assets/section2/3.jpg' title='Credit: UNICEF/Phil Moore'></div>
</div>
</section>
<section class='step step3' id='meerisland'>
<h4><div class='icon'></div>From Padeah to Meer Island swamp</h4>
<p>When Angelina gets back to Padeah, the fighting has not stopped. Violent clashes have erupted and continue through several rounds of peace negotiations. This time, Angelina and her children head south to Meer Island swamp. Over 40,000 people in total flee to hide in this area.</p>
<p>This second displacement is even more difficult than the first. The family has exhausted its coping mechanisms. The children have not been attending school for months. There is almost no food left – they survive by eating bulbs of wild water lilies and catching fish. On 21 February 2017, famine was declared in Leer and Mayendit counties in Central Unity State. Access to safe water remains a major challenge, with many people gathering water directly from the swamps without the means to purify it. Many people get sick. And many children – particularly boys – are forcibly recruited by the various military groups. Across the country, families start to resort to negative coping mechanism such as forcibly marrying off their daughters, to survive.</p>
<p>After hiding in the swamp for weeks, the family moves to a temporary protection area set up by the UN in Leer town.</p>
<div class='slideshow'>
<div><img data-lazy='assets/section3/1.jpg' title='Credit: Jason Patinkin'></div>
<div><img data-lazy='assets/section3/2.jpg' title='Credit: Jason Patinkin'></div>
<div><img data-lazy='assets/section3/3.jpg' title='Credit: Jason Patinkin''></div>
</div>
</section>
<section class='step step4' id='leertown'>
<h4><div class='icon'></div>A journey up the White Nile River</h4>
<p>Due to the dire conditions in Leer county, the family decides to move south towards the capital, Juba. They have heard that there is a camp there where they can receive humanitarian assistance.</p>
<p>They walk to Adok Port and take a boat ride 100 kilometers to Thair Port in Panyijiar County. Angelina has family members there who share their shelter and limited food supplies with her and her children for a couple of days. Angelina then takes her family further south on a boat to reach the town of Shambe.</p>
<p>Angelina and her children are exhausted by the trip but have received just enough food from their relatives to be able to keep going. Even in this situation, they are considered lucky. Almost half of the country’s population is now facing acute hunger, despite a large-scale humanitarian assistance operation. Food production is sharply down because farmers have been driven off their land, or their crops have been looted or burned.</p>
<div class='slideshow'>
<div><img data-lazy='assets/section4/1.jpg' title='Credit: OCHA/Jacob Zocherman'></div>
<div><img data-lazy='assets/section4/2.jpg' title='Credit: OCHA/Jacob Zocherman'></div>
<div><img data-lazy='assets/section4/3.jpg' title='Credit: OCHA/Jacob Zocherman'></div>
<div><img data-lazy='assets/section4/4.jpg' title='Credit: OCHA/Jacob Zocherman'></div>
<div><img data-lazy='assets/section4/5.jpg' title='Credit: OCHA/Jacob Zocherman'></div>
</div>
</section>
<section class='step step5' id='shambe'>
<h4><div class='icon'></div>Waiting for a free boat ride from Shambe to Bor</h4>
<p>In Shambe, Angelina and her children receive food thanks to residents who share their limited resources. They stay in the town for several days, waiting for a free boat ride to bring them to Bor town. The journey lasts 12 hours and is extremely hazardous. Angelina has heard stories of people who have drowned, and of pirates who force travelers to hand over cash and tie people up and throw them overboard when they are unable to pay.</p>
<p>But the fear does not stop there. Angelina is worried that her children will fall sick. Deadly cholera is reported to be widespread along the river belt, including in Juba. Fortunately, when she reaches Bor, humanitarian organizations help vaccinate the children against cholera and provide them with basic medical care.</p>
<div class='slideshow'>
<div><img data-lazy='assets/section5/1.jpg' title='Credit: OCHA/Jacob Zocherman'></div>
<div><img data-lazy='assets/section5/2.jpg' title='Credit: UNICEF/Albert Gonzalez Farran'></div>
<div><img data-lazy='assets/section5/3.jpg' title='Credit: UN Photo'></div>
<div><img data-lazy='assets/section5/4.jpg' title='Credit: OCHA/Jacob Zocherman'></div>
<div><img data-lazy='assets/section5/5.jpg' title='Credit: OCHA/Jacob Zocherman'></div>
<div><img data-lazy='assets/section5/6.jpg' title='Credit: OCHA/Jacob Zocherman'></div>
</div>
</section>
<section class='step step6' id='juba'>
<h4><div class='icon'></div>Temporary settlement in Juba</h4>
<p>The family resumes its journey by boat to the camp in Juba. From Bor, they stop in Gemmaiza, Terekeka, Mongalla and Gondokoro. When they finally reach Juba Port, they are told that the camp they are looking for is another 10 kilometers away. The family walks several hours in the heat and Angelina and her children are harassed and threatened as they pass through security check-points.</p>
<p>After a 1,000 kilometer journey, Angelina and her children are finally able to receive food and medical care from humanitarian workers. Although they face many of the same security threats as they saw in the Bentiu camp, for the first time since she left her village, Angelina can earn a little money to support her family, by selling firewood and dried grass.</p>
<img src='assets/graphic_Juba_Seg5.png'>
<div class='slideshow'>
<div><img data-lazy='assets/section6/1.jpg' title='Credit: UN Photo/Isaac Billy'></div>
<div><img data-lazy='assets/section6/2.jpg' title='Credit: UN Photo/Tim McKulka'></div>
<div><img data-lazy='assets/section6/3.jpg' title='Credit: UN Photo'></div>
<div><img data-lazy='assets/section6/4.jpg' title='Credit: OCHA / Guiomar Pau Sole'></div>
</div>
</section>
</div>
<footer>
<div class='inner'>
<div class='inner-container'>
<div>
<p>As of November 2018, over half the population of South Sudan relies on aid to survive. Some 8.7 million people are food-insecure, half of them severely, and 26,000 people live in famine-like conditions. Some 1.97 million people are internally displaced, and 2.2 million South Sudanese are refugees in neighbouring countries.</p>
<h3><i>You can help. Your voice is your signature.</i></h3>
<p><a href='http://www.crowd360.org/internal-displacement-campaign-mission-statement' target='_blank'>Sign here</a> and call for action help to prevent and resolve internal displacement and protect those affected.</p>
<p>Find out more: <a href='http://www.gp20.org' target='_blank'>www.gp20.org</a><br>Learn more about the UN’s work in South Sudan: <a href='https://www.unocha.org/south-sudan' target='_blank'>www.unocha.org/south-sudan</a></p>
</div>
<ul class='stats'>
<li><span>916 km</span><br>Total distance</li>
<li><span>499,229 steps</span><br>Walking steps</li>
<li><span>205 days</span><br>Duration</li>
</ul>
</div>
<p class='small'>Acknowledgements: This data story was developed by OCHA’s Centre for Humanitarian Data in The Hague through its Data Fellows Programme. The Centre worked closely with OCHA South Sudan and OCHA’s policy and communications branches to develop the narrative and to ensure the figures and timeline are accurate. It also worked closely with the International Organization for Migration and the Internal Displacement Monitoring Centre on the data. The story is based on actual experiences of displaced people in South Sudan, although the name Angelina is fictional.</p>
</div>
<div class='logos'>
<div class='inner'>
<a href='https://www.unocha.org' target='_blank'>
<img height='30' src='assets/logo-ocha-gray.png'>
</a>
<a href='https://centre.humdata.org' target='_blank'>
<img height='38' src='assets/logo-centre-gray.png'>
</a>
</div>
</div>
</footer>
</div>
</div>
<script type='text/javascript' src='js/jquery-3.3.1.min.js'></script>
<script type='text/javascript' src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.47.0/mapbox-gl.js'></script>
<script type='text/javascript' src='https://api.mapbox.com/mapbox.js/plugins/turf/v2.0.2/turf.min.js'></script>
<script type="text/javascript" src='lib/slick/slick.min.js'></script>
<script type='text/javascript' src='js/map.js'></script>
</body>
</html>