From 4566b91cdbf7f3f8c23748e42db48e1407d8e4e0 Mon Sep 17 00:00:00 2001
From: limepotato <bm01@limepot.xyz>
Date: Tue, 25 Jun 2024 11:16:39 -0600
Subject: [PATCH] a bit of formatting

---
 src/components/Card.astro   |   2 +-
 src/components/Head.astro   |  15 +++---
 src/components/Header.astro | 103 ++++++++++++++++++------------------
 3 files changed, 59 insertions(+), 61 deletions(-)

diff --git a/src/components/Card.astro b/src/components/Card.astro
index 3cb8f82..732fbef 100755
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -13,7 +13,7 @@ const { href, title, body, source, alt } = Astro.props;
 <li class="link-card">
   <a href={href} class="informational">
     <h2>
-      <img src={source} width="24" height="24" alt={alt}/>
+      <img src={source} width="24" height="24" alt={alt} />
       {title}
       <span>&rarr;</span>
     </h2>
diff --git a/src/components/Head.astro b/src/components/Head.astro
index 6c6875b..cb86951 100755
--- a/src/components/Head.astro
+++ b/src/components/Head.astro
@@ -1,10 +1,9 @@
 ---
+---
 
----
-
-    <meta charset="UTF-8" />
-    <meta name="description" content="Personal website of LimePotato">
-    <meta name="viewport" content="width=device-width" />
-    <meta name="generator" content={Astro.generator} />
-    <link rel="stylesheet" href="/css/mystyle.css">
-    <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
\ No newline at end of file
+<meta charset="UTF-8" />
+<meta name="description" content="Personal website of LimePotato" />
+<meta name="viewport" content="width=device-width" />
+<meta name="generator" content={Astro.generator} />
+<link rel="stylesheet" href="/css/mystyle.css" />
+<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
diff --git a/src/components/Header.astro b/src/components/Header.astro
index f14b604..45d089a 100755
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -2,71 +2,70 @@
 ---
 
 <center>
-<nav class="navbar" role="navigation" aria-label="main navigation" >
-  <div class="navbar-brand">
-    <a
-      role="button"
-      class="navbar-burger"
-      data-target="navMenu"
-      aria-label="menu"
-      aria-expanded="false"
-    >
-      <span aria-hidden="true"></span>
-      <span aria-hidden="true"></span>
-      <span aria-hidden="true"></span>
-    </a>
-  </div>
-  <div class="navbar-menu" id="navMenu">
-    <div class="navbar-start">
-
-    <a class="navbar-item" href="/">
-      <span class="text-gradient">LimePot</span>
-    </a>
-    
-      <a class="navbar-item" href="/projects">
-        <span class="text-gradient">Projects</span>
-      </a>
-
-      <a class="navbar-item" href="/blog">
-        <span class="text-gradient">Blog</span>
+  <nav class="navbar" role="navigation" aria-label="main navigation">
+    <div class="navbar-brand">
+      <a
+        role="button"
+        class="navbar-burger"
+        data-target="navMenu"
+        aria-label="menu"
+        aria-expanded="false"
+      >
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
       </a>
     </div>
-  </div>
-</nav>
-<div class="navbar-end">
-  <!-- 
+    <div class="navbar-menu" id="navMenu">
+      <div class="navbar-start">
+        <a class="navbar-item" href="/">
+          <span class="text-gradient">LimePot</span>
+        </a>
+
+        <a class="navbar-item" href="/projects">
+          <span class="text-gradient">Projects</span>
+        </a>
+
+        <a class="navbar-item" href="/blog">
+          <span class="text-gradient">Blog</span>
+        </a>
+      </div>
+    </div>
+  </nav>
+  <div class="navbar-end">
+    <!-- 
         <a class="navbar-item" href="https://ko-fi.com/limepot">
           <img src="/assets/other-branding/ko-fi-button-red.png">
         </a>
   -->
-  <!-- 
+    <!-- 
   <a class="navbar-item" href="https://likeitsthe90s.limepot.xyz/">
     Lets act like its the 90s
   </a>
   -->
-</div>
-<!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
-<script>
-  document.addEventListener("DOMContentLoaded", () => {
-    // Get all "navbar-burger" elements
-    const $navbarBurgers = Array.prototype.slice.call(
-      document.querySelectorAll(".navbar-burger"),
-      0
-    );
+  </div>
+  <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
+  <script>
+    document.addEventListener("DOMContentLoaded", () => {
+      // Get all "navbar-burger" elements
+      const $navbarBurgers = Array.prototype.slice.call(
+        document.querySelectorAll(".navbar-burger"),
+        0
+      );
 
-    // Add a click event on each of them
-    $navbarBurgers.forEach((el) => {
-      el.addEventListener("click", () => {
-        // Get the target from the "data-target" attribute
-        const target = el.dataset.target;
-        const $target = document.getElementById(target);
+      // Add a click event on each of them
+      $navbarBurgers.forEach((el) => {
+        el.addEventListener("click", () => {
+          // Get the target from the "data-target" attribute
+          const target = el.dataset.target;
+          const $target = document.getElementById(target);
 
-        // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
-        el.classList.toggle("is-active");
-        $target.classList.toggle("is-active");
+          // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+          el.classList.toggle("is-active");
+          $target.classList.toggle("is-active");
+        });
       });
     });
-  });
-</script>
+  </script>
 </center>
 <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->