Add initial take of the data

This is still using uncompressed photos, so those aren't committed yet,
and I haven't finished my custom StoryMapJS build, so we're using the
CDN-hosted version for now.
This commit is contained in:
Chandler Swift 2024-12-22 20:44:31 -06:00
parent 890c15fe03
commit df16344bae
Signed by: chandlerswift
GPG key ID: A851D929D52FB93F
2 changed files with 600 additions and 0 deletions

34
index.html Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ireland 2024</title>
<style>
html, body {
margin: 0;
padding: 0;
}
#mapdiv {
width: 100vw;
height: 100vh;
}
</style>
<!-- TODO -->
<link rel="stylesheet" href="https://cdn.knightlab.com/libs/storymapjs/latest/css/storymap.css">
<script type="text/javascript" src="https://cdn.knightlab.com/libs/storymapjs/latest/js/storymap-min.js"></script>
</head>
<body>
<div id="mapdiv"></div>
<!-- <script type="text/javascript" src="storymap-min.js"></script> -->
<script>
const storymap_options = {};
const storymap = new KLStoryMap.StoryMap('mapdiv', 'data.json', storymap_options);
window.onresize = function(event) {
storymap.updateDisplay(); // this isn't automatic
}
</script>
</body>
</html>