7

package.json

@@ -1,12 +1,11 @@
 {
   "name": "mariu",
   "private": true,
-  "homepage": "http://marielWebPage.github.io",
   "version": "0.0.0",
   "type": "module",
   "scripts": {
     "predeploy": "npm run build",
-    "deploy": "gh-pages -d build",
+    "deploy": "gh-pages -d dist",
     "dev": "vite",
     "build": "vite build",
     "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",

src/App.jsx

@@ -9,8 +9,14 @@ function App() {
     <>
       <BrowserRouter>
         <Routes>
-          <Route index element={<Home></Home>}></Route>
-          <Route path="/panes" element={<Panes></Panes>}></Route>
+          <Route
+            path="/marielWebPage.github.io"
+            element={<Home></Home>}
+          ></Route>
+          <Route
+            path="/marielWebPage.github.io/panes"
+            element={<Panes></Panes>}
+          ></Route>
         </Routes>
       </BrowserRouter>
     </>

src/components/Header.jsx

@@ -5,7 +5,7 @@ import { NavLink, useLocation } from "react-router-dom";
 function Header() {
   const [menu, setMenu] = useState(true);
   const location = useLocation();
-
+  console.log(location);
   useEffect(() => {
     const handleResize = () => {
       const width = window.innerWidth;
@@ -66,7 +66,9 @@ function Header() {
             <li>
               <NavLink
                 className={
-                  location.pathname !== "/panes" ? "menuNav" : "activated"
+                  location.pathname !== "/marielWebPage.github.io/panes"
+                    ? "menuNav"
+                    : "activated"
                 }
                 to="/panes"
               >
@@ -75,7 +77,11 @@ function Header() {
             </li>
             <li>
               <NavLink
-                className={location.pathname !== "/" ? "menuNav" : "activated"}
+                className={
+                  location.pathname !== "/marielWebPage.github.io"
+                    ? "menuNav"
+                    : "activated"
+                }
                 to="/"
               >
                 Menu

vite.config.js

@@ -1,7 +1,8 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-})
+  base: "http://bobgus39.github.io/marielWebPage.github.io",
+});