Merge branch 'main' into restyle

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>

src/components/Footer.astro

@@ -20,6 +20,7 @@
         <a href="https://loveshock.xyz/"><image src="/assets/badges/friends/loveshock.gif" alt="dark background, with a curved grid/web, with the text 'vist the jukebox at loveshock.xyz'"></a>
         <br>
         <a href="https://csillagpor.net"><image src="/assets/badges/friends/mira-button.png" alt="miras button'"></a>
+	<a href="https://voltrina.net"><image src="/assets/badges/friends/voltrina_badge.png" alt="volted rina"></a>
         <br/><br>
         <a>Other Buttons</a>
         <br>

src/components/Head.astro

@@ -1,10 +1,9 @@
 ---
+---
 
----
+<meta charset="UTF-8" />
-
+<meta name="description" content="Personal website of LimePotato" />
-    <meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width" />
-    <meta name="description" content="Personal website of LimePotato">
+<meta name="generator" content={Astro.generator} />
-    <meta name="viewport" content="width=device-width" />
+<link rel="stylesheet" href="/css/mystyle.css" />
-    <meta name="generator" content={Astro.generator} />
+<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
-    <link rel="stylesheet" href="/css/mystyle.css">
-    <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />

src/components/Header.astro

@@ -2,71 +2,70 @@
 ---
 
 <center>
-<nav class="navbar" role="navigation" aria-label="main navigation" >
+  <nav class="navbar" role="navigation" aria-label="main navigation">
-  <div class="navbar-brand">
+    <div class="navbar-brand">
-    <a
+      <a
-      role="button"
+        role="button"
-      class="navbar-burger"
+        class="navbar-burger"
-      data-target="navMenu"
+        data-target="navMenu"
-      aria-label="menu"
+        aria-label="menu"
-      aria-expanded="false"
+        aria-expanded="false"
-    >
+      >
-      <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
-      <span aria-hidden="true"></span>
+        <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>
       </a>
     </div>
-  </div>
+    <div class="navbar-menu" id="navMenu">
-</nav>
+      <div class="navbar-start">
-<div class="navbar-end">
+        <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>
+  </div>
-<!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
+  <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
-<script>
+  <script>
-  document.addEventListener("DOMContentLoaded", () => {
+    document.addEventListener("DOMContentLoaded", () => {
-    // Get all "navbar-burger" elements
+      // Get all "navbar-burger" elements
-    const $navbarBurgers = Array.prototype.slice.call(
+      const $navbarBurgers = Array.prototype.slice.call(
-      document.querySelectorAll(".navbar-burger"),
+        document.querySelectorAll(".navbar-burger"),
-      0
+        0
-    );
+      );
 
-    // Add a click event on each of them
+      // Add a click event on each of them
-    $navbarBurgers.forEach((el) => {
+      $navbarBurgers.forEach((el) => {
-      el.addEventListener("click", () => {
+        el.addEventListener("click", () => {
-        // Get the target from the "data-target" attribute
+          // Get the target from the "data-target" attribute
-        const target = el.dataset.target;
+          const target = el.dataset.target;
-        const $target = document.getElementById(target);
+          const $target = document.getElementById(target);
 
-        // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+          // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
-        el.classList.toggle("is-active");
+          el.classList.toggle("is-active");
-        $target.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 -->