Add Mastodon & Bluesky handle support to author profiles

.eleventy.js

@@ -225,6 +225,11 @@ module.exports = function (eleventyConfig) {
     return response.data.replace("<svg", `<svg focusable="false" role="presentation"`);
   });
 
+  eleventyConfig.addShortcode("mastodonHandleUrl", handle => {
+    const [user, server] = handle.split("@").filter(Boolean);
+    return `https://${server}/@${user}`;
+  });
+
   eleventyConfig.setServerOptions({
     watch: ["./dist/assets/css/*.css", "./dist/assets/js/*.js"],
   });

src/authors/algo_luca.md

@@ -2,5 +2,6 @@
 name: "Luca Palmieri"
 github: LukeMathWalker
 twitter: algo_luca
+mastodon: "@[email protected]"
 bio: "Principal Engineering Consultant"
 ---

src/authors/marcoow.md

@@ -3,5 +3,6 @@ name: "Marco Otte-Witte"
 github: marcoow
 twitter: marcoow
 linkedin: marco-otte-witte
+mastodon: "@[email protected]"
 bio: "Founder and Managing Director of Mainmatter"
 ---

src/authors/nickschot.md

@@ -2,5 +2,7 @@
 name: "Nick Schot"
 github: nickschot
 twitter: nickschot
+bluesky: nickschot.bsky.social
+mastodon: "@[email protected]"
 bio: "Senior Software Engineer"
 ---

src/authors/oscard0m_.md

@@ -2,5 +2,6 @@
 name: "Oscar Dominguez"
 github: oscard0m
 twitter: oscard0m_
+mastodon: "@[email protected]"
 bio: "Software Engineer"
 ---

src/authors/paoloricciuti.md

@@ -3,5 +3,7 @@ name: "Paolo Ricciuti"
 github: paoloricciuti
 twitter: paoloricciuti
 linkedin: paolo-ricciuti-571a91187
+bluesky: paolo.ricciuti.me
+mastodon: "@[email protected]"
 bio: 'Senior Software Engineer at Mainmatter, Co-creator of <a href="https://sveltelab.dev">sveltelab.dev</a>'
 ---

src/authors/pichfl.md

@@ -3,5 +3,6 @@ name: "Florian Pichler"
 github: pichfl
 twitter: pichfl
 linkedin: pichfl
+mastodon: "@[email protected]"
 bio: "Consultant for Technology and Design at Mainmatter"
 ---

src/authors/real_ate.md

@@ -3,5 +3,6 @@ name: "Chris Manson"
 github: mansona
 twitter: real_ate
 linkedin: realate
+mastodon: "@[email protected]"
 bio: "Senior Software Engineer, Ember Learning Core Team member"
 ---

src/authors/zeppelin.md

@@ -1,7 +1,7 @@
 ---
 name: "Gabor Babicz"
 github: zeppelin
-twitter: xeppelin
+mastodon: "@[email protected]"
 linkedin: xeppelin
 bio: "Senior Software Engineer"
 ---

src/components/author-socials.njk

@@ -21,6 +21,22 @@
           </a>
         </li>
       {% endif %}
+      {% if author.data.mastodon %}
+        <li>
+          <a class="author-socials__icon" href="{% mastodonHandleUrl author.data.mastodon %}">
+            {% include 'svg/social-mastodon.njk' %}
+            <span class="screenreader">{{ author.data.mastodon }} on Mastodon</span>
+          </a>
+        </li>
+      {% endif %}
+      {% if author.data.bluesky %}
+        <li>
+          <a class="author-socials__icon" href="https://bsky.app/profile/{{ author.data.bluesky }}">
+            {% include 'svg/social-bluesky.njk' %}
+            <span class="screenreader">{{ author.data.bluesky }} on Bluesky</span>
+          </a>
+        </li>
+      {% endif %}
     </ul>
   {% endif %}
 {%- endmacro -%}