added 404.html to fix spa

2024-10-27 11:53:49 +01:00
parent 2350dafa3d
commit 1576042b10
2 changed files with 63 additions and 0 deletions
@@ -32,6 +32,29 @@
    <meta name="twitter:title" content="Interactive Tensei Shitara Slime Datta Ken Map" />
    <meta name="twitter:description" content="Interactive map of the central world of Tensei Shitara Slime Datta Ken (That Time I Got Reincarnated as a Slime)" />
    <meta name="twitter:image" content="/img/twitterImage.png" />
+
+    <script type="text/javascript">
+        // Single Page Apps for GitHub Pages
+        // MIT License
+        // https://github.com/rafgraph/spa-github-pages
+        // This script checks to see if a redirect is present in the query string,
+        // converts it back into the correct url and adds it to the
+        // browser's history using window.history.replaceState(...),
+        // which won't cause the browser to attempt to load the new url.
+        // When the single page app is loaded further down in this file,
+        // the correct url will be waiting in the browser's history for
+        // the single page app to route accordingly.
+        (function(l) {
+            if (l.search[1] === '/' ) {
+                var decoded = l.search.slice(1).split('&').map(function(s) {
+                    return s.replace(/~and~/g, '&')
+                }).join('?');
+                window.history.replaceState(null, null,
+                    l.pathname.slice(0, -1) + decoded + l.hash
+                );
+            }
+        }(window.location))
+    </script>
 </head>
 <body>
    <div id="root"></div>