one of my dear pleasures is seeing a person whom I'm not particularly attracted to, but whom I can just tell would make friends with different tastes absolutely gnaw on the furniture with lust

oops I lied

Actually it's just the theme Taylor Titmouse was using that has the right metadata. There's no way to get it for any arbitrary tumblr post. I'll have to write that custom scraper after all 😩

At least this post motivated me to come up with some sort of a story for reposts!

Thank you for giving me a reason to make an ask component. 🙂

When I include a repost like this in my Atom feed, I treat it as though the post I'm reblogging is itself in the feed, rather than a wrapper that contains that post. Generally speaking, As such, most of the metadata (author name, link, title if it has one) is in the rest of the feed entry rather than in the HTML contents. I don't create embeds directly from feeds—I always go to the source web page and create the embed from that—but if I were to do so, I'd treat all that metadata the same way I treat h-entry metadata for sites.

I also always wrap the things I'm embedding in some extra markup to get the nice little boxes…

Solid chance this is my last selfie to go out on "social media" as such, and so I hope you'll forgive a bit of nostalgia. Posting selfies, especially early in transition, was hugely important for me. For most of my life up to that point I had regarded my looks with suspicion if not outright hostility, and the selfie became the medium through which I began to take ownership of my appearance and develop a sense of style. The first time I looked at a picture I'd taken of myself and realized "oh. I'm hot" was a huge milestone for me.

Posting selfies to social media was an inseparable part of this. As my style became something I actively put effort and care into, having people appreciate it became a reminder that that work was doing something. It wasn't the dreaded numbers, it was the people: people whose taste and style I also saw and appreciated, people who I was friends with and people I just saw around.

When COVID began, I went from taking and posting selfies almost on a weekly basis to nearly not taking them at all. I no longer felt I had any reason to dress up. Wearing lipstick felt foolish when it would just get ruined by a mask. I wasn't getting any new clothes, because I hate having to remember to send back online orders I don't like. My trademark blue hair was growing out, because even after the vaccine made it feasible to be masked indoors with strangers I couldn't bear the pain of trying to find a salon that still required them. I didn't realize until my roots had overtaken me how much the blue had become a part of my self-image, how much it hurt to look in the mirror and not see the self in my heart.

Little by little, I pulled myself out of that hole. Although the pandemic is very much still present and I am very much still taking precautions, I found ways to allow my sense of style to flourish in between those precautions. I'll put on lipstick just because I feel like it. Liz took careful measurements so I could do online shopping with minimal risk of send-backs. Every now and then I'll even strap on a P100 respirator and go to a physical store. I asked around and found a local salon that not only still requires masks, but is queer- and disabled-owned.

And I started taking selfies again. I took selfies to give myself a reason to care about my appearance again. I took selfies as a reward for putting in the work to make myself look and feel good. I took selfies to send to friends, I took selfies to flirt, I took selfies with pals, I took selfies at beaches and forests and birthdays and the precious few weddings that were safe enough for me to attend. I took selfies to remind the world that I existed, and to…

I was all set to set up a custom Tumblr scraper so I could reblog art and stuff on here, but it turns out Tumblr already uses the h-entry microformat out of the box! I don't have to do anything special at all! Except maybe to handle reblog chains, but that's something I should really do anyway.

I've added WebMention support, both sending and receiving (although not currently displaying). I'll write more about that later. I've tightened up the microformats I'm using, particularly including them on nested embeds. It's fun and I'm happy to have this blog set up to play real nice with all these interoperable standards... but so far I don't know anyone else who I can actually interoperate with.

Thrilled to announce that I now have this up and running, at least in its most basic aspect. The embed above is automatically generated and pulled down directly from the source post. Nothing in this is specific to my blog; I can also do it with someone else's. By way of example, please enjoy this post from my beautiful wife:

Injecting embeds

Here's what the embed looks like in my blog source right now:

{% genericPost "https://nex-3.com/blog/once-i-add-the/",
    date: "2024-09-20T07:06:00Z",
    tags: "#meta",
    author: "Natalie",
    authorUrl: "/",
    authorAvatar: "/assets/avatar.webp" %}
  <p>
    Once I add the ability to embed arbitrary blog posts from other blogs on
    here it's over. I'm gonna be reblogging like a wild animal. Y'all are gonna
    have your eyes blown clean outta your heads.
  </p>
{% endgenericPost %}

I have a template for the embed, some CSS to style it, and a little custom Liquid tag to bring it all together. But the real magic is in how I generate the genericPost in the first place. Here's what the original source looks like before I run my embed injector on it:

 
https://nex-3.com/blog/once-i-add-the/

That's it! Just a URL surrounded by empty lines. The injector pulls down the webpage, extracts critical information about the blog post, and replaces the URL with a call to genericPost. My Letterboxd and Cohost embeds work the same way, with their own custom templates and metadata that let me match the style of the original websites.

Structured post data with h-entry

But I did say that this wasn't specific to my blog. With Letterboxd and Cohost, I've just hard-coded their HTML structure. I can't rely on that if I want to get information from any old blog, though. They all use different HTML structures!

So instead, I'm making use of the h-entry microformat. This is a tiny little specification that defines a way to mark up an existing post to indicate metadata in the existing HTML structure. At its simplest, it's just a few class names annotated with the HTML. Here's the simplified HTML for the post above:

<article class="h-entry">
  <p class="attribution">
    <a href="/blog/once-i-add-the/" rel="canonical" class="…