From 4cdf9e9cd84f650aee5fff4a41851b8c5397cddb Mon Sep 17 00:00:00 2001
From: HJfod <60038575+HJfod@users.noreply.github.com>
Date: Mon, 4 Mar 2024 21:39:10 +0200
Subject: [PATCH] make the navbar substantially better by getting rid of icons

---
 src/components/Navbar.astro | 34 ++++++++--------------------------
 1 file changed, 8 insertions(+), 26 deletions(-)

diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index d07bc4f..d290993 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -26,19 +26,10 @@ const base = import.meta.env.BASE_URL;
                 <span class="font-head text-xl">Globed</span>
             </a>
         </div>
-        <div class="flex flex-row justify-center max-sm:hidden">
-            <a href={base}>
-                <HomeIcon/>
-                <span class="max-sm:hidden">Home</span>
-            </a>
-            <a href={`${base}/install`}>
-                <DownloadIcon/>
-                <span class="max-sm:hidden">Install</span>
-            </a>
-            <a href={`${base}/about`}>
-                <BookIcon/>
-                <span class="max-sm:hidden">About</span>
-            </a>
+        <div class="flex flex-row justify-center max-sm:hidden font-head text-lg">
+            <a href={base}>Home</a>
+            <a href={`${base}/install`}>Install</a>
+            <a href={`${base}/about`}>About</a>
         </div>
         <div class="flex flex-row justify-end">
             <a href="https://ko-fi.com/globed">
@@ -58,19 +49,10 @@ const base = import.meta.env.BASE_URL;
             </a>
         </div>
     </div>
-    <div id="rollover" class="flex flex-col">
-        <a href={base}>
-            <HomeIcon/>
-            <span>Home</span>
-        </a>
-        <a href={`${base}/install`}>
-            <DownloadIcon/>
-            <span>Install</span>
-        </a>
-        <a href={`${base}/about`}>
-            <BookIcon/>
-            <span>About</span>
-        </a>
+    <div id="rollover" class="flex flex-col px-4 font-head">
+        <a href={base}><span>Home</span></a>
+        <a href={`${base}/install`}><span>Install</span></a>
+        <a href={`${base}/about`}><span>About</span></a>
     </div>
 </nav>