add and use fedi-url

_includes/head.html

@@ -128,7 +128,14 @@
               repliesTable.append(row);
             });
 
-            repliesSection.innerHTML = "<h2 id='replies'>Web Mentions:</h2>";
+            repliesSection.innerHTML = `<h2>Web Mentions</h2><p>Replies across{% if page.fedi-url %}
+              <a href="{{page.fedi-url}}">
+            {% endif %}
+              the Fediverse
+            {% if page.fedi-url %}
+              </a>
+            {% endif %} and the Web...</p>`;
+
             repliesSection.append(repliesTable);
           }
 

_layouts/post.html

@@ -15,21 +15,21 @@ layout: default
       </h3>
     </div>
     <div class="blog-post__header__meta">
-        <time
-          datetime="{{ page.date | date: "%Y-%m-%d" }}"
-          itemprop="datePublished"
-        >
-          By
-            <span itemprop="author" itemscope itemtype="http://schema.org/Person">
-              <span class="blog-post__header__meta__author h-card" itemprop="name">
-                <a href="{{ 'about' | relative_url }}"
-                  >{{ page.author }}</a>
-              </span> •
-            </span>
-          🗓️ <span>{% assign date_format = site.minima.date_format |
-          default: "%b %-d, %Y" %} {{ page.date | date: date_format }}
+      <time
+        datetime="{{ page.date | date: "%Y-%m-%d" }}"
+        itemprop="datePublished"
+      >
+        By
+          <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+            <span class="blog-post__header__meta__author h-card" itemprop="name">
+              <a href="{{ 'about' | relative_url }}"
+                >{{ page.author }}</a>
+            </span> •
           </span>
-        </time>
+        🗓️ <span>{% assign date_format = site.minima.date_format |
+        default: "%b %-d, %Y" %} {{ page.date | date: date_format }}
+        </span>
+      </time>
       <span class="blog-post__header__meta__engagement" id="page-replies"></span>
       <span  class="blog-post__header__meta__engagement" id="page-likes"></span>
       <span  class="blog-post__header__meta__engagement" id="page-reposts"></span>

_posts/2023-05-27-coven-of-wisdom-amsterdam-2023.md

@@ -6,6 +6,7 @@ image-attrib: Lee Ravenberg
 image-alt: Presenting Astro app creation in front of a crowd
 description: "Fun squeezing awesome Astro stuff into a tiny meetup talk"
 category: talks
+fedi-url: https://social.ayco.io/@ayo/110458702211742875
 ---
 
 Last month I gave a quick talk about [Astro](https://astro.build) in the very first [Coven of Wisdom meetup held in Amsterdam](https://www.meetup.com/coven-of-wisdom-amsterdam/events/292064053/). Had lots of fun talking about my current favorite framework!<!--more-->

_posts/2023-05-28-stopped-tracking-on-my-sites.md

@@ -7,6 +7,7 @@ image-attrib-url: https://metapixl.com/p/ayo/566394313649618586
 image-alt: An empty bench in front of a calm river on a sunny day
 description: "I was never happy about being tracked, why should I do that to others?"
 category: personal
+fedi-url: https://social.ayco.io/@ayo/110448123075434123
 ---
 
 Back in 2021, I deleted my Facebook account that had thousands of connections, and created a new one just for closest family members and friends.

_posts/2023-05-29-mind-numbing-technical-debt.md

@@ -7,6 +7,7 @@ image-alt: Wooden scaffolding, concrete hollow-blocks and metal brackets in a di
 image-attrib-url: https://photos.app.goo.gl/nSnUH5fATXQxkq3w7
 category: technology
 permalink: /:title/
+fedi-url: https://social.ayco.io/@ayo/110453508839920551
 ---
 
 As I begin to write this, I'm waiting for a re-run of all the [end-to-end tests](https://www.browserstack.com/guide/end-to-end-testing) for a frontend project to finish.

assets/main.scss

@@ -436,6 +436,7 @@ table.image caption {
     }
   }
   &__replies {
+    margin: 2em 0;
     max-width: fit-content;
     .reply-block {
       display: block;