-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (65 loc) · 3.37 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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>ILLEGAL IMMIGRATION AND THE COST OF HUMAN LIVES?</title>
<link rel="shortcut icon" href="./tear.png" type="image/x-icon">
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/intersection-observer.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src='https://npmcdn.com/@turf/turf/turf.min.js'></script>
<script src="https://unpkg.com/scrollama"></script>
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="lib/d3.v5.min.js"></script>
<script src="lib/colors.js"></script>
<link href='styles.css' rel='stylesheet'/>
</head>
<body>
<div id="map"></div>
<div id="story"></div>
<div id="svgcontainer">
<div id="sticky"> </div>
<div id="container">
<div id="content">
<div class="panel">
<h1 style="font-family: 'Merriweather', sans-serif; font-size: 16px;">ONE OF MANY STORIES</h1>
<p style="font-family: 'Roboto',">
The story of this father and his two children is just one of many stories. Over the past nine years, the International Organization for Migration (IOM) has documented 8,569 cases of migrants and refugees either dying or going missing during border crossings.
</p>
</div>
<div class="panel">
<h1></h1>
<p></p>
</div>
<div class="panel">
<h1></h1>
<p style="font-family: 'Roboto', sans-serif;"></p>
</div>
<div class="panel">
<h1 style="font-family: 'Merriweather', sans-serif; font-size: 16px;">REGION OF DEATHS/MISSING</h1>
<p sstyle="font-family: 'Roboto',">
While these incidents have occurred throughout the Americas, North America stands out as the region with the highest frequency and greatest number of casualties.</p>
</div>
<div class="panel"></div>
<div class="panel">
<h1 style="font-family: 'Merriweather', sans-serif; font-size: 16px;">CAUSE OF DEATHS/MISSING</h1>
<p style="font-family: 'Roboto',">The reasons for these fatalities encompass a range of factors: violence, drowning, exposure to harsh environments, hazardous transportation, accidental death, and inaccessibility to healthcare. Notably, drowning is identified as the leading known cause among these deaths.</p>
</div>
<div class="panel"></div>
<div class="panel">
<h1 style="font-family: 'Merriweather', sans-serif; font-size: 16px;">ORIGIN COUNTRY OF THESE IMMIGRANTS</h1>
<p style="font-family: 'Roboto',">The primary source countries for these immigrants include Mexico, Cuba, Haiti, Guatemala, Honduras, Venezuela, the Dominican Republic, El Salvador, Ecuador, and Nicaragua, with Mexico being the predominant origin.</p>
</div>
</div>
</div>
</div>
<div id="map2"></div>
<div id="story2"></div>
<script src="config.js"></script>
<script src="config2.js"></script>
<script src="./js/drive.js"></script>
<script src="map.js"></script>
</body>
</html>