quic fix

retz8 · retz8 · commit 3d3e1f8add5a · 2025-05-09T19:11:34.000-04:00
diff --git a/public/404.html b/public/404.html
@@ -1,11 +1,30 @@
-<script type="text/javascript">
-  (function () {
-    // Get the current path
-    var path = window.location.pathname;
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/alabat.svg" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Bytesized&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+      rel="stylesheet"
+    />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Jioh In</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+  <script type="text/javascript">
+    (function () {
+      // Get the current path
+      var path = window.location.pathname;
 
-    // If the path is not root, redirect to the same path but with an anchor
-    if (path !== "/" && !path.includes("index.html")) {
-      window.location.replace(window.location.origin + "/#" + path);
-    }
-  })();
-</script>
+      // If the path is not root, redirect to the same path but with an anchor
+      if (path !== "/" && !path.includes("index.html")) {
+        window.location.replace(window.location.origin + "/#" + path);
+      }
+    })();
+  </script>
+</html>
diff --git a/src/App.tsx b/src/App.tsx
@@ -4,7 +4,7 @@
 
 import "./App.css";
 
-import { BrowserRouter, Route, Routes } from "react-router-dom";
+import { HashRouter as Router, Route, Routes } from "react-router-dom";
 import { ThemeProvider } from "@/components/ThemeProvider";
 
 // Pages
@@ -15,13 +15,13 @@ import CookPage from "@/domains/cook/CookPage";
 export default function App() {
   return (
     <ThemeProvider defaultTheme="light" storageKey="vite-ui-theme">
-      <BrowserRouter>
+      <Router>
         <Routes>
           <Route path="/" element={<PortfolioPage />} />
           <Route path="/blog" element={<BlogPage />} />
           <Route path="/cook" element={<CookPage />} />
         </Routes>
-      </BrowserRouter>
+      </Router>
     </ThemeProvider>
   );
 }
