From b4d7bef510c79d598f79a40e03149528361328c2 Mon Sep 17 00:00:00 2001
From: Cutieguwu <owen.brooks77@gmail.com>
Date: Sun, 25 May 2025 18:06:58 -0400
Subject: [PATCH] Hopefully finished with the janky af menu. Definitely needs
 better engineering, but works for now.

---
 .gitignore |  3 ++-
 index.html | 33 +++++++++++++++++++++------------
 style.css  | 21 +++++++++++++--------
 3 files changed, 36 insertions(+), 21 deletions(-)

diff --git a/.gitignore b/.gitignore
index 3f82f98..964efe9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
-test-image.jpg
\ No newline at end of file
+test-image*
+test-favicon*
diff --git a/index.html b/index.html
index f0ac1a5..c696c90 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,8 @@
         <meta charset="utf-8" />
 
         <title>Home | Cuiteguwu</title>
-        <img class="titleimg" src="" />
+
+        <link rel="icon" type="image/x-icon" href="test-favicon.jpg" />
         <link rel="stylesheet" type="text/css" href="style.css" />
 
         <meta name="description" content="Cutieguwu's Official website" />
@@ -18,10 +19,12 @@
         <nav class="nav_pane">
             <h2 class="nav_logo">Cutieguwu</h2>
 
-            <div class="nav_menu">
-                <a class="nav_title nav_body" href="">Home</a>
-                <a class="nav_title nav_body" href="#">About</a>
-                <div class="dropdown">
+            <ul class="nav_menu">
+                <li class="nav_body"><a class="nav_title" href="">Home</a></li>
+                <li class="nav_body">
+                    <a class="nav_title" href="#">About</a>
+                </li>
+                <li class="dropdown">
                     <div class="dropdown_header nav_body">
                         <p class="nav_title" href="#">Minecraft</p>
                         <ion-icon name="chevron-forward-outline"></ion-icon>
@@ -30,8 +33,8 @@
                         <a class="nav_title" href="#">Bearock SMP</a>
                         <a class="nav_title" href="#">Rebirth SMP</a>
                     </div>
-                </div>
-                <div class="dropdown">
+                </li>
+                <li class="dropdown">
                     <div class="dropdown_header nav_body">
                         <p class="nav_title">Links</p>
                         <ion-icon name="chevron-forward-outline"></ion-icon>
@@ -49,11 +52,17 @@
                             >Rebirth</a
                         >
                     </div>
-                </div>
-                <a class="nav_title nav_body" href="#">Other</a>
-                <a class="nav_title nav_body" href="#">Other 2</a>
-                <a class="nav_title nav_body" href="#">Super long title</a>
-            </div>
+                </li>
+                <li class="nav_body">
+                    <a class="nav_title" href="#">Other</a>
+                </li>
+                <li class="nav_body">
+                    <a class="nav_title" href="#">Other 2</a>
+                </li>
+                <li class="nav_body">
+                    <a class="nav_title" href="#">Super long title</a>
+                </li>
+            </ul>
         </nav>
         <div class="main_pane">
             <ul>
diff --git a/style.css b/style.css
index 713bf5b..4afa2a5 100644
--- a/style.css
+++ b/style.css
@@ -13,7 +13,6 @@
     background-size: cover;
     align-content: start;
     display: grid;
-    grid-template-columns: 1fr 3fr;
     grid-auto-flow: column;
 }
 
@@ -34,6 +33,7 @@
 }
 
 .nav_menu {
+    list-style: none;
     min-width: fit-content;
     display: grid;
     grid-auto-flow: row;
@@ -52,9 +52,18 @@
     transition: 0s ease-in;
 }
 
+.nav_body:hover * {
+    color: darkviolet;
+    transition: 0s ease-out;
+}
+
+.nav_title:hover {
+    color: darkviolet;
+    transition: 0s ease-out;
+}
+
 .nav_title {
     text-decoration-line: none;
-    color: lightpink;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
     white-space: nowrap;
@@ -64,11 +73,7 @@
     transition: 0.4s ease-out;
     float: left;
     text-transform: uppercase;
-}
-
-.nav_title:hover {
-    color: darkviolet;
-    transition: 0s ease-in;
+    color: lightpink;
 }
 
 .dropdown {
@@ -85,7 +90,7 @@
     margin-right: 0.5vw;
     align-self: center;
     float: right;
-    color: white;
+    color: lightpink;
     transition-duration: 0.25s;
 }