Use the image shortcode for webmention avatars to cache them. TODO: Permanently store on the WP-side so that it can survive re-renders

src/_includes/post.njk

@@ -32,7 +32,7 @@ eleventyComputed:
             <div class="row overlaps">
             {% for like in post.comments.like %}
                 <a href="{{ like.author.url }}" rel="noreferrer" target="_blank">
-                    <img srcset="{{ like.author.avatars["96"] }}, /assets/avatar-placeholder.png" alt="{{ like.author.name }}" class="circle" />
+                    {% remoteImage(like.author.avatars["96"], like.author.name, "circle", "96px", [96] %}
                 </a>
             {% endfor %}
             </div>
@@ -44,9 +44,9 @@ eleventyComputed:
             <h3 class="block w-full">Reposts</h3>
 
             <div class="row overlaps">
-            {% for like in post.comments.repost %}
-                <a href="{{ like.author.url }}" rel="noreferrer" target="_blank">
-                    <img srcset="{{ like.author.avatars["96"] }}" alt="{{ like.author.name }}" class="circle" />
+            {% for repost in post.comments.repost %}
+                <a href="{{ repost.author.url }}" rel="noreferrer" target="_blank">
+                    {% remoteImage(repost.author.avatars["96"], repost.author.name, "circle", "96px", [96] %}
                 </a>
             {% endfor %}
             </div>