fix: about and posts links now work when site is hosted

My favourite kind of fix, just cheat! These relative links can't break the way that they did anymore if the template is in the same directory as all the other files that link to one another.
chrisnewtn · Feb 20, 2024 · af81768 · af81768
1 parent 72728a7
commit af81768
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/pages/posts/2024-01-27-posts.md b/pages/posts/2024-01-27-posts.md
@@ -2,7 +2,7 @@
 title: Posts!
 date-published: 2024-01-27
 draft: true
-template: ../../templates/post.html
+template: post.template.html
 tags:
   - blog
 ---

diff --git a/templates/post.html → pages/posts/post.template.html b/templates/post.html → pages/posts/post.template.html
@@ -4,24 +4,24 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title></title>
-  <link rel="stylesheet" href="../pages/style.css">
-  <link rel="stylesheet" href="../pages/posts.css">
+  <link rel="stylesheet" href="../style.css">
+  <link rel="stylesheet" href="../posts.css">
 </head>
 <body>
   <header class="site-wide">
     <div class="banner">
       <h1 class="logo">Chris Newton</h1>
       <a href="https://github.com/chrisnewtn" rel="me">
         <picture class="social">
-          <source srcset="../pages/assets/github-mark-white.svg" media="(prefers-color-scheme: dark)">
-          <img src="../pages/assets/github-mark.svg" alt="The GitHub Octocat logo">
+          <source srcset="../assets/github-mark-white.svg" media="(prefers-color-scheme: dark)">
+          <img src="../assets/github-mark.svg" alt="The GitHub Octocat logo">
         </picture>
       </a>
     </div>
     <nav>
       <ul>
-        <li><a href="../public/index.html">About</a></li>
-        <li><a href="../public/posts/index.html">Posts</a></li>
+        <li><a href="../index.html">About</a></li>
+        <li><a href="index.html">Posts</a></li>
       </ul>
     </nav>
   </header>