fix 404.html attempt 5

fezcode · fezcode · commit 968b2c9f3de7 · 2025-10-16T04:25:39.000+03:00
diff --git a/public/404.html b/public/404.html
@@ -4,34 +4,24 @@
     <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 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)
+      // 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;
 
-        // 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
-        );
+        // 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');
+        }
+      })();
     </script>
   </head>
   <body>
diff --git a/src/App.js b/src/App.js
@@ -5,7 +5,7 @@ import AnimatedRoutes from './components/AnimatedRoutes';
 
 function App() {
   return (
-    <Router>
+    <Router basename="/">
       <Layout>
         <AnimatedRoutes />
       </Layout>
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. <code> v0.0.1 </code>
+              &copy; {new Date().getFullYear()} fezcode. All rights reserved. <code> v0.0.2 </code>
             </p>
           </div>
         </div>
