If you’re not familiar with webmentions, they’re a way to notify another site you’ve mentioned them, or liked their content or whatever. It’s a way to connect sites together. I’ve used them previously with miklb.com, but had been slow to implement them here. As is my nature, I looked for prior art and there were a couple of really great resources. Sia has the most detailed post I found. However, it is written for using Nunjucks as well as a hand-rolled caching sytem. I’m using Liquid and had already experimented with using Eleventy Fetch for my Listening page and LastFM data so I wanted to see if I could get away with it again. I’ll note, that over time my approach may fall over if I ever get a lot of webmentions. Sia’s approach only checks for recent webmentions whereas with Fetch I’m pulling in all of them and filtering per post. Hopefully somone will see this and suggest a way to use Fetch but only check for new webmentions since last check. Otherwise, I’m using Webmention.io same as Sia and I’d recommend using her documentation to get started. The primary difference is I’m using Liquid to filter the webmentions per post using the Liquid Filter `where` to filter the webmentions by the `wm-target` property. Liquid also has a built in `size` filter which I’m using to display the number of webmentions. The code is still in a bit of flux but you can see my webmentions.html file in my repo. I am pulling the data into a global __data file which makes the data available at `webmentions` in my templates. Key bits to point out from this snippet {% assign webmentionUrl = site.url | append: page.url | remove: '.html' %} {% assign filteredWebmentions = webmentions.children | where: "wm-target", webmentionUrl %} {% assign likes = filteredWebmentions | where: "wm-property", "like-of" %} {% assign likeSize = likes | size %} I use `.html` file extensions (though I do have pretty permalinks) but my `page.url` includes the file extension. YMMV but it won’t hurt to include it. Second, note that with Webmentions.io, the mentions are in `webmentions.children`. `filteredWebmentions` is an object of all webmentions for the current page (or post). From there, you can filter again by `wm-property` to separate likes, reposts, replies, etc. We can then loop through the filtered webmentions and display them as needed. `{% for webmention in likes %}`. As with most stuff on this site it’s a work in progress but I wanted to document what I’ve done so far. I truly believe unlocking webmentions on more sites as we move towards federation and decentralization of the web is a good thing. I’m happy to answer any questions or help troubleshoot if you’re trying to implement webmentions on your site.

Whipped up a little web component to create pull quotes. https://github.com/miklb/pull-quote

<img src=“sheepshead-12-23.jpeg” alt=“Gyotoaku print of a sheepshead.”"> I’ve been holding off on posting more prints in my Etsy shop, because A–I’ve been busy and B–I’ve been busy. But also because I need to organize them and take more pics. To that end, I’ve ordered a circular polarizing lens for my iPhone, which should help with the glare from the cheap frames I have for stagging. I also grabbed some shipping tubes in bulk to make it easier to ship the prints. I also realized it would be a safe way to organize them so I can post multiple prints at once. There’s a species that runs late spring, striped mojarra, that I’m gearing up for. I also have some print making supplies I plan on ordering. Really looking forward to expirementing with creating my own ink. Buying the pine soot in stick form and working it into water to have better control over the moisture, particularly when working outdoors and understanding how it reacts with the different papers. Which has been its own deep dive. Very excited to see what this season brings.

What I'm listening to and tales of shows of the past.

Scraped my handrolled grid and colors for Utopia and Adam Argyle's color scheme builder.

The Object.hasOwn() static method returns true if the specified object has the indicated property as its own property. If the property is inherited, or does not exist, the method returns false.

Bridgy Fed is a bridge between decentralized social networks like the IndieWeb, fediverse, Bluesky, and others. More info here.