Fix paths for GitHub Pages - use relative paths

SyntaxSidekick · SyntaxSidekick · commit f6bbcd25edf8 · 2026-01-14T00:47:33.000-06:00
diff --git a/index.html b/index.html
@@ -4,8 +4,8 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
     <title>Stream Deck Icon Generator</title>
-    <link rel="stylesheet" href="/src/styles/base.css" />
-    <link rel="stylesheet" href="/src/styles/modal.css" />
+    <link rel="stylesheet" href="./src/styles/base.css" />
+    <link rel="stylesheet" href="./src/styles/modal.css" />
   </head>
 
   <body>
@@ -391,7 +391,7 @@ <h3 id="iconModalTitle">Select Icon</h3>
               role="searchbox"
             />
             <span class="help" id="iconModalDescription" aria-live="polite"
-              >Loaded from <code>/icons/fontawesome/index.json</code></span
+              >Loaded from <code>public/icons/fontawesome/index.json</code></span
             >
           </div>
 
@@ -405,6 +405,6 @@ <h3 id="iconModalTitle">Select Icon</h3>
       </div>
     </div>
 
-    <script type="module" src="/src/js/app.js"></script>
+    <script type="module" src="./src/js/app.js"></script>
   </body>
 </html>
diff --git a/src/js/icons.js b/src/js/icons.js
@@ -1,7 +1,7 @@
 import { state } from "./state.js";
 import { renderAll, setSelectedIcon } from "./ui.js";
 
-const ICON_BASE = "/public/icons/fontawesome";
+const ICON_BASE = "./public/icons/fontawesome";
 
 // SVG cache to prevent re-fetching
 const svgCache = new Map();
