Fix

Author: NellowTCS

Build/index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>LRCGetter</title>
-  <link rel="stylesheet" href="/styles/styles.css">
+  <link rel="stylesheet" href="./styles/styles.css">
   <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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
@@ -17,9 +17,9 @@
       <div class="logo">
         <img
           id="logo-img"
-          src="/source-image-no-background-light.svg"
-          data-logo-light="/source-image-no-background-light.svg"
-          data-logo-dark="/source-image-no-background-dark.svg"
+          src="./source-image-no-background-light.svg"
+          data-logo-light="./source-image-no-background-light.svg"
+          data-logo-dark="./source-image-no-background-dark.svg"
           alt="LRCGetter Logo"
           width="32"
           height="32"
@@ -200,6 +200,6 @@ <h3>Proof of Work Challenge</h3>
     </footer>
   </div>
 
-  <script type="module" src="/src/main.js"></script>
+  <script type="module" src="./src/main.js"></script>
 </body>
 </html>

Build/vite.config.mjs

@@ -3,6 +3,7 @@ import { defineConfig } from "vite";
 import { VitePWA } from 'vite-plugin-pwa';
 
 export default defineConfig({
+  base: '/LRCGetter/',
   plugins: [
     VitePWA({
       registerType: 'autoUpdate',