fix link to stylesheet to not rely on base

dylansdaniels · Dec 13, 2024 · 05253b6 · 05253b6
1 parent 5a976e5
commit 05253b6
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 4 deletions.
diff --git a/build.py b/build.py
@@ -97,9 +97,27 @@ def generate_page_html(page_paths):
         # change file extension for page
         page = page.split(".md")[0] + ".html"
 
+        # get relative path to the stylesheet
+        css_path = os.path.join(
+            os.getcwd(),
+            "content",
+            "assets",
+            "styles.css"
+        )
+        relative_css_path = os.path.relpath(
+            css_path,
+            start=out_path
+        )
+
         # combine path and page
         out_path = out_path + page
 
+        # Update header with the relative stylesheet path
+        page_components['header'] = page_components['header'].replace(
+            '<link rel="stylesheet" href="styles.css">',
+            f'<link rel="stylesheet" href="{relative_css_path}">'
+        )
+
         # use pypandoc to convert md to html
         try:
             converted = pypandoc.convert_file(path, 'html')

diff --git a/content/01_under_the_hood/cortical_column_structure.html b/content/01_under_the_hood/cortical_column_structure.html
@@ -6,7 +6,7 @@
     <title>HNN Textbook</title>
     <!-- <base href="/website_redesign/"> -->
     <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="../assets/styles.css">
 </head>
 <body>
 

diff --git a/content/01_under_the_hood/primary_electric_currents.html b/content/01_under_the_hood/primary_electric_currents.html
@@ -6,7 +6,7 @@
     <title>HNN Textbook</title>
     <!-- <base href="/website_redesign/"> -->
     <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="../assets/styles.css">
 </head>
 <body>
 

diff --git a/content/02_simulating_erps/overview_of_erps.html b/content/02_simulating_erps/overview_of_erps.html
@@ -6,7 +6,7 @@
     <title>HNN Textbook</title>
     <!-- <base href="/website_redesign/"> -->
     <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="../assets/styles.css">
 </head>
 <body>
 

diff --git a/content/preface.html b/content/preface.html
@@ -6,7 +6,7 @@
     <title>HNN Textbook</title>
     <!-- <base href="/website_redesign/"> -->
     <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="assets/styles.css">
 </head>
 <body>