add mastodon verification link

src/components/Card.astro

@@ -4,13 +4,14 @@ export interface Props {
   body: string;
   href: string;
   newTab?: boolean;
+  rel?: string;
 }
 
-const { href, title, body, newTab = false } = Astro.props;
+const { href, title, rel, body, newTab = false } = Astro.props;
 ---
 
 <li class="link-card">
-  <a href={href} target={newTab ? '_blank' : null}>
+  <a rel={rel || null} href={href} target={newTab ? '_blank' : null}>
     <h2>
       {title}
       {

src/components/Footer.astro

@@ -2,6 +2,7 @@
   <ul role="list" style="list-style:none">
     <li>2022 &#169; <strong>Ayo Ayco</strong>. All Rights Reserved</li>
     <li><strong>Ayo Ayco</strong> | Software Engineer + Web Developer</li>
+    <li>Find me on <a rel="me" href="https://fosstodon.org/@ayo">Mastodon</a></li>
     <li>
       Missing old content? I moved <a href="https://classic.ayco.io"
         >my previous site</a

src/pages/social.astro

@@ -12,18 +12,28 @@ import Back from "../components/Back.astro";
     <ul role="list" class="link-card-grid">
       <Card
         newTab={true}
+        rel="me"
+        href="https://fosstodon.org/@ayo"
+        title="Fosstodon"
+        body="A Mastodon instance for free and open source software."
+      />
+      <Card
+        newTab={true}
+        rel="me"
         href="https://twitter.com/ayoayco/"
         title="Twitter"
         body="Tweets about my takes on technology and current events"
       />
       <Card
         newTab={true}
+        rel="me"
         href="https://www.linkedin.com/in/ayoayco/"
         title="LinkedIn"
         body="Connect with me and my professional network"
       />
       <Card
         newTab={true}
+        rel="me"
         href="https://soundcloud.com/ayoayco/"
         title="SoundCloud"
         body="Some music I made as a hobby"