From 736ecc9a718cc6a67d41b761574355d16b6afbdf Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 5 Nov 2025 14:37:04 +0000
Subject: [PATCH] Fix relative paths for GitHub Pages subdirectory deployment

- Change all absolute paths to relative in HTML files
- Fix style.css links from /style.css to ./style.css
- Fix navigation links to use relative paths
- Fix car-jaune.zip path in demo.ts from / to ./
- Ensures links work correctly when deployed to GitHub Pages subdirectory
---
 website/demo.html  | 6 +++---
 website/demo.ts    | 4 ++--
 website/index.html | 8 ++++----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/website/demo.html b/website/demo.html
index 3551b22..c913540 100644
--- a/website/demo.html
+++ b/website/demo.html
@@ -4,15 +4,15 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Demo - gtfs-sqljs</title>
-  <link rel="stylesheet" href="/style.css">
+  <link rel="stylesheet" href="./style.css">
 </head>
 <body>
   <nav class="navbar">
     <div class="container">
       <h1 class="logo">gtfs-sqljs</h1>
       <ul class="nav-links">
-        <li><a href="/">Documentation</a></li>
-        <li><a href="/demo.html" class="active">Demo</a></li>
+        <li><a href="./index.html">Documentation</a></li>
+        <li><a href="./demo.html" class="active">Demo</a></li>
         <li><a href="https://github.com/sysdevrun/gtfs-sqljs" target="_blank">GitHub</a></li>
       </ul>
     </div>
diff --git a/website/demo.ts b/website/demo.ts
index 72c1b01..37d3997 100644
--- a/website/demo.ts
+++ b/website/demo.ts
@@ -16,8 +16,8 @@ async function init() {
       locateFile: (filename) => `https://sql.js.org/dist/${filename}`
     });
 
-    // Load GTFS data
-    gtfs = await GtfsSqlJs.fromZip('/car-jaune.zip', { SQL });
+    // Load GTFS data (Vite will resolve this from public folder)
+    gtfs = await GtfsSqlJs.fromZip('./car-jaune.zip', { SQL });
 
     // Hide loading, show content
     loadingEl.style.display = 'none';
diff --git a/website/index.html b/website/index.html
index b10fa23..b18171c 100644
--- a/website/index.html
+++ b/website/index.html
@@ -4,15 +4,15 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>gtfs-sqljs - GTFS Data with SQL.js</title>
-  <link rel="stylesheet" href="/style.css">
+  <link rel="stylesheet" href="./style.css">
 </head>
 <body>
   <nav class="navbar">
     <div class="container">
       <h1 class="logo">gtfs-sqljs</h1>
       <ul class="nav-links">
-        <li><a href="/">Documentation</a></li>
-        <li><a href="/demo.html">Demo</a></li>
+        <li><a href="./index.html">Documentation</a></li>
+        <li><a href="./demo.html">Demo</a></li>
         <li><a href="https://github.com/sysdevrun/gtfs-sqljs" target="_blank">GitHub</a></li>
       </ul>
     </div>
@@ -23,7 +23,7 @@ <h1 class="logo">gtfs-sqljs</h1>
       <h1>gtfs-sqljs</h1>
       <p class="subtitle">Load GTFS data into sql.js SQLite database for querying in browser and Node.js</p>
       <div class="hero-buttons">
-        <a href="/demo.html" class="button button-primary">Try Demo</a>
+        <a href="./demo.html" class="button button-primary">Try Demo</a>
         <a href="https://github.com/sysdevrun/gtfs-sqljs" class="button button-secondary">View on GitHub</a>
       </div>
     </section>