Add mastodon

Author: cb341

src/components/Footer.astro

@@ -27,6 +27,12 @@ const currentYear = new Date().getFullYear();
       rel="noopener noreferrer"
       aria-label="Discord profile (opens in new tab)">Discord</a
     > |
+    <a
+      href="https://mastodon.social/deck/@cb341"
+      target="_blank"
+      rel="noopener noreferrer"
+      aria-label="Mastodon profile (opens in new tab)">Mastodon</a
+    > |
     <a
       href="https://www.linkedin.com/in/daniel-bengl"
       target="_blank"

src/layouts/BaseLayout.astro

@@ -209,6 +209,14 @@ const structuredData = {
       </nav>
       <nav class="social-nav" role="navigation" aria-label="Social media links">
         <center>
+          <NavLink
+          href="https://github.com/cb341"
+          external
+          target="_blank"
+          rel="noopener noreferrer"
+          aria-label="GitHub profile (opens in new tab)">GitHub</NavLink
+          >
+          |
           <NavLink
             href="https://www.codewars.com/users/cb341"
             external
@@ -218,19 +226,19 @@ const structuredData = {
           >
           |
           <NavLink
-            href="https://www.linkedin.com/in/daniel-bengl"
+            href="https://mastodon.social/deck/@cb341"
             external
             target="_blank"
             rel="noopener noreferrer"
-            aria-label="LinkedIn profile (opens in new tab)">LinkedIn</NavLink
+            aria-label="Mastodon profile (opens in new tab)">Mastodon</NavLink
           >
           |
           <NavLink
-            href="https://github.com/cb341"
+            href="https://www.linkedin.com/in/daniel-bengl"
             external
             target="_blank"
             rel="noopener noreferrer"
-            aria-label="GitHub profile (opens in new tab)">GitHub</NavLink
+            aria-label="LinkedIn profile (opens in new tab)">LinkedIn</NavLink
           >
         </center>
       </nav>