Skip to content

Fix: Use Relative Paths for Assets and Components #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
attogram merged 1 commit into from
Sep 16, 2025
Merged

Fix: Use Relative Paths for Assets and Components #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions docs/features/browser-apis.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<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>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
</head>
<body>
<header id="main-header"></header>
Expand Down Expand Up @@ -111,7 +111,7 @@ <h4>Code</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
// Geolocation
const geoBtn = document.getElementById("geo-btn");
Expand Down
4 changes: 2 additions & 2 deletions docs/features/clipboard.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Clipboard Interaction - Getting Interactive with GitHub Pages</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<style>
#copy-text {
width: 100%;
Expand Down Expand Up @@ -99,7 +99,7 @@ <h4>JavaScript</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const copyText = document.getElementById("copy-text");
const copyBtn = document.getElementById("copy-btn");
Expand Down
4 changes: 2 additions & 2 deletions docs/features/drag-drop.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<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>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<style>
.drop-lanes {
display: flex;
Expand Down Expand Up @@ -142,7 +142,7 @@ <h4>JavaScript</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const draggables = document.querySelectorAll(".draggable");
const lanes = document.querySelectorAll(".lane");
Expand Down
4 changes: 2 additions & 2 deletions docs/features/filter-search.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<title>
Filterable Lists & Search - Getting Interactive with GitHub Pages
</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<style>
#search-input {
width: 100%;
Expand Down Expand Up @@ -109,7 +109,7 @@ <h4>JavaScript</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const searchInput = document.getElementById("search-input");
const itemList = document.getElementById("item-list");
Expand Down
4 changes: 2 additions & 2 deletions docs/features/forms.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<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>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
</head>
<body>
<header id="main-header"></header>
Expand Down Expand Up @@ -101,7 +101,7 @@ <h4>JavaScript</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const form = document.getElementById("greeting-form");
const nameInput = document.getElementById("name-input");
Expand Down
4 changes: 2 additions & 2 deletions docs/features/json-viewer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<title>
JSON Viewer / Formatter - Getting Interactive with GitHub Pages
</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<style>
#json-input {
width: 100%;
Expand Down Expand Up @@ -138,7 +138,7 @@ <h4>JavaScript</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const jsonInput = document.getElementById("json-input");
const formatBtn = document.getElementById("format-btn");
Expand Down
4 changes: 2 additions & 2 deletions docs/features/live-js-runner.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<title>
Live JavaScript Runner - Getting Interactive with GitHub Pages
</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<style>
#js-code {
width: 100%;
Expand Down Expand Up @@ -109,7 +109,7 @@ <h4>JavaScript</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const codeArea = document.getElementById("js-code");
const runButton = document.getElementById("run-btn");
Expand Down
4 changes: 2 additions & 2 deletions docs/features/markdown-converter.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<title>
Markdown to HTML Converter - Getting Interactive with GitHub Pages
</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<style>
.converter-container {
display: flex;
Expand Down Expand Up @@ -123,7 +123,7 @@ <h4>JavaScript</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
<!-- Include Showdown.js from a CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js"></script>
<script>
Expand Down
4 changes: 2 additions & 2 deletions docs/features/mermaid-diagrams.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
Interactive Diagrams with Mermaid.js - Getting Interactive with GitHub
Pages
</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
</head>
<body>
<header id="main-header"></header>
Expand Down Expand Up @@ -116,7 +116,7 @@ <h4>JavaScript</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
<!-- Include Mermaid.js from a CDN -->
<script src="https://cdn.jsdelivr.net/npm/mermaid@9/dist/mermaid.min.js"></script>
<script>
Expand Down
4 changes: 2 additions & 2 deletions docs/features/notes-app.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<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>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<style>
#note-input {
width: 100%;
Expand Down Expand Up @@ -141,7 +141,7 @@ <h4>JavaScript</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const noteInput = document.getElementById("note-input");
const addNoteBtn = document.getElementById("add-note-btn");
Expand Down
4 changes: 2 additions & 2 deletions docs/features/page-state.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<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>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<style>
#state-form label {
display: block;
Expand Down Expand Up @@ -151,7 +151,7 @@ <h4>JavaScript</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const form = document.getElementById("state-form");
Expand Down
4 changes: 2 additions & 2 deletions docs/features/spa-routing.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<title>
Client-Side Routing (SPA-style) - Getting Interactive with GitHub Pages
</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<style>
.page-content {
display: none;
Expand Down Expand Up @@ -135,7 +135,7 @@ <h4>JavaScript</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const contentPages = document.querySelectorAll(".page-content");
Expand Down
4 changes: 2 additions & 2 deletions docs/features/theme-switcher.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<title>
Theme Switcher (Light/Dark) - Getting Interactive with GitHub Pages
</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
</head>
<body>
<header id="main-header"></header>
Expand Down Expand Up @@ -128,6 +128,6 @@ <h4>3. The JavaScript</h4>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
</body>
</html>
4 changes: 2 additions & 2 deletions docs/games/clicker.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Clicker Game - Games</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="style.css" />
<style>
.game-container {
Expand Down Expand Up @@ -119,7 +119,7 @@ <h4>The Code</h4>
</main>
<footer id="main-footer"></footer>
<button id="theme-switcher" class="btn">Dark Mode</button>
<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const scoreDisplay = document.getElementById("score");
const clickerBtn = document.getElementById("clicker-btn");
Expand Down
4 changes: 2 additions & 2 deletions docs/games/drag-drop-puzzle.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drag and Drop Puzzle - Games</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="style.css" />
<style>
.puzzle-container {
Expand Down Expand Up @@ -69,7 +69,7 @@ <h3>How it Works</h3>
</main>
<footer id="main-footer"></footer>
<button id="theme-switcher" class="btn">Dark Mode</button>
<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const piecePool = document.getElementById("piece-pool");
const puzzleBoard = document.getElementById("puzzle-board");
Expand Down
4 changes: 2 additions & 2 deletions docs/games/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Games - Getting Interactive with GitHub Pages</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
Expand Down Expand Up @@ -84,6 +84,6 @@ <h3>Wordle Clone</h3>

<button id="theme-switcher" class="btn">Dark Mode</button>

<script src="/script.js"></script>
<script src="../script.js"></script>
</body>
</html>
4 changes: 2 additions & 2 deletions docs/games/maze.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Maze Navigation - Games</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="style.css" />
<style>
.game-container {
Expand Down Expand Up @@ -67,7 +67,7 @@ <h4>The Code</h4>
</main>
<footer id="main-footer"></footer>
<button id="theme-switcher" class="btn">Dark Mode</button>
<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const mazeContainer = document.getElementById("maze-container");
const restartBtn = document.getElementById("restart-btn");
Expand Down
4 changes: 2 additions & 2 deletions docs/games/memory-match.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Memory Match - Games</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="style.css" />
<style>
.game-container {
Expand Down Expand Up @@ -105,7 +105,7 @@ <h4>The Code</h4>
</main>
<footer id="main-footer"></footer>
<button id="theme-switcher" class="btn">Dark Mode</button>
<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const gameBoard = document.getElementById("memory-game-board");
const statusDisplay = document.getElementById("game-status");
Expand Down
4 changes: 2 additions & 2 deletions docs/games/number-guessing.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Number Guessing Game - Games</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="style.css" />
<style>
.game-container {
Expand Down Expand Up @@ -73,7 +73,7 @@ <h4>The Code</h4>
</main>
<footer id="main-footer"></footer>
<button id="theme-switcher" class="btn">Dark Mode</button>
<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const guessForm = document.getElementById("guess-form");
const guessInput = document.getElementById("guess-input");
Expand Down
4 changes: 2 additions & 2 deletions docs/games/rock-paper-scissors.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Rock, Paper, Scissors - Games</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="style.css" />
<style>
.game-container {
Expand Down Expand Up @@ -69,7 +69,7 @@ <h4>The Code</h4>
</main>
<footer id="main-footer"></footer>
<button id="theme-switcher" class="btn">Dark Mode</button>
<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const choiceButtons = document.querySelectorAll(".choices button");
const resultDisplay = document.getElementById("result");
Expand Down
4 changes: 2 additions & 2 deletions docs/games/simon-says.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Simon Says - Games</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="style.css" />
<style>
.game-container {
Expand Down Expand Up @@ -73,7 +73,7 @@ <h3>How it Works</h3>
</main>
<footer id="main-footer"></footer>
<button id="theme-switcher" class="btn">Dark Mode</button>
<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const pads = document.querySelectorAll(".simon-pad");
const startBtn = document.getElementById("start-btn");
Expand Down
4 changes: 2 additions & 2 deletions docs/games/tic-tac-toe.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tic Tac Toe - Games</title>
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="style.css" />
<style>
.game-container {
Expand Down Expand Up @@ -148,7 +148,7 @@ <h4>The Code</h4>
</main>
<footer id="main-footer"></footer>
<button id="theme-switcher" class="btn">Dark Mode</button>
<script src="/script.js"></script>
<script src="../script.js"></script>
<script>
const statusDisplay = document.getElementById("game-status");
const restartBtn = document.getElementById("restart-btn");
Expand Down
Loading