From 0adfd1731419ce019863ecbaf132fd2f07075f5e Mon Sep 17 00:00:00 2001
From: ongtiffany <ongtiffany@users.noreply.github.com>
Date: Thu, 17 Oct 2024 11:21:13 +0000
Subject: [PATCH] deploy: 079caa3455ee3cd76fbc5edb3f005fab4a9fc216

---
 about/index.html                      |   7 ++++---
 accessibility/index.html              |   7 ++++---
 assets/img/logos/favicon.png          | Bin 0 -> 7380 bytes
 assets/js/bcc/main.js                 |   2 +-
 index.html                            |   7 ++++---
 resources/index.html                  |   7 ++++---
 stories/homelands/index.html          |   7 ++++---
 stories/index.html                    |   7 ++++---
 stories/introduction/index.html       |   7 ++++---
 stories/lines/index.html              |   7 ++++---
 stories/overview/index.html           |   7 ++++---
 stories/pathways/index.html           |   7 ++++---
 stories/villagers_settlers/index.html |   7 ++++---
 13 files changed, 45 insertions(+), 34 deletions(-)
 create mode 100644 assets/img/logos/favicon.png
diff --git a/about/index.html b/about/index.html
index 92f8ae2d..29eba777 100644
--- a/about/index.html
+++ b/about/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-17 11:00 -->
+    <!-- Built with 11ty - 2024-10-17 11:21 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,11 @@
 
     <title>About the project | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1729162805">
+    <link rel="icon" href="/assets/images/logos/favicon.png" sizes="any">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1729164066">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1729162805"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1729164066"></script>
 
     <style>
 
diff --git a/accessibility/index.html b/accessibility/index.html
index 14e35c74..a4b62b1b 100644
--- a/accessibility/index.html
+++ b/accessibility/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-17 11:00 -->
+    <!-- Built with 11ty - 2024-10-17 11:21 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,11 @@
 
     <title>Accessibility Statement for Brightening the Covenant Chain | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1729162805">
+    <link rel="icon" href="/assets/images/logos/favicon.png" sizes="any">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1729164066">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1729162805"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1729164066"></script>
 
     <style>
 
diff --git a/assets/img/logos/favicon.png b/assets/img/logos/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..f28422f5ae2ec127748ef4bc98e87d2808538cb8
GIT binary patch
literal 7380
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

literal 0
HcmV?d00001

