ireland-trip-site/index.html
Chandler Swift 08c1048604
Add custom StoryMapJS build
From StoryMapJS@3a009d50ca0ee1392c790e77bf756a94f97dc169, which includes
these commits on top of upstream:

    commit 3a009d50ca0ee1392c790e77bf756a94f97dc169
    Author: Chandler Swift <chandler@chandlerswift.com>
    Date:   Sun Dec 22 22:28:46 2024 -0600

        Add support for HTML5 video element

    commit 6ade0d609203fe3063b26fff23602b0b3caf7e38
    Author: Chandler Swift <chandler@chandlerswift.com>
    Date:   Sun Dec 22 22:26:37 2024 -0600

        Re-enable scroll-to-zoom on map

    commit ce2220d6f7325c2fa5f3f9963a56daf1e8b6c90f
    Author: Chandler Swift <chandler@chandlerswift.com>
    Date:   Sun Dec 22 22:25:58 2024 -0600

        Add lightbox for image links

Fixes #3
2024-12-22 22:48:29 -06:00

32 lines
797 B
HTML

<!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>
<link rel="stylesheet" href="dist/css/storymap.css">
</head>
<body>
<div id="mapdiv"></div>
<script type="text/javascript" src="dist/js/storymap.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>