Fix CSS loading by setting proper baseURL for Codespaces using environment variables

Co-authored-by: rrrutledge <9609562+rrrutledge@users.noreply.github.com>

Author: Copilot

.vscode/launch.json

@@ -3,19 +3,10 @@
     "configurations": [
         {
             "name": "Hugo Server",
-            "type": "pwa-node",
+            "type": "node-terminal",
             "request": "launch",
-            "program": "${workspaceFolder}/node_modules/.bin/hugo",
-            "args": [
-                "server",
-                "--bind=0.0.0.0",
-                "--appendPort=false",
-                "--baseURL=/",
-                "--liveReloadPort=443",
-                "-D"
-            ],
-            "console": "integratedTerminal",
-            "preLaunchTask": "Hugo: Check Environment"
+            "command": "${workspaceFolder}/.vscode/start-hugo.sh",
+            "cwd": "${workspaceFolder}"
         }
     ]
 }

.vscode/start-hugo.sh

@@ -0,0 +1,24 @@
+#!/bin/bash
+
+# Determine the base URL for Hugo server
+# In Codespaces, use the Codespaces URL; otherwise, use localhost
+
+if [ -n "$CODESPACE_NAME" ]; then
+    # Running in GitHub Codespaces
+    BASE_URL="https://${CODESPACE_NAME}-1313.${GITHUB_CODESPACES_PORT_FORWARDING_DOMAIN}"
+    echo "🚀 Starting Hugo in Codespaces mode"
+    echo "📍 Base URL: $BASE_URL"
+else
+    # Running locally
+    BASE_URL="http://localhost:1313"
+    echo "🚀 Starting Hugo in local mode"
+    echo "📍 Base URL: $BASE_URL"
+fi
+
+# Start Hugo server with the appropriate configuration
+exec hugo server \
+    --bind=0.0.0.0 \
+    --baseURL="$BASE_URL" \
+    --appendPort=false \
+    --liveReloadPort=443 \
+    -D

.vscode/tasks.json

@@ -10,6 +10,29 @@
                 "panel": "dedicated"
             },
             "problemMatcher": []
+        },
+        {
+            "label": "Hugo: Start Server",
+            "type": "shell",
+            "command": "hugo server --bind=0.0.0.0 --appendPort=false --liveReloadPort=443 -D",
+            "isBackground": true,
+            "presentation": {
+                "reveal": "always",
+                "panel": "dedicated"
+            },
+            "problemMatcher": {
+                "pattern": {
+                    "regexp": "^$",
+                    "file": 0,
+                    "location": 1,
+                    "message": 2
+                },
+                "background": {
+                    "activeOnStart": true,
+                    "beginsPattern": "^.*Building sites.*$",
+                    "endsPattern": "^.*Web Server is available.*$"
+                }
+            }
         }
     ]
 }