From c02faccde4206befd37ca3846753892ad5418cc8 Mon Sep 17 00:00:00 2001
From: Caleb Fontenot <foley2431@gmail.com>
Date: Fri, 22 Mar 2024 19:57:05 -0500
Subject: [PATCH] Add dropdown menus!

---
 index.html | 27 ++++++++++++++++++++-------
 root.css   | 18 +++++++++++++++++-
 2 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index ab2fd59..cf8e21c 100644
--- a/index.html
+++ b/index.html
@@ -34,12 +34,25 @@
 				<a class="button" href="index.html">Home</a>
 				<a class="button" href="https://gitea.calebfontenot.com">Gitea</a>
 				<a class="button" href="https://search.calebfontenot.com">SearXNG Instance</a>
-				<a class="button" href="dynmap.html">Minecraft Server Dynamic Maps</a>
-				<a class="button" href="mario">Mario</a>
-				<a class="button" href="sonic1">Sonic 1</a>
-				<a class="button" href="sonic2">Sonic 2</a>
-				<a class="button" href="soniccd">Sonic CD</a>
-
+				<a class="button" href="https://jellyfin.calebfontenot.com">Jellyfin</a>
+				<div class="dropdown"/>
+				<button class="dropbtn button">Minecraft Server Dynamic Maps</button>
+					<div class="dropdown-content navborder">
+						<a class="button" href="https://survival.calebfontenot.com">Survival Server</a>
+						<a class="button" href="https://creative.calebfontenot.com">Creative Server</a>
+						<a class="button" href="https://modded.calebfontenot.com">Modded Server</a>
+						<a class="button" href="https://skyfactory.calebfontenot.com">Skyfactory Server</a>
+					</div>
+				</div>
+				<div class="dropdown">
+				<button class="dropbtn button">WASM Games</button>
+				<div class="dropdown-content navborder">
+					<a class="button" href="mario">Mario</a><br>
+					<a class="button" href="sonic1">Sonic 1</a><br>
+					<a class="button" href="sonic2">Sonic 2</a><br>
+					<a class="button" href="soniccd">Sonic CD</a>
+					</div>
+				</div>
 			</div>
 		</nav>
 
@@ -344,7 +357,7 @@
 		}
 		</script>
 		<p id="jsOutput"></p>
-		<img id=riitag src="https://tag.rc24.xyz/294976590658666497/tag.max.png" alt="My RiiTag" width=1024>
+		<!--img id=riitag src="https://tag.rc24.xyz/294976590658666497/tag.max.png" alt="My RiiTag" width=1024-->
 		<p>
 			<a href="https://jigsaw.w3.org/css-validator/check/referer">
 				<img style="border:0;width:88px;height:31px" src="https://jigsaw.w3.org/css-validator/images/vcss"
diff --git a/root.css b/root.css
index e160c4d..bbf8d9e 100644
--- a/root.css
+++ b/root.css
@@ -101,7 +101,23 @@ ul {
 	}
 }
 
-	
+/* Dropdown menu */
+
+.dropdown {
+	position: relative;
+	display: inline-block;
+	border-radius: 2%;
+}
+.dropdown-content {
+	position: absolute;
+	display: none;
+	padding: 10px;
+	z-index: 10;
+	background-color: rgba(0,0,0,0.6);
+	
+}
+
+.dropdown:hover .dropdown-content {display: grid;}