Add Nav Bar, Temporarily Remove Home Content

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>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>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>

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 {