diff --git a/.eleventy.js b/.eleventy.js
index 8f91ab83..54aeab24 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -80,6 +80,25 @@ module.exports = function (eleventyConfig) {
     return Array.from(tagsSet).sort()
   })
 
+  eleventyConfig.addCollection('links', (collection) => {
+    const links = []
+    collection.getAll().forEach((item) => {
+      if (item.data.collections.posts) {
+        item.data.collections.posts.forEach((post) => {
+          const url = post.data.link
+          if (url?.includes('http') && !links.find((link) => link.title === post.data.title))
+            links.push({
+              url: post.data.link,
+              title: post.data.title,
+              date: post.data.date,
+              description: post.data.post_excerpt,
+            })
+        })
+      }
+    })
+    return links
+  })
+
   eleventyConfig.addCollection('tagMap', (collection) => {
     const tags = {}
     collection.getAll().forEach((item) => {
diff --git a/config/feedFilters.js b/config/feedFilters.js
index d61a5efb..b5de3aea 100644
--- a/config/feedFilters.js
+++ b/config/feedFilters.js
@@ -13,7 +13,7 @@ module.exports = {
       if (entry.description) excerpt = entry.description
 
       // if there's a valid entry return a normalized object
-      if (entry) {
+      if (entry && !entry.data?.link) {
         return {
           title: entry.data?.title || entry.title,
           url: entry.url.includes('http') ? entry.url : new URL(entry.url, BASE_URL).toString(),
diff --git a/src/404.html b/src/404.html
index a3e5dec1..ea085586 100644
--- a/src/404.html
+++ b/src/404.html
@@ -10,11 +10,9 @@ permalink: 404.html
     What kind of idiots do you have working here?
   </h3>
   <div class="flex justify-center">
-    <a href="/" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-pink-500">
-      <span class="icon--bold pt-1 md:pt-0 mr-1">
-        {% tablericon "receipt-2" "Receipt" "{width: 20, height: 20}" %}
-      </span>
-      <span>Skip out on the room service bill</span>
+    <a href="/" class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline icon--bold font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-pink-500">
+      {% tablericon "receipt-2" "Receipt" %}
+      Skip out on the room service bill
     </a>
   </div>
 </div>
diff --git a/src/_includes/partials/feeds/layout.liquid b/src/_includes/partials/feeds/layout.liquid
index 6a2825f2..3b0cd30c 100644
--- a/src/_includes/partials/feeds/layout.liquid
+++ b/src/_includes/partials/feeds/layout.liquid
@@ -34,10 +34,10 @@
             <div class="flex flex-col md:flex-row md:items-center md:justify-between md:pt-10 pt-5">
               <h1 class="font-black leading-tight md:pb-0 md:text-3xl pb-5 text-2xl"><xsl:value-of select="atom:feed/atom:title"/></h1>
               <div class="flex flex-row gap-6">
-                <a href="https://coryd.dev/feeds" class="icon--24 link--icon">
+                <a href="https://coryd.dev/feeds" class="[&>svg]:h-6 [&>svg]:w-6 link--icon">
                   {% tablericon "arrow-left" "Back to feeds" %}
                 </a>
-                <a href="https://coryd.dev" class="icon--24 link--icon">
+                <a href="https://coryd.dev" class="[&>svg]:h-6 [&>svg]:w-6 link--icon">
                   {% tablericon "home-move" "Home • Cory Dransfeldt" %}
                 </a>
               </div>
diff --git a/src/_includes/partials/nav/linked-icon.liquid b/src/_includes/partials/nav/linked-icon.liquid
index b6f6b95b..210ff0fa 100644
--- a/src/_includes/partials/nav/linked-icon.liquid
+++ b/src/_includes/partials/nav/linked-icon.liquid
@@ -1,5 +1,5 @@
 <a
-  class="link--icon icon--24"
+  class="[&>svg]:h-6 [&>svg]:w-6 link--icon"
   href="{{ link }}"
   rel="me"
   title="{{ name }}">
diff --git a/src/_includes/partials/now/albumReleases.liquid b/src/_includes/partials/now/albumReleases.liquid
index 00c7f29c..40b1dd63 100644
--- a/src/_includes/partials/now/albumReleases.liquid
+++ b/src/_includes/partials/now/albumReleases.liquid
@@ -1,7 +1,7 @@
 {% if albumReleases.size > 0 %}
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
+  <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% tablericon "calendar-time" "Anticipated albums" %}
-    <div class="ml-1">Anticipated albums</div>
+    Anticipated albums
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
     {% for album in albumReleases %}
diff --git a/src/_includes/partials/now/media-grid.liquid b/src/_includes/partials/now/media-grid.liquid
index 5d12c321..866210e0 100644
--- a/src/_includes/partials/now/media-grid.liquid
+++ b/src/_includes/partials/now/media-grid.liquid
@@ -1,8 +1,8 @@
 {% if data.size > 0 %}
   {% assign media = data | normalizeMedia %}
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
+  <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% tablericon icon title %}
-    <div class="ml-1">{{ title }}</div>
+    {{ title }}
   </h2>
   <div class="grid gap-2 {% if shape == 'square' %}grid-cols-2 md:grid-cols-4{% else %}grid-cols-3 md:grid-cols-6{% endif %} not-prose">
     {% for item in media limit: count %}
diff --git a/src/_includes/partials/now/playing.liquid b/src/_includes/partials/now/playing.liquid
index 7b88065e..a7d6b1d3 100644
--- a/src/_includes/partials/now/playing.liquid
+++ b/src/_includes/partials/now/playing.liquid
@@ -2,8 +2,7 @@
   <span id="now-playing-loading" class="icon--spin">
     {% tablericon 'loader-2' 'Loading...' %}
   </span>
-  <span id="now-playing-display" class="flex flex-row items-center">
-    <span id="now-playing-emoji" class="mr-1"></span>
-    <a href id="now-playing-content"></a>
+  <span id="now-playing-display">
+    <span id="now-playing-emoji"></span> <a href id="now-playing-content"></a>
   </span>
 </p>
\ No newline at end of file
diff --git a/src/_includes/partials/now/status.liquid b/src/_includes/partials/now/status.liquid
index d62563f7..7a92d999 100644
--- a/src/_includes/partials/now/status.liquid
+++ b/src/_includes/partials/now/status.liquid
@@ -1,4 +1,3 @@
-<p class="my-2 flex flex-row items-start md:items-center">
-  <span class="mr-1">{{ status.emoji }}</span>
-  <span>{{ status.content }}</span>
+<p class="my-2">
+  {{ status.emoji }} {{ status.content }}
 </p>
\ No newline at end of file
diff --git a/src/_includes/partials/paginator.liquid b/src/_includes/partials/paginator.liquid
index 71aeb73b..155d9f85 100644
--- a/src/_includes/partials/paginator.liquid
+++ b/src/_includes/partials/paginator.liquid
@@ -1,13 +1,13 @@
 <nav class="flex justify-between mt-8 items-center">
   {% if pagination.href.previous %}
     <a href="{{ pagination.href.previous }}">
-      <button class="py-2 pr-4 dark:text-purple-400 text-purple-600" aria-label="Previous page icon--20">
+      <button class="py-2 pr-4 dark:text-purple-400 text-purple-600" aria-label="Previous page [&>svg]:h-5 [&>svg]:w-5">
         {% tablericon "arrow-left" "Previous" %}
       </button>
     </a>
   {% else %}
     <button
-      class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 icon--20"
+      class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 [&>svg]:h-5 [&>svg]:w-5"
       aria-label="Previous page (disabled)"
       disabled>
       {% tablericon "arrow-left" "Prevous" %}
@@ -18,13 +18,13 @@
   </div>
   {% if pagination.href.next %}
     <a href="{{ pagination.href.next }}">
-      <button class="py-2 pl-4 dark:text-purple-400 text-purple-600 icon--20" aria-label="Next page">
+      <button class="py-2 pl-4 dark:text-purple-400 text-purple-600 [&>svg]:h-5 [&>svg]:w-5" aria-label="Next page">
         {% tablericon "arrow-right" "Next" %}
       </button>
     </a>
   {% else %}
     <button
-      class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 icon--20"
+      class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 [&>svg]:h-5 [&>svg]:w-5"
       aria-label="Next page (disabled)"
       disabled>
       {% tablericon "arrow-right" "Next" %}
diff --git a/src/_includes/partials/popular-posts.liquid b/src/_includes/partials/popular-posts.liquid
index 3912ec36..edaf6747 100644
--- a/src/_includes/partials/popular-posts.liquid
+++ b/src/_includes/partials/popular-posts.liquid
@@ -1,8 +1,8 @@
 {% assign posts = posts | getPopularPosts: analytics %}
 <div class="not-prose">
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
+  <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:inline icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% tablericon "flame" "Popular" %}
-    <div class="ml-1">Popular posts</div>
+    Popular posts
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
     {% for post in posts limit: 5 %}
diff --git a/src/_includes/post.liquid b/src/_includes/post.liquid
index 677a57a9..a0f8561e 100644
--- a/src/_includes/post.liquid
+++ b/src/_includes/post.liquid
@@ -3,7 +3,16 @@ layout: main
 ---
 {% render "partials/header.liquid", site: site, page: page, nav: nav %}
 <article class="h-entry" data-pagefind-body>
-  <h2 class="p-name text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-8" data-pagefind-meta="title">{{ title }}</h2>
+  {% if link %}
+    <a class="no-underline" href="{{ link }}">
+      <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold p-name text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-8" data-pagefind-meta="title">
+        {% tablericon 'link' title %}
+        {{ title }}
+      </h2>
+    </a>
+  {% else %}
+    <h2 class="p-name text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-8" data-pagefind-meta="title">{{ title }}</h2>
+  {% endif %}
   <span class="p-author h-card hidden">{{ site.title }}</span>
   <time class="mt-2 mb-6 block text-sm dt-published" datetime="{{ date }}">{{ date | readableDate }}</time>
   <div class="p-summary hidden">{{ post_excerpt | markdown }}</div>
diff --git a/src/_includes/webrings/css-joy.liquid b/src/_includes/webrings/css-joy.liquid
index 6a605681..1a85d1f0 100644
--- a/src/_includes/webrings/css-joy.liquid
+++ b/src/_includes/webrings/css-joy.liquid
@@ -5,15 +5,15 @@
     </h3>
   </a>
   <div class="flex flex-row justify-center items-center">
-    <a class="link--icon icon--20" href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
+    <a class="[&>svg]:h-5 [&>svg]:w-5 link--icon" href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
       {% tablericon "arrow-left" "Previous site" %}
     </a>
     <div class="flex justify-center">
-      <a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-pink-500 icon--24">
+      <a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="[&>svg]:h-6 [&>svg]:w-6 icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-pink-500">
         {% tablericon "dice-3" "Random site" %}
       </a>
     </div>
-    <a class="link--icon icon--20" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
+    <a class="[&>svg]:h-5 [&>svg]:w-5 link--icon" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
       {% tablericon "arrow-right" "Next site" %}
     </a>
   </div>
diff --git a/src/_includes/webrings/the-claw.liquid b/src/_includes/webrings/the-claw.liquid
index 466e9bf1..b1eb0169 100644
--- a/src/_includes/webrings/the-claw.liquid
+++ b/src/_includes/webrings/the-claw.liquid
@@ -7,7 +7,7 @@
   </h3>
   <div class="flex justify-center">
     <a href="https://github.com/whitep4nth3r/the-claw-webring" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-pink-500">
-        <span class="icon--bold pt-1 md:pt-0 mr-1 icon--20">
+        <span class="[&>svg]:h-5 [&>svg]:w-5 icon--bold pt-1 md:pt-0 mr-1">
           {% tablericon "user-plus" "Join!" %}
         </span>
       <span>Join!</span>
diff --git a/src/feeds/links.liquid b/src/feeds/links.liquid
new file mode 100644
index 00000000..a8206f21
--- /dev/null
+++ b/src/feeds/links.liquid
@@ -0,0 +1,12 @@
+---
+layout: null
+permalink: /feeds/links
+---
+{% render "partials/feeds/content.liquid"
+  permalink:'/feeds/links'
+  title:'Links • Cory Dransfeldt'
+  data:collections.links
+  updated:collections.links[0].date
+  site:site
+  eleventy:eleventy
+%}
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 76a1d786..930ce68f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -27,23 +27,32 @@ meta:
   <div
     class="mb-8 border-b border-gray-200 pb-4 text-gray-800 dark:border-gray-700 dark:text-white"
   >
-    <a class="no-underline" href="{{ post.url }}">
-      <h2
-        class="p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-pink-500 dark:text-gray-200 dark:hover:text-pink-500 md:text-2xl ease-in-out duration-300"
-      >
-        {{ post.data.title }}
-      </h2>
+    <a class="no-underline" href="{% if post.data.link %}{{ post.data.link }}{% else %}{{ post.url }}{% endif %}">
+      {% if post.data.link %}
+        <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-pink-500 dark:text-gray-200 dark:hover:text-pink-500 md:text-2xl ease-in-out duration-300">
+          {% tablericon 'link' post.data.title %}
+          {{ post.data.title }}
+        </h2>
+      {% else %}
+        <h2
+          class="p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-pink-500 dark:text-gray-200 dark:hover:text-pink-500 md:text-2xl ease-in-out duration-300"
+        >
+          {{ post.data.title }}
+        </h2>
+      {% endif %}
     </a>
     <span class="p-author h-card hidden">{{ site.title }}</span>
     <div class="my-2 text-sm">
       <time class="dt-published" datetime="{{ post.date }}">
-        {{ post.date | date: "%m.%Y" }}
+        {{ post.date | date: "%m.%Y" }} {% if post.data.link %} • <a class="flex-none font-normal no-underline" href="{{ post.url }}">Permalink</a>{% endif %}
       </time>
     </div>
     <p class="p-summary mt-0">{{ post.data.post_excerpt | markdown }}</p>
-    <div class="mt-4 flex items-center justify-between">
-      <a class="flex-none font-normal no-underline" href="{{ post.url }}">Read more &rarr;</a>
-    </div>
+    {% unless post.data.link %}
+      <div class="mt-4 flex items-center justify-between">
+        <a class="flex-none font-normal no-underline" href="{{ post.url }}">Read more &rarr;</a>
+      </div>
+    {% endunless %}
   </div>
 </article>
 {% endif %} {% endfor %} {% include "partials/paginator.liquid" %}
diff --git a/src/now.html b/src/now.html
index b89a21b4..39257321 100644
--- a/src/now.html
+++ b/src/now.html
@@ -17,43 +17,32 @@ meta:
   image:
     src: https://coryd.dev/assets/img/avatar.webp
 ---
-<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
+<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
   {% tablericon "clock-heart" "Currently" %}
-  <div class="ml-1">Currently</div>
+  Currently
 </h2>
 <div class="pl-4 md:pl-8">
     {% render "partials/now/status.liquid", status:status %}
-  <p class="my-2 flex flex-row items-start md:items-center">
-    <span class="pt-0.5 md:pt-0 mr-1 icon--20">{% tablericon "map-2" "Map" %}</span>
-    <span>Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.</span>
+  <p class="my-2 [&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline">
+    {% tablericon "map-2" "Map" %}
+    Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.
   </p>
-  <p class="my-2 flex flex-row items-start md:items-center">
-    <span class="pt-0.5 md:pt-0 mr-1 icon--20">
-      {% tablericon "play-basketball" "Hacking" %}
-    </span>
-    <span>
-      Rooting for the <a href="https://lakers.com">Lakers</a> (can't wait for next season with the new roster 💜💛).
-    </span>
+  <p class="my-2 [&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline">
+    {% tablericon "play-basketball" "NBA - Lakers" %}
+    Rooting for the <a href="https://lakers.com">Lakers</a> (can't wait for next season with the new roster 💜💛).
   </p>
 </div>
-<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
+<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
   {% tablericon "terminal-2" "Making" %}
-  <div class="ml-1">Making</div>
+  Making
 </h2>
 <div class="pl-4 md:pl-8">
-  <p class="my-2 flex flex-row items-start md:items-center">
-    <span class="pt-0.5 md:pt-0 mr-1 icon--20">
-      {% tablericon "code" "Hacking" %}
-    </span>
-    <span>
-      Hacking away on projects like this page, my
-      <a href="/">blog</a>, and whatever else I can find time for.
-    </span>
+  <p class="my-2 [&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline">
+    {% tablericon "code" "Hacking" %}
+    Hacking away on projects like this page, my <a href="/">blog</a>, and whatever else I can find time for.
   </p>
-  <p class="my-2 flex flex-row items-start md:items-center">
-    <span class="pt-0.5 md:pt-0 mr-1 icon--20">{% tablericon "hand-stop" "Ad and tracker-blocking" %}</span>
-    <span>
-      Assembling lists of <a href="https://github.com/cdransf/awesome-adblock">ad and tracker-blocking tools</a>.
-    </span>
+  <p class="my-2 [&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline">
+    {% tablericon "hand-stop" "Ad and tracker-blocking" %}
+    Assembling lists of <a href="https://github.com/cdransf/awesome-adblock">ad and tracker-blocking tools</a>.
   </p>
 </div>
\ No newline at end of file
diff --git a/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md b/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
index 00a9a7f3..76573b7b 100644
--- a/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
+++ b/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
@@ -152,7 +152,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
 
 ```liquid
 {% if recentTracks.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
+  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
     {% tablericon "microphone" "Artists" %}
     <div class="ml-1">Artists</div>
   </h2>
@@ -176,7 +176,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
   </div>
 {% endif %}
 {% if recentTracks.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
+  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
     {% tablericon "musical-note" "Albums" %}
     <div class="ml-1">Albums</div>
   </h2>
@@ -204,7 +204,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
 
 We have an object containing arrays of objects — we iterate through each object for the appropriate section (tracks aren't displayed at the moment) and build the resulting display[^3]. This isn't perfect by any means, but, it does provide a nice little visualization of what I'm listening to and `240` tracks feels adequate as a rolling window into that activity.
 
-{% image 'https://cdn.coryd.dev/blog/albums-artists.jpg', 'Albums and artists', 'w-full', '600px' %}
+{% image '<https://cdn.coryd.dev/blog/albums-artists.jpg>', 'Albums and artists', 'w-full', '600px' %}
 
 [^1]: There are some good options to do this, but there aren't a _ton_ and the age of some of the apps is concerning. [Marvis](https://appaddy.wixsite.com/marvis) is far and away your best choice here.
 [^2]: Making sure that you update the values you obtained, including the path to your downloaded `.p8` file.
diff --git a/src/posts/2023/drying-up-now-page-templates-eleventy.md b/src/posts/2023/drying-up-now-page-templates-eleventy.md
index 1112b253..71d75733 100644
--- a/src/posts/2023/drying-up-now-page-templates-eleventy.md
+++ b/src/posts/2023/drying-up-now-page-templates-eleventy.md
@@ -16,7 +16,7 @@ If you want to skip all the reading, the diff for this [is here](https://github.
 ```liquid
 {% if data.size > 0 %}
   {% assign media = data | normalizeMedia %}
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
     {% tablericon icon title %}
     <div class="ml-1">{{ title }}</div>
   </h2>
diff --git a/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
index b0836d30..b82e321b 100644
--- a/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
+++ b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
@@ -46,7 +46,7 @@ Rendering the output is as simple as:
 
 ```liquid
 {% if albumReleases.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
+  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
     {% tablericon "calendar" "Albums I'm looking forward to" %}
     <div class="ml-1">Albums I'm looking forward to</div>
   </h2>
@@ -65,6 +65,6 @@ Rendering the output is as simple as:
 
 {% endraw %}
 Leaving us with:
-{% image 'https://cdn.coryd.dev/blog/album-releases.jpg', 'Albums I\'m looking forward to', 'w-full', '600px' %}
+{% image '<https://cdn.coryd.dev/blog/album-releases.jpg>', 'Albums I\'m looking forward to', 'w-full', '600px' %}
 
 [^1]: At this point, a dev playground.
diff --git a/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md b/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
index 3da7c19f..ff7c1859 100644
--- a/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
+++ b/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
@@ -52,9 +52,9 @@ And rendered using a liquid template:
 ```liquid
 {% assign posts = posts | getPopularPosts: analytics %}
 <div class="not-prose">
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
+  <h2 class="[&>svg]:h-7 [&>svg]:w-7 [&>svg]:inline icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% tablericon "fire" "Popular" %}
-    <div class="ml-1">Popular posts</div>
+    Popular posts
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
     {% for post in posts %}
diff --git a/tailwind.css b/tailwind.css
index 424a4a8f..1b7c998b 100644
--- a/tailwind.css
+++ b/tailwind.css
@@ -47,10 +47,6 @@ body, html {
   background: theme(colors.pink.500);
 }
 
-.icon-inline svg {
-  @apply inline;
-}
-
 .active,
 .active svg {
   color: theme(colors.teal.700);
@@ -141,26 +137,6 @@ code[class*=language-], pre[class*=language-] {
   stroke-width: 1.4;
 }
 
-.icon--20 > svg {
-  @apply h-5;
-  @apply w-5;
-}
-
-.icon--24 > svg {
-  @apply h-6;
-  @apply w-6
-}
-
-.icon--28 > svg {
-  @apply h-7;
-  @apply w-7;
-}
-
-.icon--32 > svg {
-  @apply h-8;
-  @apply w-8;
-}
-
 .icon--bold > svg {
   stroke-width: 2;
 }
@@ -179,6 +155,10 @@ code[class*=language-], pre[class*=language-] {
   @apply animate-spin;
 }
 
+.icon--inline > svg {
+  @apply inline;
+}
+
 @media (prefers-color-scheme: dark) {
   body {
     --pagefind-ui-primary: theme(colors.purple.400);