From 82e3bad3df88c4264452583d6bc3eb0ff33dca4c Mon Sep 17 00:00:00 2001
From: vaporvee <yannik@vaporvee.com>
Date: Mon, 5 Feb 2024 21:53:32 +0100
Subject: [PATCH] added highlighter in <a> tag

---
 src/components/Navbar.astro | 82 ++++++++++++++++++-------------------
 1 file changed, 39 insertions(+), 43 deletions(-)

diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index ab1f1b6..30034d9 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -1,52 +1,48 @@
 ---
 const routes = {
-    Home: "/",
-    Projects: "/projects",
-    Tutorials: "/tutorials",
-    Docs: "/docs",
-    Blog: "/blog",
+  Home: "/",
+  Projects: "/projects",
+  Tutorials: "/tutorials",
+  Docs: "/docs",
+  Blog: "/blog",
 };
 import "../styles/navbar.scss";
 ---
 
 <header>
-    <nav>
-        <a href="/"><img class="logo" src="/favicon.svg" alt="Logo Icon" /></a>
-        {
-            Object.entries(routes).map(([pageName, path]) => {
-                const isActive =
-                    (Astro.url.pathname.startsWith(path) && path !== "/") ||
-                    Astro.url.pathname === path;
-                return (
-                    <div class="navbar-entry">
-                        <a href={path} class={isActive ? "active" : ""}>
-                            {pageName}
-                        </a>
+  <nav>
+    <a href="/"><img class="logo" src="/favicon.svg" alt="Logo Icon" /></a>
+    {
+      Object.entries(routes).map(([pageName, path]) => {
+        const isActive =
+          (Astro.url.pathname.startsWith(path) && path !== "/") ||
+          Astro.url.pathname === path;
+        return (
+          <div class="navbar-entry">
+            <a href={path} class={isActive ? "active" : ""}>
+              {pageName}
 
-                        {isActive ? (
-                            <div class="highlighter">
-                                <img src="/nav_highlight.svg" />
-                            </div>
-                        ) : null}
-                    </div>
-                );
-            })
-        }
-    </nav>
-    <div>
-        <a href="https://github.com/vaporvee" target="_blank"
-            ><img
-                src="/github-mark.svg"
-                alt="My GitHub account"
-                class="social"
-            /></a
-        >
-        <a href="https://www.linkedin.com/in/yannik-ain/" target="_blank"
-            ><img
-                src="/linkedin-icon.svg"
-                alt="My Linkedin account"
-                class="social"
-            /></a
-        >
-    </div>
+              {isActive ? (
+                <div class="highlighter">
+                  <img src="/nav_highlight.svg" />
+                </div>
+              ) : null}
+            </a>
+          </div>
+        );
+      })
+    }
+  </nav>
+  <div>
+    <a href="https://github.com/vaporvee" target="_blank"
+      ><img src="/github-mark.svg" alt="My GitHub account" class="social" /></a
+    >
+    <a href="https://www.linkedin.com/in/yannik-ain/" target="_blank"
+      ><img
+        src="/linkedin-icon.svg"
+        alt="My Linkedin account"
+        class="social"
+      /></a
+    >
+  </div>
 </header>