chore: never did like those class conventions

src/posts/2024/building-a-scrobbler-using-plex-webhooks-edge-functions-and-blob-storage.md

@@ -9,7 +9,7 @@ I've written before about [embedding music into my site](https://coryd.dev/posts
 
 I could have kept depending on Last.fm and — don't get me wrong — I love Last.fm. It's one of those valuable, legacy services that's hanging on with a rich user base and historical recommendations. I'm going to keep scrobbling data there and to ListenBrainz[^1].
 
-{% image 'https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&w=1000', 'A diagram of the scrobbling architecture', 'image__banner', 'eager' %}
+{% image 'https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&w=1000', 'A diagram of the scrobbling architecture', 'image-banner', 'eager' %}
 
 What I've long wanted is something that sits on infrastructure I control, stores my own data and lets me present roughly the same data. Given that Plex will issue outbound webhooks, I thought I'd set up an edge function over at Netlify and point a webhook at it to see what I could do with the inbound payload. What Plex sends is fairly lightweight and ended up needing to be read in from form data on the `POST`, but it was enough to work with.
 

src/posts/2024/check-if-images-are-available-before-optimizing-in-eleventy.md

@@ -99,7 +99,7 @@ export const img = async (
 
   const generatePlaceholder = async () => {
     return htmlmin.minify(
-      `<div class="flex--centered image__placeholder ${shape}">${icon}</div>`,
+      `<div class="flex-centered image__placeholder ${shape}">${icon}</div>`,
       { collapseWhitespace: true }
     );
   };

src/posts/2024/link-blogging-using-readwise.md

@@ -47,11 +47,11 @@ This fetches links from my archive (so that it's much more likely that I've read
 {% raw %}
 ```liquid
 {% if links.size > 0 %}
-  <h2 class="flex--centered">
+  <h2 class="flex-centered">
     {% tablericon "link" "Links" %}
     Links
   </h2>
-  <ul class="link__list">
+  <ul class="link-list">
     {% for link in links limit: 5 %}
       <li>
         <a class="no-underline" href="{{link.url}}" title="{{link.title | escape}}">
@@ -78,7 +78,7 @@ pagination:
 {% for link in pagination.items %}
 <article class="h-entry">
   <a class="no-underline" href="{{ link.url }}">
-    <h2 class="flex--centered">{{ link.title }}</h2>
+    <h2 class="flex-centered">{{ link.title }}</h2>
   </a>
   <time class="dt-published" datetime="{{ link.date }}">
     {{ link.date | date: "%m.%Y" }}

src/posts/2024/link-page-improvements.md

@@ -57,7 +57,7 @@ This is then implemented in the `links.html` page template:
 {%- assign shareLink = link.url | findPost: linkPosts -%}
 <!-- template stuff -->
 {%- if shareLink %}
-  <a class="brand-mastodon icon--small" href="{{ shareLink }}">
+  <a class="brand-mastodon icon-small" href="{{ shareLink }}">
     {% tablericon "brand-mastodon" "Mastodon post" %}
   </a>
 {% endif -%}

src/posts/2024/on-getting-tattooed.md

@@ -27,7 +27,7 @@ My parents started getting tattooed in their 50s, thinking it would be a cheaper
 Each piece was important to me when I got it and remains important to me now. They're references to and reminders of important moments and I enjoy every session[^6]. But, for now, my shoulder is sore.
 
 {% capture fallbackIcon %}{% tablericon "photo" "A photo of the Sturgill Simpson-inspired half sleeve referenced above." %}{% endcapture %}
-{% image 'https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&w=1000', 'A photo of the Sturgill Simpson-inspired half sleeve referenced above.', 'image__banner', 'eager' %}
+{% image 'https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&w=1000', 'A photo of the Sturgill Simpson-inspired half sleeve referenced above.', 'image-banner', 'eager' %}
 
 [^1]: My wife got the same piece done — there was one pointing to the driveway of the house we got married at. It burned down in the Butte fire.
 [^2]: She got elected!