Avoid hardcoded paths

klieret · klieret · commit c371e303507c · 2025-08-05T13:39:01.000-04:00
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -4,12 +4,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ .Title }} - {{ .Site.Title }}</title>
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="{{ "css/style.css" | relURL }}">
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📊</text></svg>">
 </head>
 <body>
     <div id="app">
         {{ block "main" . }}{{ end }}
     </div>
-    <script src="/js/trajectory-viewer.js"></script>
+    <script src="{{ "js/trajectory-viewer.js" | relURL }}"></script>
 </body>
 </html>
diff --git a/static/js/trajectory-viewer.js b/static/js/trajectory-viewer.js
@@ -147,7 +147,7 @@ class TrajectoryViewer {
         const foundInstances = [];
         
         for (const instanceName of instancePatterns) {
-            const trajPath = `/data/${experimentName}/${instanceName}/${instanceName}.traj.json`;
+            const trajPath = `data/${experimentName}/${instanceName}/${instanceName}.traj.json`;
             
             try {
                 const response = await fetch(trajPath, { method: 'HEAD' });
@@ -384,7 +384,7 @@ class TrajectoryViewer {
         loadingIndicator.style.display = 'block';
         
         try {
-            const trajPath = `/data/${this.currentExperiment.name}/${this.currentInstance}/${this.currentInstance}.traj.json`;
+            const trajPath = `data/${this.currentExperiment.name}/${this.currentInstance}/${this.currentInstance}.traj.json`;
             const response = await fetch(trajPath);
             
             if (!response.ok) {
@@ -400,7 +400,7 @@ class TrajectoryViewer {
                 <div class="error">
                     <p><strong>Error loading trajectory data:</strong></p>
                     <p>${error.message}</p>
-                    <p>Path: /data/${this.currentExperiment.name}/${this.currentInstance}/${this.currentInstance}.traj.json</p>
+                    <p>Path: data/${this.currentExperiment.name}/${this.currentInstance}/${this.currentInstance}.traj.json</p>
                 </div>
             `;
         } finally {
