attogram · attogram · Sep 17, 2025 · Sep 17, 2025
diff --git a/docs/features/browser-apis.html b/docs/features/browser-apis.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Browser API Demos - Getting Interactive with GitHub Pages</title>

diff --git a/docs/features/clipboard.html b/docs/features/clipboard.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Clipboard Interaction - Getting Interactive with GitHub Pages</title>

diff --git a/docs/features/drag-drop.html b/docs/features/drag-drop.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Drag and Drop UI - Getting Interactive with GitHub Pages</title>

diff --git a/docs/features/filter-search.html b/docs/features/filter-search.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>

diff --git a/docs/features/forms.html b/docs/features/forms.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Forms Without Servers - Getting Interactive with GitHub Pages</title>

diff --git a/docs/features/json-viewer.html b/docs/features/json-viewer.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>

diff --git a/docs/features/live-js-runner.html b/docs/features/live-js-runner.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>

diff --git a/docs/features/markdown-converter.html b/docs/features/markdown-converter.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>

diff --git a/docs/features/mermaid-diagrams.html b/docs/features/mermaid-diagrams.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>

diff --git a/docs/features/notes-app.html b/docs/features/notes-app.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Persistent Notes App - Getting Interactive with GitHub Pages</title>

diff --git a/docs/features/page-state.html b/docs/features/page-state.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Page State Memory - Getting Interactive with GitHub Pages</title>

diff --git a/docs/features/spa-routing.html b/docs/features/spa-routing.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>

diff --git a/docs/features/theme-switcher.html b/docs/features/theme-switcher.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>

diff --git a/docs/games/clicker.html b/docs/games/clicker.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Clicker Game - Games</title>

diff --git a/docs/games/drag-drop-puzzle.html b/docs/games/drag-drop-puzzle.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Drag and Drop Puzzle - Games</title>

diff --git a/docs/games/index.html b/docs/games/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Games - Getting Interactive with GitHub Pages</title>

diff --git a/docs/games/maze.html b/docs/games/maze.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Maze Navigation - Games</title>

diff --git a/docs/games/memory-match.html b/docs/games/memory-match.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Memory Match - Games</title>

diff --git a/docs/games/number-guessing.html b/docs/games/number-guessing.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Number Guessing Game - Games</title>

diff --git a/docs/games/rock-paper-scissors.html b/docs/games/rock-paper-scissors.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Rock, Paper, Scissors - Games</title>

diff --git a/docs/games/simon-says.html b/docs/games/simon-says.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Simon Says - Games</title>

diff --git a/docs/games/tic-tac-toe.html b/docs/games/tic-tac-toe.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Tic Tac Toe - Games</title>

diff --git a/docs/games/typing-speed.html b/docs/games/typing-speed.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Typing Speed Test - Games</title>

diff --git a/docs/games/wordle.html b/docs/games/wordle.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Wordle Clone - Games</title>

diff --git a/docs/guides/best-practices.html b/docs/guides/best-practices.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Best Practices - Getting Interactive with GitHub Pages</title>

diff --git a/docs/guides/markdown-usage.html b/docs/guides/markdown-usage.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Markdown Usage - Getting Interactive with GitHub Pages</title>

diff --git a/docs/guides/resources.html b/docs/guides/resources.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Resources - Getting Interactive with GitHub Pages</title>

diff --git a/docs/index.html b/docs/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Getting Interactive with GitHub Pages</title>

diff --git a/docs/script.js b/docs/script.js
@@ -57,9 +57,9 @@ document.addEventListener("DOMContentLoaded", () => {
   const initializePage = async () => {
     // Define components to load
     const components = [
-      { url: "/header.html", id: "main-header" },
-      { url: "/nav.html", id: "main-nav" },
-      { url: "/footer.html", id: "main-footer" },
+      { url: "header.html", id: "main-header" },
+      { url: "nav.html", id: "main-nav" },
+      { url: "footer.html", id: "main-footer" },
     ];
 
     // Load all components in parallel

diff --git a/docs/tools/tech-tools.html b/docs/tools/tech-tools.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <base href="/static-magic/">
+    <base href="/static-magic/" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Tech Tools - Getting Interactive with GitHub Pages</title>