diff --git a/assets/js/bcc/main.js b/assets/js/bcc/main.js
index d66bdb75..f449b5a0 100644
--- a/assets/js/bcc/main.js
+++ b/assets/js/bcc/main.js
@@ -16,7 +16,7 @@
   \************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   D3intro: () => (/* binding */ D3intro)\n/* harmony export */ });\n/* harmony import */ var string_strip_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! string-strip-html */ \"../node_modules/string-strip-html/dist/string-strip-html.cjs.js\");\n/* harmony import */ var string_strip_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(string_strip_html__WEBPACK_IMPORTED_MODULE_0__);\n/*jshint esversion: 8 */\n\n/*import L from 'leaflet';\nimport 'leaflet-dvf';\nimport 'leaflet-textpath';*/\n\n// https://observablehq.com/@sfu-iat355/intro-to-leaflet-d3-interactivity\n\n\n\nclass D3intro {\n    constructor(geometryUris, L, d3, startingBounds) {\n        this.slideIds = {\n            500: \"homelands\",\n            600: \"pathways1\",\n            700: \"pathways2\",\n            800: \"villagerssettlers\",\n            900: \"lines\",\n\n        };\n        this.L = L;\n        this.d3 = d3;\n        this.homelandsSlide = null;\n        this.pathways1Slide = null;\n        this.pathways2Slide = null;\n        this.villagerssettlersSlide = null;\n        // Array here since we have four frames of data\n        // for lines\n        this.linesSlide = [];\n        this.svgDrawn = false;\n        this.introRunning = null;\n        this.geometryUris = geometryUris;\n        this.startingBounds = startingBounds;\n        this.triggered = 0;\n\n    }\n\n    sleep(ms) {\n        return new Promise((resolve) => setTimeout(resolve, ms));\n    }\n\n    disableMapMovement(map) {\n        map.zoomControl.disable();\n        map.dragging.disable();\n    }\n\n    enableMapMovement(map) {\n        map.zoomControl.enable();\n        map.dragging.enable();\n    }\n\n    stopAll() {\n        this.introRunning = null;\n        // todo stop path drawing transition\n        this.svg.selectAll(\"*\").interrupt();\n    }\n\n    clearSvg() {\n        this.svg.selectAll(\"*\").remove();\n        this.svgDrawn = false;\n    }\n\n\n    async SectionIntro(map, slideid) {\n        //&& !this.introRunning\n        console.log(\"Section Intro counter: \" + this.triggered);\n        this.triggered += 1;\n        if (this.slideIds[slideid + \"\"]) {\n            let introRun = false;\n            // Clear any existing transitions and elements\n            this.stopAll();\n            this.clearSvg();\n            //map.on(\"moveend\", slideUpdate);\n            // Run this when we've reached the story frame\n            let playIntro = async function () {\n\n                switch (this.slideIds[slideid + \"\"]) {\n                    case \"homelands\":\n                        console.log(\"homelands\");\n                        this.introRunning = \"homelands\";\n                        introRun = await this.playHomelandsIntro(map);\n                        break;\n                    case \"pathways1\":\n                        this.introRunning = \"pathways1\";\n                        console.log(\"pathways1\");\n                        introRun = await this.playPathways1Intro(\n                            map, true, true, 2500, 1500, 1000\n                        );\n                        //introRun = await this.playPathways2Intro(map, startDelay);\n                        /*console.log(\"running: \" + this.introRunning);\n                        // If we haven't been interrupted, go on to second intro\n                        if (this.introRunning == \"pathways1\") {\n                            this.svg.selectAll(\"*\").interrupt();\n                            this.clearSvg();\n                            this.introRunning = \"pathways2\";\n                            //console.log(this.introRunning);\n                            introRun = await this.playPathways2Intro(map, startDelay);\n                        }*/\n                        break;\n                    case \"pathways2\":\n                        console.log(\"pathways2\");\n                        introRun = await this.playPathways2Intro(map, 0);\n                        break;\n                    case \"villagerssettlers\":\n                        console.log(\"settlers\");\n                        this.introRunning = \"villagerssettlers\";\n                        introRun = await this.playvillagerssettlersSlide(map);\n                        break;\n                    case \"lines\":\n                        console.log(\"lines\");\n                        this.introRunning = \"lines\";\n                        introRun = await this.playLinesIntro(map);\n                        break;\n                    case string_strip_html__WEBPACK_IMPORTED_MODULE_0__.defaults:\n                        this.introRunning = null;\n                }\n                map.off(\"moveend\", playIntro);\n            }.bind(this);\n            map.on(\"moveend\", playIntro);\n            let bounds = null;\n            switch (this.slideIds[slideid + \"\"]) {\n                case \"homelands\":\n                    bounds = this.startingBounds.homelands;\n                    break;\n                case \"pathways1\":\n                    bounds = this.startingBounds.pathways1;\n                    break;\n                case \"pathways2\":\n                    bounds = this.startingBounds.pathways2;\n                    break;\n                case \"villagerssettlers\":\n                    bounds = this.startingBounds.villagerssettlers;\n                    break;\n                case \"lines\":\n                    bounds = this.startingBounds.lines;\n                    break;\n            }\n            if (bounds) {\n                map.flyToBounds(bounds);\n            }\n\n\n            this.svgDrawn = introRun;\n        }\n        return this.svgDrawn;\n    }\n\n    async loadShapeFile(shape_url) {\n        let response = await fetch(shape_url);\n        let json = await response.json();\n        return json;\n    }\n\n    async loadD3(map) {\n        /*Setup overlar pane as d3 */\n        this.L.svg({clickable: true}).addTo(map);\n        const overlay = this.d3.select(map.getPanes().overlayPane);\n        this.svg = overlay.select(\"svg\").attr(\"pointer-events\", \"auto\");\n\n        /* Line generators that will work with features */\n        this.featureLineGenerator = this.d3\n            .line()\n            .x((d) => map.latLngToLayerPoint([d[1], d[0]]).x)\n            .y((d) => map.latLngToLayerPoint([d[1], d[0]]).y);\n\n        return this.svg;\n    }\n\n    /** Transform a feature into an svg path\n     * Coordinates are reversed by feature line generator\n     * @param feature\n     * @return svg path string of feature\n     */\n    featureToPath(feature) {\n        let pathString = \"\";\n        switch (feature.geometry.type) {\n            case \"MultiPolygon\":\n                pathString = this.featureLineGenerator(\n                    feature.geometry.coordinates[0][0]\n                );\n                break;\n            case \"MultiLineString\":\n                pathString = this.featureLineGenerator(feature.geometry.coordinates[0]);\n                break;\n        }\n        return pathString;\n    }\n\n    getHomelandLabel(id, european) {\n        let label = \"\";\n        if (this.homelandsLabels) {\n\n            for (let x = 0; x < this.homelandsLabels.length; x++) {\n                if (parseInt(this.homelandsLabels[x].id) == parseInt(id)) {\n                    // console.log(this.homelandsLabels[x]);\n                    if (european) {\n                        label = this.homelandsLabels[x][\"Current normalised text\"];\n                    } else {\n                        label = this.homelandsLabels[x].Indigenous_name;\n                    }\n                    break;\n                }\n            }\n        }\n\n        return label;\n    }\n\n    async drawHomelandsIntro(map, features) {\n\n\n        this.svg\n            .selectAll(\".homelands\")\n            .data(features)\n            .join(\"path\")\n            .attr(\"class\", \"homelands\")\n            .attr(\"title\", function (d) {\n                this.getHomelandLabel(d.properties.id, true);\n            }.bind(this))\n            .attr(\"stroke\", \"black\")\n            .attr(\"fill\", \"none\")\n            .attr(\"stroke-width\", \"0\")\n            .attr(\"d\", (d) => this.featureToPath(d));\n\n        this.svg\n            .selectAll(\".homelands\") // <-- now we can select the paths and get the bbox\n            .each((d, i, nodes) => {\n                // https://stackoverflow.com/questions/74358276/add-title-text-to-the-center-of-path-in-d3\n                const bbox = this.d3.select(nodes[i]).node().getBBox();\n                const centreX = bbox.x + bbox.width / 2; // <-- get x centre\n                const centreY = bbox.y + bbox.height / 2;\n                this.svg\n                    .append(\"text\") // <-- now add the text element\n                    .text(this.getHomelandLabel(d.properties.id, true))\n                    .attr(\"indigenousLabel\", this.getHomelandLabel(d.properties.id, false))\n                    .attr(\"class\", \"homelandLabel\")\n                    .attr(\"x\", centreX)\n                    .attr(\"y\", centreY)\n                    .attr(\"opacity\", 1)\n                    .attr(\"fill\", \"#132b19\")\n                    .attr(\"text-anchor\", \"middle\")\n                    .transition()\n                    .delay((d, i) => i * 20 + 2000)\n                    .duration(2000)\n                    .style('opacity', 0).on(\"end\", function (d, i, nodes) {\n                    // Now do the label transition\n                    nodes[i].innerHTML = nodes[i].getAttribute(\"indigenousLabel\");\n                    d3.select(nodes[i]).transition().delay((d, i) => i * 20).duration(2000).style('opacity', 1);\n                });\n            });\n    }\n\n    /** Animated intro for the homelands section in D3*/\n    async playHomelandsIntro(map) {\n\n        if (!this.homelandsLabels) {\n            let homelandsData = await this.loadShapeFile(\n                this.geometryUris.homelands\n            );\n            if (homelandsData) {\n                this.homelandsLabels = homelandsData.homelandsData;\n            }\n\n        }\n\n        if (this.homelandsSlide) {\n            //map.flyToBounds(this.startingBounds.homelands);\n            await this.sleep(500);\n            await this.drawHomelandsIntro(map, this.homelandsSlide.features);\n\n        } else {\n            console.log('homelands slide not present!');\n        }\n\n        return true;\n    }\n\n    /**\n     * The D3 intro for the first pathways section\n     * Rivers drawn using dash css method: https://medium.com/@louisemoxy/create-a-d3-line-chart-animation-336f1cb7dd61\n     * @param map our leaflet map\n     * @return {Promise<void>}\n     */\n    async playPathways1Intro(map, playPathways2, fadeout, drawDuration, fadeoutDelay, fadeoutDuration) {\n        //map.flyToBounds(this.startingBounds.pathways1);\n        if (this.introRunning != \"pathways1\") {\n            return false;\n        }\n        let fadeCounter = 0;\n        if (this.introRunning == \"pathways1\" && this.pathways1Slide && this.pathways1Slide.features.length > 0) {\n            this.svg\n                .selectAll(\".river\")\n                .data(this.pathways1Slide.features)\n                .join(\"path\")\n                .attr(\"class\", \"pathways1 river\")\n                .attr(\"stroke\", \"blue\")\n                .attr(\"fill\", \"none\")\n                .attr(\"stroke-width\", \"1.5\")\n                .attr('opacity', 1)\n                .attr(\"d\", (d) => this.featureToPath(d));\n\n            this.svg\n                .selectAll(\"path.river\")\n                .each(function (d) {\n                    d.totalLength = this.getTotalLength();\n                })\n                .attr(\"stroke-dashoffset\", (d) => d.totalLength)\n                .attr(\"stroke-dasharray\", (d) => d.totalLength)\n                .transition()\n                .duration(drawDuration)\n                .attr(\"stroke-dashoffset\", 0)\n                .on(\"end\", function (d, i, nodes) {\n                    // Clear previous lines (except for the last one)\n                    if (fadeCounter >= (nodes.length - 1)) {\n                        this.d3.selectAll(\".river\")\n                            .transition()\n                            .attr('opacity', 0)\n                            .delay(fadeoutDelay)\n                            .duration(fadeoutDuration);\n                        if (playPathways2) {\n                            this.playPathways2Intro(map, fadeoutDelay + fadeoutDuration);\n                        }\n\n\n                    } else {\n                        fadeCounter += 1;\n                    }\n                }.bind(this));\n\n        }\n        return true;\n    }\n\n    /**\n     Split slides features by shape to display differently in d3\n     */\n    static splitFeatures(features) {\n        let splitFeatures = {\n            points: [],\n            polys: [],\n            lines: [],\n        };\n        for (let f in features) {\n            if (features[f].geometry && features[f].geometry.type) {\n                switch (features[f].geometry.type) {\n                    case \"MultiPolygon\":\n                        splitFeatures.polys.push(features[f]);\n                        break;\n                    case \"MultiLineString\":\n                        splitFeatures.lines.push(features[f]);\n                        break;\n                    case \"Point\":\n                        splitFeatures.points.push(features[f]);\n                        break;\n                }\n            }\n        }\n\n        return splitFeatures;\n    }\n\n    /**\n     * Animated reveal of drawn pathway\n     * @param feature to draw\n     * @param duration duration of drawing\n     * @param delay before we start the transition\n     * @return {Promise<boolean>}\n     */\n    async drawPathway(feature, duration, delay) {\n        this.svg\n            .selectAll(\"path.road-\" + feature.properties.id)\n            .each(function (d) {\n                d.totalLength = this.getTotalLength();\n            })\n            .attr(\"stroke-dashoffset\", (d) => d.totalLength)\n            .attr(\"stroke-dasharray\", (d) => d.totalLength)\n            .attr(\"opacity\", 1)\n            .transition()\n            .delay(delay)\n            .duration(duration)\n            .attr(\"stroke-dashoffset\", 0)\n            .end();\n\n        return true;\n    }\n\n    /**\n     *  Pathways 2 intro (slide 14)\n     * @param map\n     * @return {Promise<boolean>}\n     */\n    async playPathways2Intro(map, startDelay) {\n        //map.flyToBounds(this.startingBounds.pathways2);\n        let pathwayDuration = 2000;\n        console.log(\"pathways2\");\n\n        if (!this.pathways2Slide || this.pathways2Slide.features.length == 0) {\n            return false;\n        }\n\n        let splitFeatures = D3intro.splitFeatures(this.pathways2Slide.features);\n        if (splitFeatures.lines && splitFeatures.lines.length > 0) {\n            this.svg\n                .selectAll(\".roadHighlight\")\n                .data(splitFeatures.lines)\n                .join(\"path\")\n                .attr(\"class\", (d) => \"pathways2 roadHighlist road-\" + d.properties.id)\n                .attr(\"lineCap\", \"square\")\n                .attr(\"lineJoin\", \"round\")\n                .attr(\"stroke\", \"#000000\")\n                .attr(\"weight\", \"5\")\n                .attr(\"opacity\", 0)\n                .attr(\"fill\", \"none\")\n                .attr(\"stroke-width\", \"5\")\n                .attr(\"d\", (d) => this.featureToPath(d));\n\n            this.svg\n                .selectAll(\".road\")\n                .data(splitFeatures.lines)\n                .join(\"path\")\n                .attr(\"class\", (d) => \"pathways2 road-\" + d.properties.id)\n                .attr(\"lineCap\", \"square\")\n                .attr(\"lineJoin\", \"arcs\")\n                .attr(\"stroke\", \"#FFFFFF\")\n                .attr(\"weight\", \"3\")\n                .attr(\"opacity\", 1)\n                .attr(\"fill\", \"none\")\n                .attr(\"stroke-width\", \"3\")\n                .attr(\"d\", (d) => this.featureToPath(d));\n\n\n            // Draw these in order so they look better\n            this.drawPathway(splitFeatures.lines[0], pathwayDuration, startDelay);\n            this.drawPathway(splitFeatures.lines[1], pathwayDuration, startDelay + pathwayDuration);\n\n        }\n\n        // Sort the features so they follow the points order in bcc_slides\n        let pointOrder = this.pathways2Slide.points.includes.id;\n\n        let sortedPoints = [];\n        for (let o = 0; o < pointOrder.length; o++) {\n            for (let p = 0; p < splitFeatures.points.length; p++) {\n                if (splitFeatures.points[p].properties.id === pointOrder[o]) {\n                    sortedPoints.push(splitFeatures.points[p]);\n                    break;\n                }\n            }\n        }\n\n        if (sortedPoints && sortedPoints.length > 0) {\n            console.log(sortedPoints);\n            //append('img').attr('src',\"/assets/icon.svg\")\n            //d3.select('svg').append('svg:image').attr('id', 'wtf2').attr('width','2%').attr('x', 1247).attr('y',292);\n            this.svg\n                .selectAll(\"image.pathways2\")\n                .data(sortedPoints)\n                .join(\"svg:image\")\n                .attr(\"class\", \"pathways2 dipsites\")\n                .attr('xlink:href', \"/assets/img/icons/council-fire.svg\")\n                .attr('width', \"1%\")\n                .attr(\n                    \"x\",\n                    (d) =>\n                        map.latLngToLayerPoint([\n                            d.geometry.coordinates[1],\n                            d.geometry.coordinates[0],\n                        ]).x\n                )\n                .attr(\n                    \"y\",\n                    (d) =>\n                        map.latLngToLayerPoint([\n                            d.geometry.coordinates[1],\n                            d.geometry.coordinates[0],\n                        ]).y\n                ).attr(\"opacity\", 0)\n                .transition()\n                .delay((d, i) => startDelay + i * 500)\n                .attr(\"opacity\", 1)\n                .duration(1000);\n\n\n        }\n\n        return true;\n    }\n\n    async playvillagerssettlersSlide(map) {\n        if (\n            !this.villagerssettlersSlide ||\n            this.villagerssettlersSlide.features.length == 0\n        ) {\n            return false;\n        }\n\n        let splitFeatures = D3intro.splitFeatures(\n            this.villagerssettlersSlide.features\n        );\n        //console.log(splitFeatures.points);\n        this.svg\n            .selectAll(\"circle.villagerssettlers\")\n            .data(splitFeatures.points)\n            .join(\"circle\")\n            .attr(\"class\", \"villagerssettlers\")\n            .attr(\"fill\", function (d) {\n                if (d.properties && d.properties.sub_type == 12) {\n                    return \"#5d1206\";//\"red\";\n                }\n                return \"#427d67\";//\"green\";\n            })\n            .attr(\n                \"cx\",\n                (d) =>\n                    map.latLngToLayerPoint([\n                        d.geometry.coordinates[1],\n                        d.geometry.coordinates[0],\n                    ]).x\n            )\n            .attr(\n                \"cy\",\n                (d) =>\n                    map.latLngToLayerPoint([\n                        d.geometry.coordinates[1],\n                        d.geometry.coordinates[0],\n                    ]).y\n            )\n            .attr(\"r\", 20)\n            .transition()\n            .attr(\"r\", 3)\n            .duration(1000);\n\n\n        let dipsites = [];\n        for (let p = 0; p < splitFeatures.points.length; p++) {\n            let point = splitFeatures.points[p];\n            if (\n                point.properties &&\n                point.properties.sub_type &&\n                point.properties.sub_type == 12\n            ) {\n                dipsites.push(point);\n            }\n        }\n\n        let villagerspulseSelector = \"circle.villagerssettlers.pulse\";\n\n        this.svg\n            .selectAll(villagerspulseSelector)\n            .data(dipsites)\n            .join(\"circle\")\n            .attr(\"class\", \"villagerssettlers pulse\")\n            .attr(\"fill\", \"black\")\n            .attr(\"opacity\", \"0.5\")\n            .attr(\n                \"cx\",\n                (d) =>\n                    map.latLngToLayerPoint([\n                        d.geometry.coordinates[1],\n                        d.geometry.coordinates[0],\n                    ]).x\n            )\n            .attr(\n                \"cy\",\n                (d) =>\n                    map.latLngToLayerPoint([\n                        d.geometry.coordinates[1],\n                        d.geometry.coordinates[0],\n                    ]).y\n            )\n            .attr(\"r\", 3);\n        this.pulseTransition(villagerspulseSelector);\n        return true;\n    }\n\n    async pulseTransition(selector) {\n\n        this.svg\n            .selectAll(selector)\n            .attr(\"r\", 3)\n            .attr(\"opacity\", \"0\")\n            .attr(\"fill\", \"black\")\n            .transition()\n            .delay(1000)\n            .duration(1000)\n            .attr(\"r\", 10)\n            .attr(\"opacity\", \"0.5\")\n            .styleTween(\"fill\", () => this.d3.interpolateRgb(\"black\", \"red\"))\n            .transition()\n            .duration(500)\n            .attr(\"opacity\", \"0\")\n            .on('end', function () {\n                if (this.introRunning == \"villagerssettlers\") {\n                    // Call it again\n                    this.pulseTransition(selector);\n                }\n            }.bind(this));\n\n\n        return true;\n    }\n\n    /*\n    this.lineLandRouteStyle = {\n                stroke: true,\n                //dashArray: \"7 6\",\n                lineCap: \"square\",\n                lineJoin: \"arcs\",\n                color: \"#FFFFFF\",\n                weight: 3,\n                fill: false,\n            };\n     */\n    async drawLines(features, duration, colour, majorClass, minorClass) {\n        if (this.introRunning == \"lines\") {\n            this.svg\n                .selectAll(\".\" + minorClass)\n                .data(features)\n                .join(\"path\")\n                .attr(\"class\", majorClass + \" \" + minorClass)\n                .attr(\"stroke\", colour)\n                .attr(\"fill\", \"none\")\n                .attr(\"stroke-width\", \"1\")\n                .attr(\"d\", (d) => this.featureToPath(d));\n\n            return this.svg\n                .selectAll(\"path.\" + minorClass)\n                .each(function (d) {\n                    d.totalLength = this.getTotalLength();\n                })\n                .attr(\"stroke-dashoffset\", (d) => d.totalLength)\n                .attr(\"stroke-dasharray\", (d) => d.totalLength)\n                .transition()\n                .duration(duration)\n                .attr(\"stroke-dashoffset\", 0)\n                .end();\n        }\n\n    }\n\n    async playLinesIntro(map) {\n\n        let drawDuration = 2500;\n        let colour = \"black\";\n        let majorClass = \"lines\";\n        let minorClass = \"border\";\n        let frameDelay = 2500;\n\n        if (this.linesSlide && this.linesSlide.length > 0 && this.introRunning == \"lines\") {\n            // Draw all the lines\n            for (let f = 0; f < this.linesSlide.length; f++) {\n                this.svg\n                    .selectAll(\".\" + minorClass)\n                    .data(this.linesSlide[f].features)\n                    .join(\"path\")\n                    .attr(\"class\", majorClass + \" \" + minorClass + f)\n                    .attr(\"stroke\", colour)\n                    .attr(\"opacity\", 1)\n                    .attr(\"fill\", \"none\")\n                    .attr(\"stroke-width\", \"1\")\n                    .attr(\"d\", (d) => this.featureToPath(d));\n\n\n            }\n            // Start all the draw animations\n            for (let f = 0; f < this.linesSlide.length; f++) {\n                this.svg\n                    .selectAll(\"path.\" + minorClass + f)\n                    .each(function (d) {\n                        d.totalLength = this.getTotalLength();\n                        let delay = (f > 0 ? frameDelay : 0);\n                        d.drawDelay = (drawDuration + delay) * f;\n                    })\n                    .attr(\"stroke-dashoffset\", (d) => d.totalLength)\n                    .attr(\"stroke-dasharray\", (d) => d.totalLength)\n                    .transition()\n                    .delay((d) => d.drawDelay)\n                    .duration(drawDuration)\n                    .attr(\"stroke-dashoffset\", 0)\n                    .on(\"end\", function (d, i, nodes) {\n                        // Clear previous lines (except for the last one)\n                        if (f != (this.linesSlide.length - 1)) {\n                            this.d3.selectAll(\"path.\" + minorClass + f)\n                                .transition()\n                                .attr('opacity', 0)\n                                .duration(frameDelay * 0.5);\n                        }\n\n                    }.bind(this));\n\n            }\n        }\n\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://frontend/./src/d3intro.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   D3intro: () => (/* binding */ D3intro)\n/* harmony export */ });\n/* harmony import */ var string_strip_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! string-strip-html */ \"../node_modules/string-strip-html/dist/string-strip-html.cjs.js\");\n/* harmony import */ var string_strip_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(string_strip_html__WEBPACK_IMPORTED_MODULE_0__);\n/*jshint esversion: 8 */\n\n/*import L from 'leaflet';\nimport 'leaflet-dvf';\nimport 'leaflet-textpath';*/\n\n// https://observablehq.com/@sfu-iat355/intro-to-leaflet-d3-interactivity\n\n\n\nclass D3intro {\n    constructor(geometryUris, L, d3, startingBounds) {\n        this.slideIds = {\n            500: \"homelands\",\n            600: \"pathways1\",\n            700: \"pathways2\",\n            800: \"villagerssettlers\",\n            900: \"lines\",\n\n        };\n        this.L = L;\n        this.d3 = d3;\n        this.homelandsSlide = null;\n        this.pathways1Slide = null;\n        this.pathways2Slide = null;\n        this.villagerssettlersSlide = null;\n        // Array here since we have four frames of data\n        // for lines\n        this.linesSlide = [];\n        this.svgDrawn = false;\n        this.introRunning = null;\n        this.geometryUris = geometryUris;\n        this.startingBounds = startingBounds;\n        this.triggered = 0;\n\n    }\n\n    sleep(ms) {\n        return new Promise((resolve) => setTimeout(resolve, ms));\n    }\n\n    disableMapMovement(map) {\n        map.zoomControl.disable();\n        map.dragging.disable();\n    }\n\n    enableMapMovement(map) {\n        map.zoomControl.enable();\n        map.dragging.enable();\n    }\n\n    stopAll() {\n        this.introRunning = null;\n        // todo stop path drawing transition\n        this.svg.selectAll(\"*\").interrupt();\n    }\n\n    clearSvg() {\n        this.svg.selectAll(\"*\").remove();\n        this.svgDrawn = false;\n    }\n\n\n    async SectionIntro(map, slideid) {\n        //&& !this.introRunning\n        console.log(\"Section Intro counter: \" + this.triggered);\n        this.triggered += 1;\n        if (this.slideIds[slideid + \"\"]) {\n            let introRun = false;\n            // Clear any existing transitions and elements\n            this.stopAll();\n            this.clearSvg();\n            //map.on(\"moveend\", slideUpdate);\n            // Run this when we've reached the story frame\n            let playIntro = async function () {\n\n                switch (this.slideIds[slideid + \"\"]) {\n                    case \"homelands\":\n                        console.log(\"homelands\");\n                        this.introRunning = \"homelands\";\n                        introRun = await this.playHomelandsIntro(map);\n                        break;\n                    case \"pathways1\":\n                        this.introRunning = \"pathways1\";\n                        console.log(\"pathways1\");\n                        introRun = await this.playPathways1Intro(\n                            map, true, true, 2500, 1500, 1000\n                        );\n                        //introRun = await this.playPathways2Intro(map, startDelay);\n                        /*console.log(\"running: \" + this.introRunning);\n                        // If we haven't been interrupted, go on to second intro\n                        if (this.introRunning == \"pathways1\") {\n                            this.svg.selectAll(\"*\").interrupt();\n                            this.clearSvg();\n                            this.introRunning = \"pathways2\";\n                            //console.log(this.introRunning);\n                            introRun = await this.playPathways2Intro(map, startDelay);\n                        }*/\n                        break;\n                    case \"pathways2\":\n                        console.log(\"pathways2\");\n                        introRun = await this.playPathways2Intro(map, 0);\n                        break;\n                    case \"villagerssettlers\":\n                        console.log(\"settlers\");\n                        this.introRunning = \"villagerssettlers\";\n                        introRun = await this.playvillagerssettlersSlide(map);\n                        break;\n                    case \"lines\":\n                        console.log(\"lines\");\n                        this.introRunning = \"lines\";\n                        introRun = await this.playLinesIntro(map);\n                        break;\n                    case string_strip_html__WEBPACK_IMPORTED_MODULE_0__.defaults:\n                        this.introRunning = null;\n                }\n                map.off(\"moveend\", playIntro);\n            }.bind(this);\n            map.on(\"moveend\", playIntro);\n            let bounds = null;\n            switch (this.slideIds[slideid + \"\"]) {\n                case \"homelands\":\n                    bounds = this.startingBounds.homelands;\n                    break;\n                case \"pathways1\":\n                    bounds = this.startingBounds.pathways1;\n                    break;\n                case \"pathways2\":\n                    bounds = this.startingBounds.pathways2;\n                    break;\n                case \"villagerssettlers\":\n                    bounds = this.startingBounds.villagerssettlers;\n                    break;\n                case \"lines\":\n                    bounds = this.startingBounds.lines;\n                    break;\n            }\n            if (bounds) {\n                map.flyToBounds(bounds);\n            }\n\n\n            this.svgDrawn = introRun;\n        }\n        return this.svgDrawn;\n    }\n\n    async loadShapeFile(shape_url) {\n        let response = await fetch(shape_url);\n        let json = await response.json();\n        return json;\n    }\n\n    async loadD3(map) {\n        /*Setup overlar pane as d3 */\n        this.L.svg({clickable: true}).addTo(map);\n        const overlay = this.d3.select(map.getPanes().overlayPane);\n        this.svg = overlay.select(\"svg\").attr(\"pointer-events\", \"auto\");\n\n        /* Line generators that will work with features */\n        this.featureLineGenerator = this.d3\n            .line()\n            .x((d) => map.latLngToLayerPoint([d[1], d[0]]).x)\n            .y((d) => map.latLngToLayerPoint([d[1], d[0]]).y);\n\n        return this.svg;\n    }\n\n    /** Transform a feature into an svg path\n     * Coordinates are reversed by feature line generator\n     * @param feature\n     * @return svg path string of feature\n     */\n    featureToPath(feature) {\n        let pathString = \"\";\n        switch (feature.geometry.type) {\n            case \"MultiPolygon\":\n                pathString = this.featureLineGenerator(\n                    feature.geometry.coordinates[0][0]\n                );\n                break;\n            case \"MultiLineString\":\n                pathString = this.featureLineGenerator(feature.geometry.coordinates[0]);\n                break;\n        }\n        return pathString;\n    }\n\n    getHomelandLabel(id, european) {\n        let label = \"\";\n        if (this.homelandsLabels) {\n\n            for (let x = 0; x < this.homelandsLabels.length; x++) {\n                if (parseInt(this.homelandsLabels[x].id) == parseInt(id)) {\n                    // console.log(this.homelandsLabels[x]);\n                    if (european) {\n                        label = this.homelandsLabels[x][\"Current normalised text\"];\n                    } else {\n                        label = this.homelandsLabels[x].Indigenous_name;\n                    }\n                    break;\n                }\n            }\n        }\n\n        return label;\n    }\n\n    async drawHomelandsIntro(map, features) {\n\n\n        this.svg\n            .selectAll(\".homelands\")\n            .data(features)\n            .join(\"path\")\n            .attr(\"class\", \"homelands\")\n            .attr(\"title\", function (d) {\n                this.getHomelandLabel(d.properties.id, true);\n            }.bind(this))\n            .attr(\"stroke\", \"black\")\n            .attr(\"fill\", \"none\")\n            .attr(\"stroke-width\", \"0\")\n            .attr(\"d\", (d) => this.featureToPath(d));\n\n        this.svg\n            .selectAll(\".homelands\") // <-- now we can select the paths and get the bbox\n            .each((d, i, nodes) => {\n                // https://stackoverflow.com/questions/74358276/add-title-text-to-the-center-of-path-in-d3\n                const bbox = this.d3.select(nodes[i]).node().getBBox();\n                const centreX = bbox.x + bbox.width / 2; // <-- get x centre\n                const centreY = bbox.y + bbox.height / 2;\n                this.svg\n                    .append(\"text\") // <-- now add the text element\n                    .text(this.getHomelandLabel(d.properties.id, true))\n                    .attr(\"indigenousLabel\", this.getHomelandLabel(d.properties.id, false))\n                    .attr(\"class\", \"homelandLabel\")\n                    .attr(\"x\", centreX)\n                    .attr(\"y\", centreY)\n                    .attr(\"opacity\", 1)\n                    .attr(\"fill\", \"#132b19\")\n                    .attr(\"text-anchor\", \"middle\")\n                    .transition()\n                    .delay((d, i) => i * 20 + 2000)\n                    .duration(2000)\n                    .style('opacity', 0).on(\"end\", function (d, i, nodes) {\n                    // Now do the label transition\n                    nodes[i].innerHTML = nodes[i].getAttribute(\"indigenousLabel\");\n                    d3.select(nodes[i]).transition().delay((d, i) => i * 20).duration(2000).style('opacity', 1);\n                });\n            });\n    }\n\n    /** Animated intro for the homelands section in D3*/\n    async playHomelandsIntro(map) {\n\n        if (!this.homelandsLabels) {\n            let homelandsData = await this.loadShapeFile(\n                this.geometryUris.homelands\n            );\n            if (homelandsData) {\n                this.homelandsLabels = homelandsData.homelandsData;\n            }\n\n        }\n\n        if (this.homelandsSlide) {\n            //map.flyToBounds(this.startingBounds.homelands);\n            await this.sleep(500);\n            await this.drawHomelandsIntro(map, this.homelandsSlide.features);\n\n        } else {\n            console.log('homelands slide not present!');\n        }\n\n        return true;\n    }\n\n    /**\n     * The D3 intro for the first pathways section\n     * Rivers drawn using dash css method: https://medium.com/@louisemoxy/create-a-d3-line-chart-animation-336f1cb7dd61\n     * @param map our leaflet map\n     * @return {Promise<void>}\n     */\n    async playPathways1Intro(map, playPathways2, fadeout, drawDuration, fadeoutDelay, fadeoutDuration) {\n        //map.flyToBounds(this.startingBounds.pathways1);\n        if (this.introRunning != \"pathways1\") {\n            return false;\n        }\n        let fadeCounter = 0;\n        if (this.introRunning == \"pathways1\" && this.pathways1Slide && this.pathways1Slide.features.length > 0) {\n            this.svg\n                .selectAll(\".river\")\n                .data(this.pathways1Slide.features)\n                .join(\"path\")\n                .attr(\"class\", \"pathways1 river\")\n                .attr(\"stroke\", \"blue\")\n                .attr(\"fill\", \"none\")\n                .attr(\"stroke-width\", \"1.5\")\n                .attr('opacity', 1)\n                .attr(\"d\", (d) => this.featureToPath(d));\n\n            this.svg\n                .selectAll(\"path.river\")\n                .each(function (d) {\n                    d.totalLength = this.getTotalLength();\n                })\n                .attr(\"stroke-dashoffset\", (d) => d.totalLength)\n                .attr(\"stroke-dasharray\", (d) => d.totalLength)\n                .transition()\n                .duration(drawDuration)\n                .attr(\"stroke-dashoffset\", 0)\n                .on(\"end\", function (d, i, nodes) {\n                    // Clear previous lines (except for the last one)\n                    if (fadeCounter >= (nodes.length - 1)) {\n                        this.d3.selectAll(\".river\")\n                            .transition()\n                            .attr('opacity', 0)\n                            .delay(fadeoutDelay)\n                            .duration(fadeoutDuration);\n                        if (playPathways2) {\n                            this.playPathways2Intro(map, fadeoutDelay + fadeoutDuration);\n                        }\n\n\n                    } else {\n                        fadeCounter += 1;\n                    }\n                }.bind(this));\n\n        }\n        return true;\n    }\n\n    /**\n     Split slides features by shape to display differently in d3\n     */\n    static splitFeatures(features) {\n        let splitFeatures = {\n            points: [],\n            polys: [],\n            lines: [],\n        };\n        for (let f in features) {\n            if (features[f].geometry && features[f].geometry.type) {\n                switch (features[f].geometry.type) {\n                    case \"MultiPolygon\":\n                        splitFeatures.polys.push(features[f]);\n                        break;\n                    case \"MultiLineString\":\n                        splitFeatures.lines.push(features[f]);\n                        break;\n                    case \"Point\":\n                        splitFeatures.points.push(features[f]);\n                        break;\n                }\n            }\n        }\n\n        return splitFeatures;\n    }\n\n    /**\n     * Animated reveal of drawn pathway\n     * @param feature to draw\n     * @param duration duration of drawing\n     * @param delay before we start the transition\n     * @return {Promise<boolean>}\n     */\n    async drawPathway(feature, duration, delay) {\n        this.svg\n            .selectAll(\"path.road-\" + feature.properties.id)\n            .each(function (d) {\n                d.totalLength = this.getTotalLength();\n            })\n            .attr(\"stroke-dashoffset\", (d) => d.totalLength)\n            .attr(\"stroke-dasharray\", (d) => d.totalLength)\n            .attr(\"opacity\", 1)\n            .transition()\n            .delay(delay)\n            .duration(duration)\n            .attr(\"stroke-dashoffset\", 0)\n            .end();\n\n        return true;\n    }\n\n    /**\n     *  Pathways 2 intro (slide 14)\n     * @param map\n     * @return {Promise<boolean>}\n     */\n    async playPathways2Intro(map, startDelay) {\n        //map.flyToBounds(this.startingBounds.pathways2);\n        let pathwayDuration = 2000;\n        console.log(\"pathways2\");\n\n        if (!this.pathways2Slide || this.pathways2Slide.features.length == 0) {\n            return false;\n        }\n\n        let splitFeatures = D3intro.splitFeatures(this.pathways2Slide.features);\n        if (splitFeatures.lines && splitFeatures.lines.length > 0) {\n            this.svg\n                .selectAll(\".roadHighlight\")\n                .data(splitFeatures.lines)\n                .join(\"path\")\n                .attr(\"class\", (d) => \"pathways2 roadHighlist road-\" + d.properties.id)\n                .attr(\"lineCap\", \"square\")\n                .attr(\"lineJoin\", \"round\")\n                .attr(\"stroke\", \"#000000\")\n                .attr(\"weight\", \"5\")\n                .attr(\"opacity\", 0)\n                .attr(\"fill\", \"none\")\n                .attr(\"stroke-width\", \"5\")\n                .attr(\"d\", (d) => this.featureToPath(d));\n\n            this.svg\n                .selectAll(\".road\")\n                .data(splitFeatures.lines)\n                .join(\"path\")\n                .attr(\"class\", (d) => \"pathways2 road-\" + d.properties.id)\n                .attr(\"lineCap\", \"square\")\n                .attr(\"lineJoin\", \"arcs\")\n                .attr(\"stroke\", \"#FFFFFF\")\n                .attr(\"weight\", \"3\")\n                .attr(\"opacity\", 1)\n                .attr(\"fill\", \"none\")\n                .attr(\"stroke-width\", \"3\")\n                .attr(\"d\", (d) => this.featureToPath(d));\n\n\n            // Draw these in order so they look better\n            this.drawPathway(splitFeatures.lines[0], pathwayDuration, startDelay);\n            this.drawPathway(splitFeatures.lines[1], pathwayDuration, startDelay + pathwayDuration);\n\n        }\n\n        // Sort the features so they follow the points order in bcc_slides\n        let pointOrder = this.pathways2Slide.points.includes.id;\n\n        let sortedPoints = [];\n        for (let o = 0; o < pointOrder.length; o++) {\n            for (let p = 0; p < splitFeatures.points.length; p++) {\n                if (splitFeatures.points[p].properties.id === pointOrder[o]) {\n                    sortedPoints.push(splitFeatures.points[p]);\n                    break;\n                }\n            }\n        }\n\n        if (sortedPoints && sortedPoints.length > 0) {\n            console.log(sortedPoints);\n            //append('img').attr('src',\"/assets/icon.svg\")\n            //d3.select('svg').append('svg:image').attr('id', 'wtf2').attr('width','2%').attr('x', 1247).attr('y',292);\n            this.svg\n                .selectAll(\"image.pathways2\")\n                .data(sortedPoints)\n                .join(\"svg:image\")\n                .attr(\"class\", \"pathways2 dipsites\")\n                .attr('xlink:href', \"/assets/img/icons/council-fire.svg\")\n                .attr('width', \"1%\")\n                .attr(\n                    \"x\",\n                    (d) =>\n                        map.latLngToLayerPoint([\n                            d.geometry.coordinates[1],\n                            d.geometry.coordinates[0],\n                        ]).x\n                )\n                .attr(\n                    \"y\",\n                    (d) =>\n                        map.latLngToLayerPoint([\n                            d.geometry.coordinates[1],\n                            d.geometry.coordinates[0],\n                        ]).y\n                ).attr(\"opacity\", 0)\n                .transition()\n                .delay((d, i) => startDelay + i * 500)\n                .attr(\"opacity\", 1)\n                .duration(1000);\n\n\n        }\n\n        return true;\n    }\n\n    async playvillagerssettlersSlide(map) {\n        if (\n            !this.villagerssettlersSlide ||\n            this.villagerssettlersSlide.features.length == 0\n        ) {\n            return false;\n        }\n\n        let splitFeatures = D3intro.splitFeatures(\n            this.villagerssettlersSlide.features\n        );\n        //console.log(splitFeatures.points);\n        this.svg\n            .selectAll(\"circle.villagerssettlers\")\n            .data(splitFeatures.points)\n            .join(\"square\")\n            .attr(\"class\", \"villagerssettlers\")\n            .attr(\"fill\", function (d) {\n                if (d.properties && d.properties.sub_type == 12) {\n                    return \"#5d1206\";//\"red\";\n                }\n                return \"#427d67\";//\"green\";\n            })\n            .attr(\n                \"cx\",\n                (d) =>\n                    map.latLngToLayerPoint([\n                        d.geometry.coordinates[1],\n                        d.geometry.coordinates[0],\n                    ]).x\n            )\n            .attr(\n                \"cy\",\n                (d) =>\n                    map.latLngToLayerPoint([\n                        d.geometry.coordinates[1],\n                        d.geometry.coordinates[0],\n                    ]).y\n            )\n            .attr(\"r\", 20)\n            .transition()\n            .attr(\"r\", 3)\n            .duration(1000);\n\n\n        let dipsites = [];\n        for (let p = 0; p < splitFeatures.points.length; p++) {\n            let point = splitFeatures.points[p];\n            if (\n                point.properties &&\n                point.properties.sub_type &&\n                point.properties.sub_type == 12\n            ) {\n                dipsites.push(point);\n            }\n        }\n\n        let villagerspulseSelector = \"circle.villagerssettlers.pulse\";\n\n        this.svg\n            .selectAll(villagerspulseSelector)\n            .data(dipsites)\n            .join(\"circle\")\n            .attr(\"class\", \"villagerssettlers pulse\")\n            .attr(\"fill\", \"black\")\n            .attr(\"opacity\", \"0.5\")\n            .attr(\n                \"cx\",\n                (d) =>\n                    map.latLngToLayerPoint([\n                        d.geometry.coordinates[1],\n                        d.geometry.coordinates[0],\n                    ]).x\n            )\n            .attr(\n                \"cy\",\n                (d) =>\n                    map.latLngToLayerPoint([\n                        d.geometry.coordinates[1],\n                        d.geometry.coordinates[0],\n                    ]).y\n            )\n            .attr(\"r\", 3);\n        this.pulseTransition(villagerspulseSelector);\n        return true;\n    }\n\n    async pulseTransition(selector) {\n\n        this.svg\n            .selectAll(selector)\n            .attr(\"r\", 3)\n            .attr(\"opacity\", \"0\")\n            .attr(\"fill\", \"black\")\n            .transition()\n            .delay(1000)\n            .duration(1000)\n            .attr(\"r\", 10)\n            .attr(\"opacity\", \"0.5\")\n            .styleTween(\"fill\", () => this.d3.interpolateRgb(\"black\", \"red\"))\n            .transition()\n            .duration(500)\n            .attr(\"opacity\", \"0\")\n            .on('end', function () {\n                if (this.introRunning == \"villagerssettlers\") {\n                    // Call it again\n                    this.pulseTransition(selector);\n                }\n            }.bind(this));\n\n\n        return true;\n    }\n\n    /*\n    this.lineLandRouteStyle = {\n                stroke: true,\n                //dashArray: \"7 6\",\n                lineCap: \"square\",\n                lineJoin: \"arcs\",\n                color: \"#FFFFFF\",\n                weight: 3,\n                fill: false,\n            };\n     */\n    async drawLines(features, duration, colour, majorClass, minorClass) {\n        if (this.introRunning == \"lines\") {\n            this.svg\n                .selectAll(\".\" + minorClass)\n                .data(features)\n                .join(\"path\")\n                .attr(\"class\", majorClass + \" \" + minorClass)\n                .attr(\"stroke\", colour)\n                .attr(\"fill\", \"none\")\n                .attr(\"stroke-width\", \"1\")\n                .attr(\"d\", (d) => this.featureToPath(d));\n\n            return this.svg\n                .selectAll(\"path.\" + minorClass)\n                .each(function (d) {\n                    d.totalLength = this.getTotalLength();\n                })\n                .attr(\"stroke-dashoffset\", (d) => d.totalLength)\n                .attr(\"stroke-dasharray\", (d) => d.totalLength)\n                .transition()\n                .duration(duration)\n                .attr(\"stroke-dashoffset\", 0)\n                .end();\n        }\n\n    }\n\n    async playLinesIntro(map) {\n\n        let drawDuration = 2500;\n        let colour = \"black\";\n        let majorClass = \"lines\";\n        let minorClass = \"border\";\n        let frameDelay = 2500;\n\n        if (this.linesSlide && this.linesSlide.length > 0 && this.introRunning == \"lines\") {\n            // Draw all the lines\n            for (let f = 0; f < this.linesSlide.length; f++) {\n                this.svg\n                    .selectAll(\".\" + minorClass)\n                    .data(this.linesSlide[f].features)\n                    .join(\"path\")\n                    .attr(\"class\", majorClass + \" \" + minorClass + f)\n                    .attr(\"stroke\", colour)\n                    .attr(\"opacity\", 1)\n                    .attr(\"fill\", \"none\")\n                    .attr(\"stroke-width\", \"1\")\n                    .attr(\"d\", (d) => this.featureToPath(d));\n\n\n            }\n            // Start all the draw animations\n            for (let f = 0; f < this.linesSlide.length; f++) {\n                this.svg\n                    .selectAll(\"path.\" + minorClass + f)\n                    .each(function (d) {\n                        d.totalLength = this.getTotalLength();\n                        let delay = (f > 0 ? frameDelay : 0);\n                        d.drawDelay = (drawDuration + delay) * f;\n                    })\n                    .attr(\"stroke-dashoffset\", (d) => d.totalLength)\n                    .attr(\"stroke-dasharray\", (d) => d.totalLength)\n                    .transition()\n                    .delay((d) => d.drawDelay)\n                    .duration(drawDuration)\n                    .attr(\"stroke-dashoffset\", 0)\n                    .on(\"end\", function (d, i, nodes) {\n                        // Clear previous lines (except for the last one)\n                        if (f != (this.linesSlide.length - 1)) {\n                            this.d3.selectAll(\"path.\" + minorClass + f)\n                                .transition()\n                                .attr('opacity', 0)\n                                .duration(frameDelay * 0.5);\n                        }\n\n                    }.bind(this));\n\n            }\n        }\n\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://frontend/./src/d3intro.js?");
 
 /***/ }),
 
