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,7 +20,6 @@
         <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,9 +1,10 @@
 ---
----
 
-<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" />
+---
+
+    <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" />

src/components/Header.astro

@@ -2,7 +2,7 @@
 ---
 
 <center>
-  <nav class="navbar" role="navigation" aria-label="main navigation">
+<nav class="navbar" role="navigation" aria-label="main navigation" >
   <div class="navbar-brand">
     <a
       role="button"
@@ -18,6 +18,7 @@
   </div>
   <div class="navbar-menu" id="navMenu">
     <div class="navbar-start">
+
     <a class="navbar-item" href="/">
       <span class="text-gradient">LimePot</span>
     </a>
@@ -31,8 +32,8 @@
       </a>
     </div>
   </div>
-  </nav>
-  <div class="navbar-end">
+</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">
@@ -43,9 +44,9 @@
     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>
+</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(
@@ -66,6 +67,6 @@
       });
     });
   });
-  </script>
+</script>
 </center>
 <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->