fix paths

src/routes/+layout.svelte

@@ -2,21 +2,22 @@
     import './global.scss'
     import { Navbar, NavbarBrand, NavbarToggler, Collapse, Nav, NavItem, NavLink, Container } from '@sveltestrap/sveltestrap'
     import '../../node_modules/bootstrap-icons/font/bootstrap-icons.css'
+    import { base } from '$app/paths'
 
     let isOpen
 </script>
 
 
 <Navbar expand="lg" container="fluid">
-    <NavbarBrand href='/'>ICON GAN</NavbarBrand>
+    <NavbarBrand href='{base}/'>ICON GAN</NavbarBrand>
     <NavbarToggler on:click={() => (isOpen = !isOpen)} />
     <Collapse expand="lg" {isOpen} navbar on:update={(event) => (isOpen = event.detail.isOpen)}>
         <Nav class="ms-auto" navbar>
             <NavItem>
-                <NavLink href='/model'>Model</NavLink>
+                <NavLink href='{base}/model'>Model</NavLink>
             </NavItem>
             <NavItem>
-                <NavLink href='/about'>About</NavLink>
+                <NavLink href='{base}/about'>About</NavLink>
             </NavItem>
             <NavItem>
                 <a class='nav-link' target="_blank" rel="noopener noreferrer" href='https://github.com/Akatuoro/icon-gan'>GitHub</a>

svelte.config.js

@@ -10,7 +10,10 @@ const config = {
 		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
 		adapter: adapter({
 			fallback: 'index.html'
-		})
+		}),
+        paths: {
+            base: process.env.NODE_ENV === 'production' ? '/icon-gan' : '',
+        }
 	}
 };