fix github pages deploy?

Author: ysims

src/assets/markdown/cv.md

@@ -72,4 +72,4 @@ T. O'Brien, Y. Sims, Australasian Conference on Robotics and Automation (ACRA),
 
 ---
 
-[Download Full CV (PDF)](/Curriculum_Vitae.pdf)
+[Download Full CV (PDF)](./Curriculum_Vitae.pdf)

src/main.js

@@ -1,5 +1,16 @@
 import { marked } from 'marked';
 
+// Bundle markdown and image assets so production does not rely on /src fetch paths.
+const markdownLoaders = import.meta.glob('/src/assets/markdown/**/*.md', {
+    query: '?raw',
+    import: 'default'
+});
+
+const imageAssets = import.meta.glob('/src/assets/images/*', {
+    eager: true,
+    import: 'default'
+});
+
 // DOM elements
 const pageNavs = document.querySelectorAll('.page-nav');
 const contentBox = document.getElementById('contentBox');
@@ -15,6 +26,25 @@ const projectSlugs = ['soccer-robots', 'anuran-calls', 'gen-zsl'];
 // Project data loaded from markdown
 let projects = [];
 
+function getMarkdownLoader(path) {
+    return markdownLoaders[path] || null;
+}
+
+function resolveImagePath(path) {
+    if (!path) return '';
+    if (/^(https?:)?\/\//.test(path)) return path;
+    const normalized = path.startsWith('/') ? path : `/${path}`;
+    return imageAssets[normalized] || path;
+}
+
+async function loadMarkdownFile(path) {
+    const loader = getMarkdownLoader(path);
+    if (!loader) {
+        throw new Error(`Markdown asset not found: ${path}`);
+    }
+    return loader();
+}
+
 // Parse frontmatter from markdown
 function parseFrontmatter(markdown) {
     const lines = markdown.split('\n');
@@ -36,15 +66,14 @@ function parseFrontmatter(markdown) {
 // Load all project metadata
 async function loadProjectMetadata() {
     const projectPromises = projectSlugs.map(slug => 
-        fetch(`/src/assets/markdown/projects/${slug}.md`)
-            .then(response => response.text())
+        loadMarkdownFile(`/src/assets/markdown/projects/${slug}.md`)
             .then(markdown => {
                 const frontmatter = parseFrontmatter(markdown);
                 return {
                     slug: slug,
                     title: frontmatter.title || slug,
                     description: frontmatter.description || '',
-                    image: frontmatter.image || '',
+                    image: resolveImagePath(frontmatter.image || ''),
                     attribution: frontmatter.attribution || '',
                     order: parseInt(frontmatter.order) || 0
                 };
@@ -89,11 +118,7 @@ function loadMarkdown(page) {
     const contentDiv = document.getElementById(page + '-content');
     if (!markdownPaths[page] || !contentDiv) return;
 
-    fetch(markdownPaths[page])
-        .then(response => {
-            if (!response.ok) throw new Error('Network response was not ok');
-            return response.text();
-        })
+    loadMarkdownFile(markdownPaths[page])
         .then(md => {
             const targetDiv = page === 'cv' ? 
                 contentDiv.querySelector('#cv-markdown') : 
@@ -159,11 +184,7 @@ function loadProjectDetail(slug) {
         contentBox.classList.add('expanded');
 
         // Load project markdown
-        fetch(`/src/assets/markdown/projects/${slug}.md`)
-            .then(response => {
-                if (!response.ok) throw new Error('Network response was not ok');
-                return response.text();
-            })
+        loadMarkdownFile(`/src/assets/markdown/projects/${slug}.md`)
             .then(markdown => {
                 // Parse frontmatter and content
                 const lines = markdown.split('\n');
@@ -186,9 +207,10 @@ function loadProjectDetail(slug) {
                 const content = lines.slice(contentStart).join('\n');
                 const project = projects.find(p => p.slug === slug);
 
-                const imageHtml = frontmatter.image ? `
+                const imageUrl = resolveImagePath(frontmatter.image || project?.image || '');
+                const imageHtml = imageUrl ? `
                     <div class="project-detail-image-container">
-                        <img src="${frontmatter.image}" alt="${frontmatter.title || project?.title || 'Project'}" class="project-detail-image">
+                        <img src="${imageUrl}" alt="${frontmatter.title || project?.title || 'Project'}" class="project-detail-image">
                         ${frontmatter.attribution ? `<p class="image-attribution">Image: ${frontmatter.attribution}</p>` : ''}
                     </div>
                 ` : '';

vite.config.js

@@ -1,5 +1,9 @@
 import { defineConfig } from 'vite'
 
+const repoName = process.env.GITHUB_REPOSITORY?.split('/')[1]
+const isGitHubActions = process.env.GITHUB_ACTIONS === 'true'
+const isUserOrOrgPagesRepo = repoName?.endsWith('.github.io')
+
 export default defineConfig({
-  base: '/',
+  base: isGitHubActions && repoName && !isUserOrOrgPagesRepo ? `/${repoName}/` : '/',
 })