refactor: replace symbol in navbar with `hr` html tag

3 files changed, 8 insertions, 5 deletions

diff --git a/css/default.scss b/css/default.scss
index 897e305..2752a83 100644
--- a/css/default.scss
+++ b/css/default.scss
@@ -145,10 +145,6 @@ nav {
     color: $foreground-color;
   }
 
-  span {
-    color: oklch(from $foreground-color 0.45 c h);
-  }
-
   @include for-phone-only {
     margin: 0;
     margin-bottom: 0.75rem;
@@ -225,3 +221,8 @@ h1 {
     }
   }
 }
+
+hr {
+  color: oklch(from $foreground-color 0.45 c h);
+  width: 55%;
+}
diff --git a/index.html b/index.html
index 85b8b93..679f6c4 100644
--- a/index.html
+++ b/index.html
@@ -55,6 +55,8 @@ title: Hi! I'm Jamie!
   <li>Figma</li>
 </ul>
 
+<hr />
+
 <h2>Thank you for visiting!</h2>
 If you need to contact me, feel free to do so through
 <a href="https://matrix.to/#/@jvmi:matrix.org">matrix</a>, or on Discord
diff --git a/templates/default.html b/templates/default.html
index b13d34b..9abb755 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -72,7 +72,7 @@
               transform="translate(-9.8)"
             ></path></svg
         ></a>
-        <span>―</span>
+        <hr />
         <a href="/">Home</a>
         <a href="/archive.html">Posts</a>
         <a href="/playlists.html">Playlists</a>