diff --git a/index.html b/index.html
index 6958330f..3b7e9929 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-17 11:00 -->
+    <!-- Built with 11ty - 2024-10-17 11:21 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,11 @@
 
     <title>Treatied Spaces | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1729162805">
+    <link rel="icon" href="/assets/images/logos/favicon.png" sizes="any">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1729164066">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1729162805"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1729164066"></script>
 
     <style>
 
diff --git a/resources/index.html b/resources/index.html
index e83e24aa..9993d934 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-17 11:00 -->
+    <!-- Built with 11ty - 2024-10-17 11:21 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,11 @@
 
     <title>Resources | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1729162805">
+    <link rel="icon" href="/assets/images/logos/favicon.png" sizes="any">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1729164066">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1729162805"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1729164066"></script>
 
     <style>
 
diff --git a/stories/homelands/index.html b/stories/homelands/index.html
index 1fd30d28..a0fce317 100644
--- a/stories/homelands/index.html
+++ b/stories/homelands/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-17 11:00 -->
+    <!-- Built with 11ty - 2024-10-17 11:21 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,11 @@
 
     <title>BCC | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1729162805">
+    <link rel="icon" href="/assets/images/logos/favicon.png" sizes="any">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1729164066">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1729162805"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1729164066"></script>
 
     <style>
 
