From f36241486f8f6a7de1c8bfa86827b3802001c956 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Sun, 13 Nov 2022 18:49:06 +0100
Subject: [PATCH] add mastodon verification link

---
 src/components/Card.astro   |  5 +++--
 src/components/Footer.astro |  1 +
 src/pages/social.astro      | 10 ++++++++++
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/Card.astro b/src/components/Card.astro
index 0453b66..82fe815 100644
--- a/src/components/Card.astro
+++ b/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}
       {
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index e4e3c1d..b5c0994 100644
--- a/src/components/Footer.astro
+++ b/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
diff --git a/src/pages/social.astro b/src/pages/social.astro
index 5aded1a..4367360 100644
--- a/src/pages/social.astro
+++ b/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"