✨ add Grand Line webring

Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>

src/components/Footer.astro

@@ -4,13 +4,15 @@ const today = new Date();
 <script type="module" client:load>
   const githubImage = document.getElementById('githubImage');
   const spotifyImage = document.getElementById('spotifyImage');
-  const webringImage = document.getElementById('webringImage');
+  const xxiivvwebringImage = document.getElementById('xxiivvwebringImage');
+  const grandlinewebringImage = document.getElementById('grandlinewebringImage');
 
   const updateImageForTheme = () => {
     const currentTheme = document.documentElement.classList.contains('dark') ? 'dark' : 'light';
     githubImage.src = currentTheme === 'dark' ? '/socials/github_light.svg' : '/socials/github_dark.svg';
     spotifyImage.src = currentTheme === 'dark' ? '/socials/spotify_light.svg' : '/socials/spotify_dark.svg';
-    webringImage.src = currentTheme === 'dark' ? '/socials/webring_light.svg' : '/socials/webring_dark.svg';
+    xxiivvwebringImage.src = currentTheme === 'dark' ? '/socials/xxiivvwebring_light.svg' : '/socials/xxiivvwebring_dark.svg';
+    grandlinewebringImage.src = currentTheme === 'dark' ? '/socials/grandlinewebring.light.svg' : '/socials/grandlinewebring.dark.svg';
   };
 
   updateImageForTheme();
@@ -30,8 +32,11 @@ const today = new Date();
     <a href="https://open.spotify.com/user/kjelsrud!" aria-label="Link to my Spotify" target="_blank">
       <img id="spotifyImage" height="30" width="30" src="/socials/spotify_dark.svg" alt="Spotify"/>
     </a>
+    <a href="https://webring.kjelsrud.dev/#sid" target="_blank" rel="noopener" target="_blank">
+      <img id="grandlinewebringImage" height="30" width="30" src="/socials/grandlinewebring.dark.svg" alt="Grand Line Webring"/>
+    </a>
     <a href="https://webring.xxiivv.com/#sid" target="_blank" rel="noopener" target="_blank">
-      <img id="webringImage" height="30" width="30" src="/socials/webring_dark.svg" alt="XXIIVV webring"/>
+      <img id="xxiivvwebringImage" height="30" width="30" src="/socials/webring_dark.svg" alt="XXIIVV webring"/>
     </a>
   </div>
 </footer>