diff --git a/stories/index.html b/stories/index.html
index 47c00a45..8ce63016 100644
--- a/stories/index.html
+++ b/stories/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-17 11:00 -->
+    <!-- Built with 11ty - 2024-10-17 11:21 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,11 @@
 
     <title>Stories Introduction | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1729162806">
+    <link rel="icon" href="/assets/images/logos/favicon.png" sizes="any">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1729164066">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1729162806"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1729164066"></script>
 
     <style>
 
diff --git a/stories/introduction/index.html b/stories/introduction/index.html
index b564dd3c..2afce6ed 100644
--- a/stories/introduction/index.html
+++ b/stories/introduction/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-17 11:00 -->
+    <!-- Built with 11ty - 2024-10-17 11:21 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,11 @@
 
     <title>BCC | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1729162805">
+    <link rel="icon" href="/assets/images/logos/favicon.png" sizes="any">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1729164066">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1729162805"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1729164066"></script>
 
     <style>
 
diff --git a/stories/lines/index.html b/stories/lines/index.html
index 2bc4c2e5..0eafe453 100644
--- a/stories/lines/index.html
+++ b/stories/lines/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-17 11:00 -->
+    <!-- Built with 11ty - 2024-10-17 11:21 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,11 @@
 
     <title>BCC | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1729162805">
