Merge pull request #37 from ethmarks/absurl

use baseURL in header and footer

Author: ethmarks

content/posts/mfm.md

@@ -38,7 +38,7 @@ I'm pretty sure that I'll be adding more features at some point in the future, s
 For example, the following Markdown...
 
 ```markdown
-![[Test]](https://ethmarks.github.io)
+![[Test]](https://example.com)
 ```
 
 ...parses into the following HTML.
@@ -47,7 +47,7 @@ For example, the following Markdown...
 <iframe
     scrolling="no"
     title="Test"
-    src="https://ethmarks.github.io"
+    src="https://example.com"
     frameborder="no"
     loading="lazy"
     allowtransparency="true"
@@ -72,15 +72,15 @@ If the file extension of the media src is an [MP4](https://en.wikipedia.org/wiki
 The default behavior is for it to be parsed into a video element that does not loop, is not muted, and requires user input to start playback. For example, the following Markdown...
 
 ```markdown
-![Test](https://ethmarks.github.io/media/example.webm)
+![Test](https://example.com/media/example.webm)
 ```
 
 ...parses into the following HTML.
 
 ```html
 <video
     class="video"
-    src="https://ethmarks.github.io/media/example.webm"
+    src="https://example.com/media/example.webm"
     controls
     alt="Test">
 </video>
@@ -91,15 +91,15 @@ The default behavior is for it to be parsed into a video element that does not l
 The MFM animation syntax is an override of the video syntax. The difference is that the text in the square brackets is prefixed with "GIF ". The "GIF" prefix will be removed from the final alt text. It is then parsed into a video element that loops, is muted, and autoplays. For example, the following Markdown...
 
 ```markdown
-![GIF Test](https://ethmarks.github.io/media/example.webm)
+![GIF Test](https://example.com/media/example.webm)
 ```
 
 ...parses into the following HTML.
 
 ```html
 <video
     class="gif"
-    src="https://ethmarks.github.io/media/example.webm"
+    src="https://example.com/media/example.webm"
     autoplay
     loop
     muted

layouts/partials/footer.html

@@ -2,7 +2,7 @@
     <span id="source">
         <a href="https://github.com/ethmarks/ethmarks.github.io" id="sourcelink" target="_blank">Website Source</a>
     </span>
-    <span id="copyright"><a href="/about/">Ethan Marks</a>, &copy;2025</span>
+    <span id="copyright"><a href="{{ "/about/" | absURL }}">Ethan Marks</a>, &copy;2025</span>
     <span id="email">
         <a href="mailto:ethmarks.dev@gmail.com" target="_blank">Contact</a>
     </span>

layouts/partials/header.html

@@ -1,10 +1,10 @@
 <header>
-    <a href="/" id="title" tabindex="0" aria-label="Home">Ethan Marks</a>
+    <a href="{{ "/" | absURL }}" id="title" tabindex="0" aria-label="Home">Ethan Marks</a>
     <nav>
-        <a id="nav-home" class="staggered{{ if .IsHome }} active{{ end }}" href="/">Home</a>
-        <a id="nav-about" class="staggered{{ if eq .Section "about" }} active{{ end }}" href="/about/">About</a>
-        <a id="nav-posts" class="staggered{{ if eq .Section "posts" }} active{{ end }}" href="/posts/">Posts</a>
+        <a id="nav-home" class="staggered{{ if .IsHome }} active{{ end }}" href="{{ "/" | absURL }}">Home</a>
+        <a id="nav-about" class="staggered{{ if eq .Section "about" }} active{{ end }}" href="{{ "/about/" | absURL }}">About</a>
+        <a id="nav-posts" class="staggered{{ if eq .Section "posts" }} active{{ end }}" href="{{ "/posts/" | absURL }}">Posts</a>
         <a id="nav-blips" class="staggered" href="https://ethmarks.github.io/blips/">Blips</a>
-        <a id="nav-projects" class="staggered{{ if eq .RelPermalink "/tags/projects/" }} active{{ end }}" href="/tags/projects/">Projects</a>
+        <a id="nav-projects" class="staggered{{ if eq .RelPermalink "/tags/projects/" }} active{{ end }}" href="{{ "/tags/projects/" | absURL }}">Projects</a>
     </nav>
 </header>