Setup routing to work with Github Pages

jsardello · jsardello · commit 2e373e141d8c · 2025-08-04T13:37:38.000-05:00
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -1,6 +1,6 @@
 ---
 ---
 <div class="nav-links">
-    <a href="/">Home</a>
-    <a href="/blog/">Blog</a>
+    <a href="/Worldbuilding-Wiki">Home</a>
+    <a href="/Worldbuilding-Wiki/blog/">Blog</a>
 </div>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -14,6 +14,6 @@ const { pageTitle } = Astro.props;
 <body>
 <Header />
 <h1>{pageTitle}</h1>
-<slot
+<slot />
 </body>
 </html>
diff --git a/src/layouts/MarkdownPostLayout.astro b/src/layouts/MarkdownPostLayout.astro
@@ -1,9 +1,11 @@
 ---
 import '../styles/global.css';
+import Navigation from '../components/Navigation.astro';
 
 const { frontmatter } = Astro.props;
 ---
 <meta charset="utf-8" />
+<Navigation />
 <h1>{frontmatter.title}</h1>
 <p>Published on: {frontmatter.pubDate.toString().slice(0,10)}</p>
 <p>Written by {frontmatter.author}</p>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
@@ -11,7 +11,7 @@ const pageTitle = "Blog";
 <p>I think this would be a good place to comment on different world building tidbits that I enjoy. I can muse on topics in a longer format or maybe even drop a book review here and there.</p>
 
 <ul>
-    <li><a href="/posts/tidbit-1/">Tidbit 1 - My First Blogpost</a></li>
+    <li><a href="/Worldbuilding-Wiki/posts/tidbit-1/">Tidbit 1 - My First Blogpost</a></li>
 </ul>
 </body>
 </BaseLayout>
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -5,15 +5,15 @@ html {
 
 @font-face {
     font-family: 'Spectral';
-    src: url('/fonts/Spectral-Regular.ttf') format('truetype');
+    src: url('/Worldbuilding-Wiki/fonts/Spectral-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'League Gothic Condensed';
-    src: url('/fonts/Oswald-Bold.ttf') format('truetype');
+    src: url('/Worldbuilding-Wiki/fonts/Oswald-Bold.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
