-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (92 loc) · 3.86 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<title>Leaflet Storymaps with Google Sheets Template</title>
<!-- Load Leaflet CSS and JS-->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<!-- Load Leaflet basemap providers -->
<script src="https://unpkg.com/leaflet-providers@2.0.0/leaflet-providers.js"></script>
<!-- Load jQuery -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<!-- Load PapaParse -->
<script src="https://cdn.jsdelivr.net/npm/papaparse@5.3.0/papaparse.min.js"></script>
<!-- Load Lightbox -->
<script src="scripts/lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="scripts/lightbox/css/lightbox.css" />
<!-- Load Font-Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="markers/leaflet.extra-markers.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style-desktop.css">
<link rel="stylesheet" href="css/loader.css">
<link rel="stylesheet" href="css/popupwindow.css">
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J57PNT3KNT"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-J57PNT3KNT');
</script>
<!-- Hide marker shadows -->
<style>
.leaflet-shadow-pane {
visibility: hidden;
}
</style>
</head>
<body>
<div id="popup" class="popup">
<div class="popup-content">
<h1>A Reconnaissance of the 1874 Black Hills Expedition</h1>
<br>
<p>
Tanyan yahi.
</p>
<p>
This historical mapping project tracks an infamous expedition to find gold in the Black Hills that took
place in 1874, one hundred and fifty years ago. We want to turn the extractive goals of that reconnaissance
back on themselves, mining the rich archive of documentary records that it produced to ask what it reveals
about the region’s Native inhabitants. We look forward to having you along for the journey. Unyin kte!
</p>
<p>
We also welcome your thoughts and feedback <a href="https://docs.google.com/forms/d/1fKnQNvWVrDMHTRTswusvTSk0GHBbvmd7jrAS8uHtSEI/edit" target="_blank">here</a>. Pilamayayelo!
</p>
<button id="closeButton" class="close-btn"><b>Enter</b></button>
</div>
</div>
<script src="scripts/popupwindow.js"></script>
<div id="title">
<div id="logo"></div>
<div id="header"></div>
</div>
<div id="narration">
<div id="contents">
<div id="top"></div>
</div>
</div>
<div class="loader">Loading...</div>
<div id="map"></div>
<script type="text/javascript">
// Create the Leaflet map with a generic start point
var map = L.map('map', {
center: [0,0],
zoom: 1,
maxZoom: 11,
scrollWheelZoom: false,
zoomControl: false,
tap: false
});
</script>
<script type="text/javascript" src="google-doc-url.js"></script>
<script type="text/javascript" src="markers/leaflet.extra-markers.min.js"></script>
<script type="text/javascript" src="scripts/constants.js"></script>
<script type="text/javascript" src="scripts/jquery.csv.js"></script>
<script type="text/javascript" src="scripts/storymap.js"></script>
</body>
</html>