Embed Mastodon and Pixelfed on author page 🧔🏽.

gmarty · Apr 26, 2024 · 057a202 · 057a202
1 parent 15db203
commit 057a202
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/layouts/AuthorLayout.astro b/src/layouts/AuthorLayout.astro
@@ -99,7 +99,21 @@ const authorPosts = await getCollection('blog', (entry) => {
         </div>
       </div>
     </div>
-    <div class="flex gap-4 flex-wrap justify-center">
+    <div class="grid sm:grid-cols-2 xl:grid-cols-3 grid-cols-1 gap-4">
+      <iframe
+        src="https://indieweb.social/@gmarty/112168224430494048/embed"
+        loading="lazy"
+        allowfullscreen="allowfullscreen"
+        title="Mastodon"
+        class="w-full border-0 overflow-hidden rounded h-96"></iframe>
+      <script src="https://indieweb.social/embed.js" async="async"></script>
+      <iframe
+        src="https://pixelfed.social/gmarty/embed"
+        loading="lazy"
+        allowfullscreen="allowfullscreen"
+        title="Pixelfed"
+        class="w-full border-0 overflow-hidden rounded h-96"></iframe>
+
       {
         authorPosts.length > 0 && (
           <div>