fix 404.html attempt 4

fezcode · fezcode · commit 0abf08e10ca0 · 2025-10-16T04:20:47.000+03:00
diff --git a/public/404.html b/public/404.html
@@ -4,24 +4,34 @@
     <meta charset="utf-8">
     <title>Redirecting...</title>
     <script type="text/javascript">
-      // Single Page Apps for GitHub Pages
-      // MIT License
-      // https://github.com/rafgraph/spa-github-pages
-      // This script takes the current URL and converts the path and query
-      // string into just a query string, and then redirects the browser
-      // to the new URL with the query string and hash fragment, but no
-      // path, to load the single page app's index.html root.
-      (function(){
-        var path = window.location.pathname;
-        var query = window.location.search;
-        var fragment = window.location.hash;
+        // Single Page Apps for GitHub Pages
+        // MIT License
+        // https://github.com/rafgraph/spa-github-pages
+        // This script takes the current url and converts the path and query
+        // string into just a query string, and then redirects the browser
+        // to the new url with only a query string and hash fragment,
+        // e.g. https://www.foo.tld/one/two?a=b&c=d#qwe, becomes
+        // https://www.foo.tld/?/one/two&a=b~and~c=d#qwe
+        // Note: this 404.html file must be at least 512 bytes for it to work
+        // with Internet Explorer (it is currently > 512 bytes)
 
-        // Only redirect if not already on index.html and not a direct file request
-        if (path !== '/index.html' && !path.endsWith('.html')) {
-          window.history.replaceState(null, null, path + query + fragment);
-          window.location.replace('/index.html');
-        }
-      })();
+        // If you're creating a Project Pages site and NOT using a custom domain,
+        // then set pathSegmentsToKeep to 1 (enterprise users may need to set it to > 1).
+        // This way the code will only replace the route part of the path, and not
+        // the real directory in which the app resides, for example:
+        // https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes
+        // https://username.github.io/repo-name/?/one/two&a=b~and~c=d#qwe
+        // Otherwise, leave pathSegmentsToKeep as 0.
+        var pathSegmentsToKeep = 0;
+
+        var l = window.location;
+        l.replace(
+            l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
+            l.pathname.split('/').slice(0, 1 + pathSegmentsToKeep).join('/') + '/?/' +
+            l.pathname.slice(1).split('/').slice(pathSegmentsToKeep).join('/').replace(/&/g, '~and~') +
+            (l.search ? '&' + l.search.slice(1).replace(/&/g, '~and~') : '') +
+            l.hash
+        );
     </script>
   </head>
   <body>
diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -33,7 +33,7 @@ const Footer = () => {
               <Link to="/logs" className="text-primary-400 hover:text-white transition-colors" onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}>Logs</Link>
             </div>
             <p className="text-sm text-gray-500">
-              &copy; {new Date().getFullYear()} fezcode. All rights reserved.
+              &copy; {new Date().getFullYear()} fezcode. All rights reserved. <code> v0.0.1 </code>
             </p>
           </div>
         </div>
