Fix: Add site config for Astro.site

Author: ansantam

astro.config.mjs

@@ -2,5 +2,6 @@ import { defineConfig } from 'astro/config';
 
 export default defineConfig({
   output: 'static',
-  base: '/',  // root — because it's an org/user GitHub Pages site
+  base: '/',  // correct for your case
+  site: 'https://malapa-collab.github.io/',  // <-- this is key
 });

src/components/Navbar.astro

@@ -1,7 +1,11 @@
+---
+const base = Astro.site?.pathname || '/';
+---
+
 <nav class="flex gap-6 p-4 border-b border-gray-300 text-sm">
-  <a href="/" class="hover:underline">Home</a>
-  <a href="/mission" class="hover:underline">Mission</a>
-  <a href="/workshops" class="hover:underline">Workshops</a>
-  <a href="/publications" class="hover:underline">Publications</a>
-  <a href="/contact" class="hover:underline">Contact</a>
-</nav>
+  <a href="{base}" class="hover:underline">Home</a>
+  <a href="{base}mission/" class="hover:underline">Mission</a>
+  <a href="{base}workshops/" class="hover:underline">Workshops</a>
+  <a href="{base}publications/" class="hover:underline">Publications</a>
+  <a href="{base}contact/" class="hover:underline">Contact</a>
+</nav>

src/layouts/BaseLayout.astro

@@ -15,4 +15,4 @@ const { title } = Astro.props;
       <slot />
     </main>
   </body>
-</html>
+</html>

src/layouts/Layout.astro

@@ -3,6 +3,6 @@ import BaseLayout from '../layouts/BaseLayout.astro';
 ---
 
 <BaseLayout title="Home">
-  <h1 class="text-3xl font-bold mb-4">Welcome to Our Collaboration</h1>
+  <h1 class="text-3xl font-bold mb-4">Welcome to MALAPA Collaboration</h1>
   <p>This is an international academic collaboration focused on ...</p>
-</BaseLayout>
+</BaseLayout>

src/pages/index.astro

@@ -5,7 +5,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
 <BaseLayout title="Publications">
   <h1 class="text-2xl font-bold mb-4">Publications</h1>
   <ul class="list-disc ml-6">
-    <li>Author1, Author2. *Title*. Journal, Year.</li>
-    <li>Author1, Author2. *Title*. Journal, Year.</li>
+    <li>Author1, Author2. <em>Title</em>. Journal, Year.</li>
+    <li>Author1, Author2. <em>Title</em>. Journal, Year.</li>
   </ul>
 </BaseLayout>

src/pages/publications.astro

@@ -7,6 +7,6 @@ import BaseLayout from '../layouts/BaseLayout.astro';
   <ul class="list-disc ml-6">
     <li>Workshop 1 — Month, Year — Location</li>
     <li>Workshop 2 — Month, Year — Location</li>
-    <li>Workshop 5 — April, 2025 — CERN, Geneva</li>
+    <li>Workshop 3 — Month, Year — Location</li>
   </ul>
 </BaseLayout>