+    <link rel="icon" href="/assets/images/logos/favicon.png" sizes="any">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1729164066">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1729162805"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1729164066"></script>
 
     <style>
 
diff --git a/stories/overview/index.html b/stories/overview/index.html
index 928c670d..e5a41383 100644
--- a/stories/overview/index.html
+++ b/stories/overview/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-17 11:00 -->
+    <!-- Built with 11ty - 2024-10-17 11:21 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,11 @@
 
     <title>BCC | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1729162805">
+    <link rel="icon" href="/assets/images/logos/favicon.png" sizes="any">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1729164066">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1729162805"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1729164066"></script>
 
     <style>
 
diff --git a/stories/pathways/index.html b/stories/pathways/index.html
index 7bb535ad..fda39313 100644
--- a/stories/pathways/index.html
+++ b/stories/pathways/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-17 11:00 -->
+    <!-- Built with 11ty - 2024-10-17 11:21 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,11 @@
 
     <title>BCC | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1729162805">
+    <link rel="icon" href="/assets/images/logos/favicon.png" sizes="any">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1729164066">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1729162805"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1729164066"></script>
 
     <style>
 
diff --git a/stories/villagers_settlers/index.html b/stories/villagers_settlers/index.html
index 43f77ac6..2baa91be 100644
--- a/stories/villagers_settlers/index.html
+++ b/stories/villagers_settlers/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-17 11:00 -->
+    <!-- Built with 11ty - 2024-10-17 11:21 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,11 @@
 
     <title>BCC | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1729162805">
+    <link rel="icon" href="/assets/images/logos/favicon.png" sizes="any">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1729164066">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1729162805"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1729164066"></script>
 
     <style>
 
