From 5566991bc81ec118fbc93288e2a0910ddf489384 Mon Sep 17 00:00:00 2001
From: Nikology <contact@nikology.dev>
Date: Mon, 20 Apr 2026 01:48:55 +0200
Subject: [PATCH] Add Nav Bar, Temporarily Remove Home Content

---
 index.html | 18 +++++++++++++-----
 styles.css | 18 ++++++++++++++++++
 2 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 0fd15cc..2317b88 100644
--- a/index.html
+++ b/index.html
@@ -19,14 +19,22 @@
             <svg id="barTemplate" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 8.47 8.47"><path fill="none" stroke="#3d2f1f" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.8" d="m1.5 4.23.23-.1a6 6 0 0 1 5.01 0l.23.1" style="paint-order:markers stroke fill"/></svg>
         </span>
     </h1>
+    <!-- Nav Bar -->
+    <nav>
+        <a href="/">Home</a>
+        <span>-</span>
+        <a href="">Test</a>
+        <span>-</span>
+        <a href="">Test</a>
+    </nav>
 
-    <h2>About Me</h2>
-    <p>Hi there! I am Niki and welcome to my website, I make stuff with computers. My current project is <a href="https://roplus.dev" target="_blank" rel="noopener">roplus.dev</a>!</p>
-        
-    <h2>Links n Stuff</h2>
+    <!-- <h2>About Me</h2>
+    <p>Hi there! I am Niki and welcome to my website, I make stuff with computers. My current project is <a href="https://roplus.dev" target="_blank" rel="noopener">roplus.dev</a>!</p> -->
+
+    <!-- <h2>Links n Stuff</h2>
     <ul>
         <li><a href="https://gitlab.com/Nikology" target="_blank" rel="noopener">GitLab</a></li>
-    </ul>
+    </ul> -->
     <footer>
         <p>Bird recording by Petter Westberg via <a href="https://xeno-canto.org/1087467" target="_blank" rel="noopener">xeno-canto</a>, CC BY-NC-SA 4.0</p>
         <p>
diff --git a/styles.css b/styles.css
index cfe3316..c489d88 100644
--- a/styles.css
+++ b/styles.css
@@ -21,8 +21,26 @@ body {
     }
 }
 
+/* Nav Bar */
+
+nav {
+    display: flex;
+    gap: 1rem;
+}
+
+nav a {
+    color: #3d2f1f99;
+    text-decoration: none;
+    transition: color 0.5s;
+}
+
+nav a:hover {
+    color: #3d2f1f;
+}
+
 h1 {
     font-size: 3rem;
+    margin-bottom: 1rem;
 }
 
 h1 img {