3 files changed, 19 insertions, 0 deletions
diff --git a/src/layouts/BlogSingleLayout.astro b/src/layouts/BlogSingleLayout.astro
index 70b62c2..d3396ec 100644
--- a/src/layouts/BlogSingleLayout.astro
+++ b/src/layouts/BlogSingleLayout.astro
@@ -47,6 +47,10 @@ const schema = {
     },
   },
 };
+
+const textToEncode = `${entry.data.title}\r\n\r\n${Astro.url.toString()} por @arielcg@mastodon.social`;
+
+const mastodonShareUrl = `https://share.joinmastodon.org/#text=${encodeURIComponent(textToEncode)}`;
 ---
 
 <Layout title={entry.data.title} description={entry.data.description}>
@@ -79,6 +83,8 @@ const schema = {
 
   <p>
     <a href="/blog/">Volver al blog</a>
+    &nbsp;·&nbsp;
+    <a href={mastodonShareUrl} rel="noopener noreferrer">Compartir en Mastodon</a>
   </p>
 </Layout>
 
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f484ce8..ebe5917 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -42,6 +42,8 @@ const { title, description, empty } = Astro.props;
     <meta name="twitter:description" content={description} />
     <meta name="twitter:image" content="/favicon.png" />
 
+    <meta name="fediverse:creator" content="@arielcg@mastodon.social" />
+
     <title>{title} - Ariel Costas</title>
 
     <slot name="head-jsonld" />
diff --git a/src/partials/Footer.astro b/src/partials/Footer.astro
index 710006a..4a5cb99 100644
--- a/src/partials/Footer.astro
+++ b/src/partials/Footer.astro
@@ -32,6 +32,12 @@ import t from "../i18n/es.json";
         href="https://github.com/arielcostas/costasdev"
         >BY-SA 4.0</a
       >
+    </article>
+
+    <article id="footer-badge-mastodon">
+      <Icon name="tabler:brand-mastodon" />
+      <a href="https://mastodon.social/@arielcg" rel="me noopener noreferrer">@arielcg</a>
+    </article>
   </section>
 </footer>
 
@@ -109,5 +115,10 @@ import t from "../i18n/es.json";
       background: linear-gradient(to bottom, #333, #000);
       color: white;
     }
+
+    #footer-badge-mastodon {
+      background: linear-gradient(to bottom, #6364ff, #563acc);
+      color: white;
+    }
   }
 </style>