From 8c53392c219068cf8b35f6d5bae40a5eb1291b9d Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <coryd@hey.com>
Date: Sun, 6 Aug 2023 12:29:51 -0700
Subject: [PATCH] feat: simplify icons + dry feed styles

---
 package.json                                  |   2 +-
 src/404.html                                  |   2 +-
 src/_includes/feed.liquid                     |  84 ++++++++++
 src/_includes/icons/calendar.liquid           |   4 +-
 src/_includes/icons/coffee.liquid             |   4 +-
 src/_includes/icons/email.liquid              |   4 +-
 src/_includes/icons/github.liquid             |   4 +-
 src/_includes/icons/goodreads.liquid          |   4 +-
 src/_includes/icons/lastfm.liquid             |   4 +-
 src/_includes/icons/letterboxd.liquid         |   4 +-
 src/_includes/icons/linkedin.liquid           |   4 +-
 src/_includes/icons/mastodon.liquid           |   4 +-
 src/_includes/icons/rss.liquid                |   4 +-
 src/_includes/icons/search.liquid             |   4 +-
 src/_includes/icons/spotify.liquid            |   4 +-
 src/_includes/icons/tags.liquid               |   4 +-
 src/_includes/icons/trakt.liquid              |   4 +-
 src/_includes/icons/webrings.liquid           |   4 +-
 .../partials/now/albumReleases.liquid         |   4 +-
 src/_includes/partials/now/albums.liquid      |   4 +-
 src/_includes/partials/now/artists.liquid     |   4 +-
 src/_includes/partials/now/books.liquid       |   4 +-
 src/_includes/partials/now/links.liquid       |   4 +-
 src/_includes/partials/now/movies.liquid      |   4 +-
 src/_includes/partials/now/tv.liquid          |   4 +-
 src/_includes/partials/paginator.liquid       |  16 +-
 src/_includes/partials/popular-posts.liquid   |   4 +-
 src/_includes/webrings/css-joy.liquid         |  12 +-
 src/_includes/webrings/the-claw.liquid        |   4 +-
 src/assets/feeds/books.md                     |   8 +
 src/assets/feeds/books.xsl                    |  89 -----------
 src/assets/feeds/feed.md                      |   8 +
 src/assets/feeds/feed.xsl                     | 109 -------------
 src/assets/feeds/follow.md                    |   8 +
 src/assets/feeds/follow.xsl                   |  90 -----------
 src/assets/feeds/links.md                     |   8 +
 src/assets/feeds/links.xsl                    |  89 -----------
 src/now.html                                  |  20 +--
 ...ng-data-from-apple-music-using-musickit.md |  10 +-
 ...cs-to-json-surfacing-anticipated-albums.md |   6 +-
 ...r-posts-widget-using-eleventy-plausible.md |   4 +-
 tailwind.css                                  |  18 ++-
 yarn.lock                                     | 150 +++++++++---------
 43 files changed, 290 insertions(+), 539 deletions(-)
 create mode 100644 src/_includes/feed.liquid
 create mode 100644 src/assets/feeds/books.md
 delete mode 100644 src/assets/feeds/books.xsl
 create mode 100644 src/assets/feeds/feed.md
 delete mode 100644 src/assets/feeds/feed.xsl
 create mode 100644 src/assets/feeds/follow.md
 delete mode 100644 src/assets/feeds/follow.xsl
 create mode 100644 src/assets/feeds/links.md
 delete mode 100644 src/assets/feeds/links.xsl

diff --git a/package.json b/package.json
index 05a36933..15f786ff 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "child_process": "^1.0.2",
     "clean-css": "^5.3.2",
     "dotenv-flow": "^3.2.0",
-    "eleventy-plugin-tabler-icons": "^1.0.8",
+    "eleventy-plugin-tabler-icons": "^2.0.1",
     "eleventy-plugin-unfurl": "^1.0.0",
     "eleventy-plugin-youtube-embed": "^1.9.0",
     "eslint": "^8.46.0",
diff --git a/src/404.html b/src/404.html
index 8e912618..04912e9c 100644
--- a/src/404.html
+++ b/src/404.html
@@ -12,7 +12,7 @@ permalink: 404.html
   <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-purple-500">
       <span class="icon--bold pt-1 md:pt-0 mr-1">
-        {% tablericon "receipt-2" "Receipt" "width=20 height=20" %}
+        {% tablericon "receipt-2" "Receipt" "{width: 20, height: 20}" %}
       </span>
       <span>Skip out on the room service bill</span>
     </a>
diff --git a/src/_includes/feed.liquid b/src/_includes/feed.liquid
new file mode 100644
index 00000000..5602c900
--- /dev/null
+++ b/src/_includes/feed.liquid
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="utf-8"?>
+<xsl:stylesheet
+  version="3.0"
+  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+  xmlns:atom="http://www.w3.org/2005/Atom">
+  <xsl:output method="html" version="4.0" encoding="UTF-8" indent="yes"/>
+  <xsl:template match="/">
+    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+    <head>
+      <meta charset="utf-8"/>
+      <meta name="viewport" content="width=device-width, initial-scale=1"/>
+      <title>
+        {{ title }}
+      </title>
+      <link href="/assets/styles/tailwind.css" rel="stylesheet"/>
+      <link href="/assets/styles/index.css" rel="stylesheet"/>
+      <link href="/assets/img/favicon/favicon-16x16.png" rel="icon" type="image/x-icon"/>
+      <link href="/assets/img/favicon/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32"/>
+      <link href="/assets/img/favicon/apple-touch-icon.png" rel="apple-touch-icon"/>
+      <link rel="me" href="https://social.lol/@cory"/>
+    </head>
+    <body class="dark:text-white dark:bg-gray-900 font-sans text-gray-800">
+    <div class="min-h-screen flex flex-col">
+      <main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto">
+        <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">
+            {{ heading }}
+          </h1>
+          <a href="/" class="icon--h-28 icon--bold">
+            {% tablericon "home-move" "Home • Cory Dransfeldt" %}
+          </a>
+        </div>
+        <div class="pt-8 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
+          <div class="dark:text-white text-gray-800">
+            <h2
+              class="font-black leading-tight m-0 md:text-2xl text-xl tracking-normal mb-4 flex flex-row items-center text-gray-800 dark:text-gray-200 icon--h-28">
+              <div class="mr-1">
+                {% tablericon icon title %}
+              </div>
+              {{ title }}
+            </h2>
+            <p>{{ description }}</p>
+            <p>
+              <xsl:value-of select="atom:feed/atom:description"/>
+            </p>
+          </div>
+          <ul class="mb-8">
+            <xsl:apply-templates select="atom:feed/atom:entry"/>
+          </ul>
+        </div>
+        <footer class="prose pb-8 mt-4 text-gray-800 dark:text-white border-t border-gray-200 dark:border-gray-700 max-w-full">
+          <div>
+            <p class="mb-0">
+              <strong class="text-gray-800 dark:text-gray-200">This is a web feed,</strong>
+              also known as an RSS or Atom feed.
+            </p>
+            <p class="mt-0">
+              <strong class="text-gray-800 dark:text-gray-200">Subscribe</strong>
+              by copying the URL from the address bar into your newsreader.
+            </p>
+          </div>
+          <small>Visit <a href="https://aboutfeeds.com">About Feeds</a> to get started with newsreaders and
+            subscribing. It's free.
+          </small>
+        </footer>
+      </main>
+    </div>
+    </body>
+    </html>
+  </xsl:template>
+  <xsl:template match="atom:feed/atom:entry">
+    <li>
+      <a
+        class="no-underline text-gray-800 hover:text-purple-400 dark:text-gray-200 dark:hover:text-purple-400 leading-tight m-0 cursor-pointer">
+        <xsl:attribute name="href">
+          <xsl:value-of select="atom:link/@href"/>
+        </xsl:attribute>
+        <xsl:value-of select="atom:title"/>
+      </a>
+      <span class="mx-1">•</span>
+      <xsl:value-of select="atom:updated"/>
+    </li>
+  </xsl:template>
+</xsl:stylesheet>
\ No newline at end of file
diff --git a/src/_includes/icons/calendar.liquid b/src/_includes/icons/calendar.liquid
index 2d98ceb0..246af82e 100644
--- a/src/_includes/icons/calendar.liquid
+++ b/src/_includes/icons/calendar.liquid
@@ -1,7 +1,7 @@
 <a
-  class="link--icon"
+  class="link--icon icon--h-24"
   href="https://savvycal.com/coryd/quick-call"
   rel="me"
   title="SavvyCal">
-  {% tablericon "calendar-plus" "SavvyCal" "height=24" %}
+  {% tablericon "calendar-plus" "SavvyCal" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/coffee.liquid b/src/_includes/icons/coffee.liquid
index 0fd8dc8f..7db2b50d 100644
--- a/src/_includes/icons/coffee.liquid
+++ b/src/_includes/icons/coffee.liquid
@@ -1,7 +1,7 @@
 <a
-  class="link--icon"
+  class="link--icon  icon--h-24"
   href="https://www.buymeacoffee.com/cory"
   rel="me"
   title="Buy Me a Coffee">
-  {% tablericon "cup" "Buy Me a Coffee" "height=24" %}
+  {% tablericon "cup" "Buy Me a Coffee" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/email.liquid b/src/_includes/icons/email.liquid
index ff4c3f3f..0299d07b 100644
--- a/src/_includes/icons/email.liquid
+++ b/src/_includes/icons/email.liquid
@@ -1,7 +1,7 @@
 <a
-  class="link--icon"
+  class="link--icon icon--h-24"
   href="mailto:coryd@hey.com"
   rel="me"
   title="Email">
-  {% tablericon "at" "Email" "height=24" %}
+  {% tablericon "at" "Email" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/github.liquid b/src/_includes/icons/github.liquid
index 7217bcbd..1f8d1a9a 100644
--- a/src/_includes/icons/github.liquid
+++ b/src/_includes/icons/github.liquid
@@ -1,7 +1,7 @@
 <a
-  class="link--icon"
+  class="link--icon icon--h-24"
   href="https://github.com/cdransf"
   rel="me"
   title="GitHub">
-  {% tablericon "brand-github" "GitHub" "height=24" %}
+  {% tablericon "brand-github" "GitHub" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/goodreads.liquid b/src/_includes/icons/goodreads.liquid
index 7a97519c..220e79bd 100644
--- a/src/_includes/icons/goodreads.liquid
+++ b/src/_includes/icons/goodreads.liquid
@@ -1,7 +1,7 @@
 <a
-  class="link--icon"
+  class="link--icon icon--h-24"
   href="https://www.goodreads.com/cdransf"
   rel="me"
   title="Goodreads">
-  {% tablericon "books" "Goodreads" "height=24" %}
+  {% tablericon "books" "Goodreads" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/lastfm.liquid b/src/_includes/icons/lastfm.liquid
index 47699054..1ad2307c 100644
--- a/src/_includes/icons/lastfm.liquid
+++ b/src/_includes/icons/lastfm.liquid
@@ -1,7 +1,7 @@
 <a
-  class="link--icon"
+  class="link--icon icon--h-24"
   href="https://www.last.fm/user/cdrn_"
   rel="me"
   title="Last.fm">
-  {% tablericon "brand-lastfm" "Last.fm" "height=24" %}
+  {% tablericon "brand-lastfm" "Last.fm" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/letterboxd.liquid b/src/_includes/icons/letterboxd.liquid
index 632b7591..dfc8b1c8 100644
--- a/src/_includes/icons/letterboxd.liquid
+++ b/src/_includes/icons/letterboxd.liquid
@@ -1,7 +1,7 @@
 <a
-  class="link--icon"
+  class="link--icon icon--h-24"
   href="https://letterboxd.com/cdme"
   rel="me"
   title="Letterboxd">
-  {% tablericon "brand-letterboxd" "Letterboxd" "height=24" %}
+  {% tablericon "brand-letterboxd" "Letterboxd" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/linkedin.liquid b/src/_includes/icons/linkedin.liquid
index ef640488..f02b3733 100644
--- a/src/_includes/icons/linkedin.liquid
+++ b/src/_includes/icons/linkedin.liquid
@@ -1,7 +1,7 @@
 <a
-  class="link--icon"
+  class="link--icon icon--h-24"
   href="https://www.linkedin.com/in/cdransf/"
   rel="me"
   title="LinkedIn">
-  {% tablericon "brand-linkedin" "LinkedIn" "height=24" %}
+  {% tablericon "brand-linkedin" "LinkedIn" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/mastodon.liquid b/src/_includes/icons/mastodon.liquid
index bd27636b..2cafc7ee 100644
--- a/src/_includes/icons/mastodon.liquid
+++ b/src/_includes/icons/mastodon.liquid
@@ -1,7 +1,7 @@
 <a
-  class="link--icon"
+  class="link--icon icon--h-24"
   href="https://social.lol/@cory"
   rel="me"
   title="Mastodon">
-  {% tablericon "brand-mastodon" "Mastodon" "height=24" %}
+  {% tablericon "brand-mastodon" "Mastodon" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/rss.liquid b/src/_includes/icons/rss.liquid
index 057fd428..a706581e 100644
--- a/src/_includes/icons/rss.liquid
+++ b/src/_includes/icons/rss.liquid
@@ -1,3 +1,3 @@
-<a href="/feeds" title="RSS" class="link--icon{% if page.url == '/feeds/' %} active{% endif %}">
-  {% tablericon "rss" "RSS" "height=24" %}
+<a href="/feeds" title="RSS" class="link--icon icon--h-24{% if page.url == '/feeds/' %} active{% endif %}">
+  {% tablericon "rss" "RSS" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/search.liquid b/src/_includes/icons/search.liquid
index 1e053f4b..a7552254 100644
--- a/src/_includes/icons/search.liquid
+++ b/src/_includes/icons/search.liquid
@@ -1,3 +1,3 @@
-<a href="/search" title="Search posts" class="link--icon{% if page.url == '/search/' %} active{% endif %}">
-  {% tablericon "search" "Search posts" "height=24" %}
+<a href="/search" title="Search posts" class="link--icon icon--h-24{% if page.url == '/search/' %} active{% endif %}">
+  {% tablericon "search" "Search posts" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/spotify.liquid b/src/_includes/icons/spotify.liquid
index 1ec18942..d78ed6a7 100644
--- a/src/_includes/icons/spotify.liquid
+++ b/src/_includes/icons/spotify.liquid
@@ -1,7 +1,7 @@
 <a
-  class="link--icon"
+  class="link--icon icon--h-24"
   href="https://open.spotify.com/user/mdh0acvmvfsbunzt6ywnq2tg3"
   rel="me"
   title="Spotify">
-  {% tablericon "brand-spotify" "Spotify" "height=24" %}
+  {% tablericon "brand-spotify" "Spotify" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/tags.liquid b/src/_includes/icons/tags.liquid
index cad0cd61..3c1bd470 100644
--- a/src/_includes/icons/tags.liquid
+++ b/src/_includes/icons/tags.liquid
@@ -1,3 +1,3 @@
-<a href="/tags" title="Post tags" class="link--icon{% if page.url == '/tags/' %} active{% endif %}">
-  {% tablericon "tag" "Post tags" "height=24" %}
+<a href="/tags" title="Post tags" class="link--icon icon--h-24{% if page.url == '/tags/' %} active{% endif %}">
+  {% tablericon "tag" "Post tags" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/trakt.liquid b/src/_includes/icons/trakt.liquid
index d7f8bad2..83941e6a 100644
--- a/src/_includes/icons/trakt.liquid
+++ b/src/_includes/icons/trakt.liquid
@@ -1,7 +1,7 @@
 <a
-  class="link--icon"
+  class="link--icon icon--h-24"
   href="https://trakt.tv/users/cdransf"
   rel="me"
   title="Trakt">
-  {% tablericon "device-tv" "Trakt" "height=24" %}
+  {% tablericon "device-tv" "Trakt" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/icons/webrings.liquid b/src/_includes/icons/webrings.liquid
index 0cacbc4a..15fdd2cf 100644
--- a/src/_includes/icons/webrings.liquid
+++ b/src/_includes/icons/webrings.liquid
@@ -1,3 +1,3 @@
-<a href="/webrings" title="RSS" class="link--icon{% if page.url == '/webrings/' %} active{% endif %}">
-  {% tablericon "heart-handshake" "Webrings" "height=24" %}
+<a href="/webrings" title="RSS" class="link--icon icon--h-24{% if page.url == '/webrings/' %} active{% endif %}">
+  {% tablericon "heart-handshake" "Webrings" %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/partials/now/albumReleases.liquid b/src/_includes/partials/now/albumReleases.liquid
index a135e07d..f45d738e 100644
--- a/src/_includes/partials/now/albumReleases.liquid
+++ b/src/_includes/partials/now/albumReleases.liquid
@@ -1,6 +1,6 @@
 {% 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">
-    {% tablericon "calendar-time" "Anticipated albums" "height=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 icon--h-28">
+    {% tablericon "calendar-time" "Anticipated albums" %}
     <div class="ml-1">Anticipated albums</div>
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
diff --git a/src/_includes/partials/now/albums.liquid b/src/_includes/partials/now/albums.liquid
index c8f8cc05..221b1244 100644
--- a/src/_includes/partials/now/albums.liquid
+++ b/src/_includes/partials/now/albums.liquid
@@ -1,6 +1,6 @@
 {% if music.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">
-    {% tablericon "vinyl" "Albums" "height=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 icon--h-28">
+    {% tablericon "vinyl" "Albums" %}
     <div class="ml-1">Albums</div>
   </h2>
   <div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
diff --git a/src/_includes/partials/now/artists.liquid b/src/_includes/partials/now/artists.liquid
index 74421f08..d83ad72f 100644
--- a/src/_includes/partials/now/artists.liquid
+++ b/src/_includes/partials/now/artists.liquid
@@ -1,6 +1,6 @@
 {% if music.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">
-    {% tablericon "microphone-2" "Artists" "height=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 icon--h-28">
+    {% tablericon "microphone-2" "Artists" %}
     <div class="ml-1">Artists</div>
   </h2>
   <div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
diff --git a/src/_includes/partials/now/books.liquid b/src/_includes/partials/now/books.liquid
index 6ed8f83c..ab71b477 100644
--- a/src/_includes/partials/now/books.liquid
+++ b/src/_includes/partials/now/books.liquid
@@ -1,6 +1,6 @@
 {% if books.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">
-    {% tablericon "books" "Books" "height=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 icon--h-28">
+    {% tablericon "books" "Books" %}
     <div class="ml-1">Books</div>
   </h2>
   <div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
diff --git a/src/_includes/partials/now/links.liquid b/src/_includes/partials/now/links.liquid
index 2056dd7b..139c0edf 100644
--- a/src/_includes/partials/now/links.liquid
+++ b/src/_includes/partials/now/links.liquid
@@ -1,6 +1,6 @@
 {% if links.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">
-    {% tablericon "link" "Links" "height=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 icon--h-28">
+    {% tablericon "link" "Links" %}
     <div class="ml-1">Links</div>
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
diff --git a/src/_includes/partials/now/movies.liquid b/src/_includes/partials/now/movies.liquid
index 24f962c3..8623094d 100644
--- a/src/_includes/partials/now/movies.liquid
+++ b/src/_includes/partials/now/movies.liquid
@@ -1,6 +1,6 @@
 {% if movies.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">
-    {% tablericon "movie" "Movies" "height=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 icon--h-28">
+    {% tablericon "movie" "Movies" %}
     <div class="ml-1">Movies</div>
   </h2>
   <div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
diff --git a/src/_includes/partials/now/tv.liquid b/src/_includes/partials/now/tv.liquid
index afbab0dc..85bf7194 100644
--- a/src/_includes/partials/now/tv.liquid
+++ b/src/_includes/partials/now/tv.liquid
@@ -1,6 +1,6 @@
 {% if tv.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">
-    {% tablericon "device-tv" "TV" "height=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 icon--h-28">
+    {% tablericon "device-tv" "TV" %}
     <div class="ml-1">TV</div>
   </h2>
   <div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
diff --git a/src/_includes/partials/paginator.liquid b/src/_includes/partials/paginator.liquid
index 09714df2..3da7d9cb 100644
--- a/src/_includes/partials/paginator.liquid
+++ b/src/_includes/partials/paginator.liquid
@@ -1,16 +1,16 @@
 <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 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Previous page">
-        {% tablericon "arrow-left" "Previous" "width=20 height=20" %}
+      <button class="py-2 pr-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Previous page icon--h-20">
+        {% tablericon "arrow-left" "Previous" %}
       </button>
     </a>
   {% else %}
     <button
-      class="py-2 pr-4 cursor-not-allowed disabled:opacity-50"
+      class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 icon--h-20"
       aria-label="Previous page (disabled)"
       disabled>
-      {% tablericon "arrow-left" "Prevous" "width=20 height=20" %}
+      {% tablericon "arrow-left" "Prevous" %}
     </button>
   {% endif %}
   <div class="text-center">
@@ -18,16 +18,16 @@
   </div>
   {% if pagination.href.next %}
     <a href="{{ pagination.href.next }}">
-      <button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Next page">
-        {% tablericon "arrow-right" "Next" "width=20 height=20" %}
+      <button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500 icon--h-20" aria-label="Next page">
+        {% tablericon "arrow-right" "Next" %}
       </button>
     </a>
   {% else %}
     <button
-      class="py-2 pl-4 cursor-not-allowed disabled:opacity-50"
+      class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 icon--h-20"
       aria-label="Next page (disabled)"
       disabled>
-      {% tablericon "arrow-right" "Next" "width=20 height=20" %}
+      {% tablericon "arrow-right" "Next" %}
     </button>
   {% endif %}
 </nav>
\ No newline at end of file
diff --git a/src/_includes/partials/popular-posts.liquid b/src/_includes/partials/popular-posts.liquid
index 4bb647f7..6c890321 100644
--- a/src/_includes/partials/popular-posts.liquid
+++ b/src/_includes/partials/popular-posts.liquid
@@ -1,7 +1,7 @@
 {% 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">
-    {% tablericon "flame" "Popular" "height=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 icon--h-28">
+    {% tablericon "flame" "Popular" %}
     <div class="ml-1">Popular posts</div>
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
diff --git a/src/_includes/webrings/css-joy.liquid b/src/_includes/webrings/css-joy.liquid
index bc090f3e..7cb01e00 100644
--- a/src/_includes/webrings/css-joy.liquid
+++ b/src/_includes/webrings/css-joy.liquid
@@ -5,16 +5,16 @@
     </h3>
   </a>
   <div class="flex flex-row justify-center items-center">
-    <a class="link--icon" href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
-      {% tablericon "arrow-left" "Previous site" "width=20 height=20" %}
+    <a class="link--icon icon--h-20" 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-purple-500">
-        {% tablericon "dice-3" "Random site" "height=24" %}
+      <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-purple-500 icon--h-24">
+        {% tablericon "dice-3" "Random site" %}
       </a>
     </div>
-    <a class="link--icon" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
-      {% tablericon "arrow-right" "Next site" "width=20 height=20" %}
+    <a class="link--icon icon--h-20" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
+      {% tablericon "arrow-right" "Next site" %}
     </a>
   </div>
 </div>
\ No newline at end of file
diff --git a/src/_includes/webrings/the-claw.liquid b/src/_includes/webrings/the-claw.liquid
index c6bb58bc..f476e77b 100644
--- a/src/_includes/webrings/the-claw.liquid
+++ b/src/_includes/webrings/the-claw.liquid
@@ -7,8 +7,8 @@
   </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-purple-500">
-        <span class="icon--bold pt-1 md:pt-0 mr-1">
-          {% tablericon "user-plus" "Join!" "width=20 height=20" %}
+        <span class="icon--bold pt-1 md:pt-0 mr-1 icon--h-20">
+          {% tablericon "user-plus" "Join!" %}
         </span>
       <span>Join!</span>
     </a>
diff --git a/src/assets/feeds/books.md b/src/assets/feeds/books.md
new file mode 100644
index 00000000..d42d0016
--- /dev/null
+++ b/src/assets/feeds/books.md
@@ -0,0 +1,8 @@
+---
+layout: feed
+title: Books • Cory Dransfeldt
+icon: books
+heading: Feed preview • books
+description: A feed of my recently read books.
+permalink: /assets/feeds/books.xsl
+---
\ No newline at end of file
diff --git a/src/assets/feeds/books.xsl b/src/assets/feeds/books.xsl
deleted file mode 100644
index eb294e61..00000000
--- a/src/assets/feeds/books.xsl
+++ /dev/null
@@ -1,89 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet
-  version="3.0"
-  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-  xmlns:atom="http://www.w3.org/2005/Atom">
-  <xsl:output method="html" version="4.0" encoding="UTF-8" indent="yes"/>
-  <xsl:template match="/">
-    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
-      <head>
-        <meta charset="utf-8"/>
-        <meta name="viewport" content="width=device-width, initial-scale=1"/>
-        <title>
-          <xsl:value-of select="atom:feed/atom:title"/>
-        </title>
-        <link href="/assets/styles/tailwind.css" rel="stylesheet"/>
-        <link href="/assets/styles/index.css" rel="stylesheet"/>
-        <link href="/assets/img/favicon/favicon-16x16.png" rel="icon" type="image/x-icon"/>
-        <link href="/assets/img/favicon/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32"/>
-        <link href="/assets/img/favicon/apple-touch-icon.png" rel="apple-touch-icon"/>
-        <link rel="me" href="https://social.lol/@cory"/>
-      </head>
-      <body class="dark:text-white dark:bg-gray-900 font-sans text-gray-800">
-        <div class="min-h-screen flex flex-col">
-          <main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto">
-            <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">Books • Cory Dransfeldt</h1>
-              <a href="/">
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                     stroke="currentColor"
-                     class="inline w-6 h-6 outline-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400">
-                  <path stroke-linecap="round" stroke-linejoin="round"
-                        d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/>
-                </svg>
-              </a>
-            </div>
-            <div class="pt-8 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
-              <div class="dark:text-white text-gray-800">
-                <h2
-                  class="font-black leading-tight m-0 md:text-2xl text-xl tracking-normal mb-4 flex flex-row items-center text-gray-800 dark:text-gray-200">
-                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                       stroke="currentColor" class="w-10 h-10 mr-1">
-                    <path stroke-linecap="round" stroke-linejoin="round"
-                          d="M12.75 19.5v-.75a7.5 7.5 0 00-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"/>
-                  </svg>
-                  Feed preview • books
-                </h2>
-                <p>A feed of my recently read books.</p>
-                <p>
-                  <xsl:value-of select="atom:feed/atom:description"/>
-                </p>
-              </div>
-              <ul class="mb-8">
-                <xsl:apply-templates select="atom:feed/atom:entry"/>
-              </ul>
-            </div>
-            <footer class="prose pb-8 mt-4 text-gray-800 dark:text-white border-t border-gray-200 dark:border-gray-700 max-w-full">
-              <div>
-                <p class="mb-0">
-                  <strong class="text-gray-800 dark:text-gray-200">This is a web feed,</strong>
-                  also known as an RSS or Atom feed.
-                </p>
-                <p class="mt-0">
-                  <strong class="text-gray-800 dark:text-gray-200">Subscribe</strong>
-                  by copying the URL from the address bar into your newsreader.
-                </p>
-              </div>
-              <small>Visit <a href="https://aboutfeeds.com">About Feeds</a> to get started with newsreaders and
-                subscribing. It's free.
-              </small>
-            </footer>
-          </main>
-        </div>
-      </body>
-    </html>
-  </xsl:template>
-  <xsl:template match="atom:feed/atom:entry">
-    <li>
-      <a
-        class="no-underline text-gray-800 hover:text-purple-400 dark:text-gray-200 dark:hover:text-purple-400 leading-tight m-0 cursor-pointer">
-        <xsl:attribute name="href">
-          <xsl:value-of select="atom:link/@href"/>
-        </xsl:attribute>
-        <xsl:value-of select="atom:title"/>
-      </a>
-      •
-      <xsl:value-of select="atom:updated"/>
-    </li>
-  </xsl:template>
-</xsl:stylesheet>
\ No newline at end of file
diff --git a/src/assets/feeds/feed.md b/src/assets/feeds/feed.md
new file mode 100644
index 00000000..fe8aee22
--- /dev/null
+++ b/src/assets/feeds/feed.md
@@ -0,0 +1,8 @@
+---
+layout: feed
+title: Feed • Cory Dransfeldt
+icon: rss
+heading: Feed preview • all posts
+description: A feed of the posts from my site.
+permalink: /assets/feeds/feed.xsl
+---
\ No newline at end of file
diff --git a/src/assets/feeds/feed.xsl b/src/assets/feeds/feed.xsl
deleted file mode 100644
index 16cbc6a0..00000000
--- a/src/assets/feeds/feed.xsl
+++ /dev/null
@@ -1,109 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet
-  version="3.0"
-  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-  xmlns:atom="http://www.w3.org/2005/Atom">
-  <xsl:output method="html" version="4.0" encoding="UTF-8" indent="yes"/>
-  <xsl:template match="/">
-    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
-      <head>
-        <meta charset="utf-8"/>
-        <meta name="viewport" content="width=device-width, initial-scale=1"/>
-        <title>
-          <xsl:value-of select="atom:feed/atom:title"/>
-        </title>
-        <link href="/assets/styles/tailwind.css" rel="stylesheet"/>
-        <link href="/assets/styles/index.css" rel="stylesheet"/>
-        <link href="/assets/img/favicon/favicon-16x16.png" rel="icon" type="image/x-icon"/>
-        <link href="/assets/img/favicon/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32"/>
-        <link href="/assets/img/favicon/apple-touch-icon.png" rel="apple-touch-icon"/>
-        <link rel="me" href="https://social.lol/@cory"/>
-      </head>
-      <body class="dark:text-white dark:bg-gray-900 font-sans text-gray-800">
-        <div class="min-h-screen flex flex-col">
-          <main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto">
-            <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">Cory Dransfeldt</h1>
-              <a href="/">
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                     stroke="currentColor"
-                     class="inline w-6 h-6 outline-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400">
-                  <path stroke-linecap="round" stroke-linejoin="round"
-                        d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/>
-                </svg>
-              </a>
-            </div>
-            <div class="pt-8 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
-              <div class="dark:text-white text-gray-800 border-b border-gray-200 dark:border-gray-700 pb-4">
-                <h2
-                  class="font-black leading-tight m-0 md:text-2xl text-xl tracking-normal mb-4 flex flex-row items-center text-gray-800 dark:text-gray-200">
-                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                       stroke="currentColor" class="w-10 h-10 mr-1">
-                    <path stroke-linecap="round" stroke-linejoin="round"
-                          d="M12.75 19.5v-.75a7.5 7.5 0 00-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"/>
-                  </svg>
-                  Feed preview • all posts
-                </h2>
-                <p>I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4
-                  rescue dogs, technology, automation, music, writing, reading and tv and movies.
-                </p>
-                <p>
-                  <em>This feed preview only shows titles, but the actual feed contains the full content.</em>
-                </p>
-                <p>
-                  <a href="/feed.json">I also have a JSON feed available.</a>
-                </p>
-                <a href="/">
-                  Visit site &#x2192;
-                </a>
-                <p>
-                  <xsl:value-of select="atom:feed/atom:description"/>
-                </p>
-              </div>
-              <xsl:apply-templates select="atom:feed/atom:entry"/>
-            </div>
-            <footer class="prose pb-8 mt-4 text-gray-800 dark:text-white max-w-full">
-              <div>
-                <p class="mb-0">
-                  <strong class="text-gray-800 dark:text-gray-200">This is a web feed,</strong>
-                  also known as an RSS or Atom feed.
-                </p>
-                <p class="mt-0">
-                  <strong class="text-gray-800 dark:text-gray-200">Subscribe</strong>
-                  by copying the URL from the address bar into your newsreader.
-                </p>
-              </div>
-              <small>Visit <a href="https://aboutfeeds.com">About Feeds</a> to get started with newsreaders and
-                subscribing. It's free.
-              </small>
-            </footer>
-          </main>
-        </div>
-      </body>
-    </html>
-  </xsl:template>
-  <xsl:template match="atom:feed/atom:entry">
-    <div class="pb-4 border-b border-gray-200 dark:border-gray-700 mb-8">
-      <h3 class="mb-0">
-        <a
-          class="no-underline text-gray-800 hover:text-purple-400 dark:text-gray-200 dark:hover:text-purple-400 leading-tight m-0 cursor-pointer">
-          <xsl:attribute name="href">
-            <xsl:value-of select="atom:link/@href"/>
-          </xsl:attribute>
-          <xsl:value-of select="atom:title"/>
-        </a>
-      </h3>
-      <div class="h-14 flex items-center text-sm">
-        <span>
-          <xsl:value-of select="atom:updated"/> •
-          <a>
-            <xsl:attribute name="href">
-              <xsl:value-of select="atom:link/@href"/>
-            </xsl:attribute>
-            Read &#x2192;
-          </a>
-        </span>
-      </div>
-    </div>
-  </xsl:template>
-</xsl:stylesheet>
diff --git a/src/assets/feeds/follow.md b/src/assets/feeds/follow.md
new file mode 100644
index 00000000..67ef21a1
--- /dev/null
+++ b/src/assets/feeds/follow.md
@@ -0,0 +1,8 @@
+---
+layout: feed
+title: Follow • Cory Dransfeldt
+icon: user-plus
+heading: Feed preview • follow
+description: My activity from around the web.
+permalink: /assets/feeds/follow.xsl
+---
\ No newline at end of file
diff --git a/src/assets/feeds/follow.xsl b/src/assets/feeds/follow.xsl
deleted file mode 100644
index f514409a..00000000
--- a/src/assets/feeds/follow.xsl
+++ /dev/null
@@ -1,90 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet
-  version="3.0"
-  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-  xmlns:atom="http://www.w3.org/2005/Atom">
-  <xsl:output method="html" version="4.0" encoding="UTF-8" indent="yes"/>
-  <xsl:template match="/">
-    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
-      <head>
-        <meta charset="utf-8"/>
-        <meta name="viewport" content="width=device-width, initial-scale=1"/>
-        <title>
-          <xsl:value-of select="atom:feed/atom:title"/>
-        </title>
-        <link href="/assets/styles/tailwind.css" rel="stylesheet"/>
-        <link href="/assets/styles/index.css" rel="stylesheet"/>
-        <link href="/assets/img/favicon/favicon-16x16.png" rel="icon" type="image/x-icon"/>
-        <link href="/assets/img/favicon/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32"/>
-        <link href="/assets/img/favicon/apple-touch-icon.png" rel="apple-touch-icon"/>
-        <script src="/_vercel/insights/script.js">''</script>
-        <link rel="me" href="https://social.lol/@cory"/>
-      </head>
-      <body class="dark:text-white dark:bg-gray-900 font-sans text-gray-800">
-        <div class="min-h-screen flex flex-col">
-          <main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto">
-            <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">Follow • Cory Dransfeldt</h1>
-              <a href="/">
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                     stroke="currentColor"
-                     class="inline w-6 h-6 outline-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400">
-                  <path stroke-linecap="round" stroke-linejoin="round"
-                        d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/>
-                </svg>
-              </a>
-            </div>
-            <div class="pt-8 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
-              <div class="dark:text-white text-gray-800">
-                <h2
-                  class="font-black leading-tight m-0 md:text-2xl text-xl tracking-normal mb-4 flex flex-row items-center text-gray-800 dark:text-gray-200">
-                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                       stroke="currentColor" class="w-10 h-10 mr-1">
-                    <path stroke-linecap="round" stroke-linejoin="round"
-                          d="M12.75 19.5v-.75a7.5 7.5 0 00-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"/>
-                  </svg>
-                  Feed preview • follow
-                </h2>
-                <p>My activity from around the web.</p>
-                <p>
-                  <xsl:value-of select="atom:feed/atom:description"/>
-                </p>
-              </div>
-              <ul class="mb-8">
-                <xsl:apply-templates select="atom:feed/atom:entry"/>
-              </ul>
-            </div>
-            <footer class="prose pb-8 mt-4 text-gray-800 dark:text-white border-t border-gray-200 dark:border-gray-700 max-w-full">
-              <div>
-                <p class="mb-0">
-                  <strong class="text-gray-800 dark:text-gray-200">This is a web feed,</strong>
-                  also known as an RSS or Atom feed.
-                </p>
-                <p class="mt-0">
-                  <strong class="text-gray-800 dark:text-gray-200">Subscribe</strong>
-                  by copying the URL from the address bar into your newsreader.
-                </p>
-              </div>
-              <small>Visit <a href="https://aboutfeeds.com">About Feeds</a> to get started with newsreaders and
-                subscribing. It's free.
-              </small>
-            </footer>
-          </main>
-        </div>
-      </body>
-    </html>
-  </xsl:template>
-  <xsl:template match="atom:feed/atom:entry">
-    <li>
-      <a
-        class="no-underline text-gray-800 hover:text-purple-400 dark:text-gray-200 dark:hover:text-purple-400 leading-tight m-0 cursor-pointer">
-        <xsl:attribute name="href">
-          <xsl:value-of select="atom:link/@href"/>
-        </xsl:attribute>
-        <xsl:value-of select="atom:title"/>
-      </a>
-      •
-      <xsl:value-of select="atom:updated"/>
-    </li>
-  </xsl:template>
-</xsl:stylesheet>
\ No newline at end of file
diff --git a/src/assets/feeds/links.md b/src/assets/feeds/links.md
new file mode 100644
index 00000000..6bf6c9f2
--- /dev/null
+++ b/src/assets/feeds/links.md
@@ -0,0 +1,8 @@
+---
+layout: feed
+title: Links • Cory Dransfeldt
+icon: link
+heading: Feed preview • links
+description: A feed of links I've liked.
+permalink: /assets/feeds/links.xsl
+---
\ No newline at end of file
diff --git a/src/assets/feeds/links.xsl b/src/assets/feeds/links.xsl
deleted file mode 100644
index b1e75a96..00000000
--- a/src/assets/feeds/links.xsl
+++ /dev/null
@@ -1,89 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet
-  version="3.0"
-  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-  xmlns:atom="http://www.w3.org/2005/Atom">
-  <xsl:output method="html" version="4.0" encoding="UTF-8" indent="yes"/>
-  <xsl:template match="/">
-    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
-      <head>
-        <meta charset="utf-8"/>
-        <meta name="viewport" content="width=device-width, initial-scale=1"/>
-        <title>
-          <xsl:value-of select="atom:feed/atom:title"/>
-        </title>
-        <link href="/assets/styles/tailwind.css" rel="stylesheet"/>
-        <link href="/assets/styles/index.css" rel="stylesheet"/>
-        <link href="/assets/img/favicon/favicon-16x16.png" rel="icon" type="image/x-icon"/>
-        <link href="/assets/img/favicon/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32"/>
-        <link href="/assets/img/favicon/apple-touch-icon.png" rel="apple-touch-icon"/>
-        <link rel="me" href="https://social.lol/@cory"/>
-      </head>
-      <body class="dark:text-white dark:bg-gray-900 font-sans text-gray-800">
-        <div class="min-h-screen flex flex-col">
-          <main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto">
-            <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">Links • Cory Dransfeldt</h1>
-              <a href="/">
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                     stroke="currentColor"
-                     class="inline w-6 h-6 outline-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400">
-                  <path stroke-linecap="round" stroke-linejoin="round"
-                        d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/>
-                </svg>
-              </a>
-            </div>
-            <div class="pt-8 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
-              <div class="dark:text-white text-gray-800">
-                <h2
-                  class="font-black leading-tight m-0 md:text-2xl text-xl tracking-normal mb-4 flex flex-row items-center text-gray-800 dark:text-gray-200">
-                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                       stroke="currentColor" class="w-10 h-10 mr-1">
-                    <path stroke-linecap="round" stroke-linejoin="round"
-                          d="M12.75 19.5v-.75a7.5 7.5 0 00-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"/>
-                  </svg>
-                  Feed preview • links
-                </h2>
-                <p>A feed of links I've liked.</p>
-                <p>
-                  <xsl:value-of select="atom:feed/atom:description"/>
-                </p>
-              </div>
-              <ul class="mb-8">
-                <xsl:apply-templates select="atom:feed/atom:entry"/>
-              </ul>
-            </div>
-            <footer class="prose pb-8 mt-4 text-gray-800 dark:text-white border-t border-gray-200 dark:border-gray-700 max-w-full">
-              <div>
-                <p class="mb-0">
-                  <strong class="text-gray-800 dark:text-gray-200">This is a web feed,</strong>
-                  also known as an RSS or Atom feed.
-                </p>
-                <p class="mt-0">
-                  <strong class="text-gray-800 dark:text-gray-200">Subscribe</strong>
-                  by copying the URL from the address bar into your newsreader.
-                </p>
-              </div>
-              <small>Visit <a href="https://aboutfeeds.com">About Feeds</a> to get started with newsreaders and
-                subscribing. It's free.
-              </small>
-            </footer>
-          </main>
-        </div>
-      </body>
-    </html>
-  </xsl:template>
-  <xsl:template match="atom:feed/atom:entry">
-    <li>
-      <a
-        class="no-underline text-gray-800 hover:text-purple-400 dark:text-gray-200 dark:hover:text-purple-400 leading-tight m-0 cursor-pointer">
-        <xsl:attribute name="href">
-          <xsl:value-of select="atom:link/@href"/>
-        </xsl:attribute>
-        <xsl:value-of select="atom:title"/>
-      </a>
-      •
-      <xsl:value-of select="atom:updated"/>
-    </li>
-  </xsl:template>
-</xsl:stylesheet>
\ No newline at end of file
diff --git a/src/now.html b/src/now.html
index d5650e3b..8534798c 100644
--- a/src/now.html
+++ b/src/now.html
@@ -17,33 +17,33 @@ 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">
-  {% tablericon "clock-heart" "Currently" "height=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 icon--h-28">
+  {% tablericon "clock-heart" "Currently" %}
   <div class="ml-1">Currently</div>
 </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-1 md:pt-0 mr-1">{% tablericon "map-2" "Map" "width=22 height=22" %}</span>
+    <span class="pt-1 md:pt-0 mr-1 icon--h-20">{% tablericon "map-2" "Map" %}</span>
     <span>Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.</span>
   </p>
   <p class="my-2 flex flex-row items-start md:items-center">
-    <span class="pt-1 md:pt-0 mr-1">
-      {% tablericon "play-basketball" "Hacking" "width=20 height=20" %}
+    <span class="pt-1 md:pt-0 mr-1 icon--h-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>
 </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">
-  {% tablericon "terminal-2" "Making" "height=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 icon--h-28">
+  {% tablericon "terminal-2" "Making" %}
   <div class="ml-1">Making</div>
 </h2>
 <div class="pl-4 md:pl-8">
   <p class="my-2 flex flex-row items-start md:items-center">
-    <span class="pt-1 md:pt-0 mr-1">
-      {% tablericon "code" "Hacking" "width=20 height=20" %}
+    <span class="pt-1 md:pt-0 mr-1 icon--h-20">
+      {% tablericon "code" "Hacking" %}
     </span>
     <span>
       Hacking away on projects like this page, my
@@ -51,7 +51,7 @@ meta:
     </span>
   </p>
   <p class="my-2 flex flex-row items-start md:items-center">
-    <span class="pt-1 md:pt-0 mr-1">{% tablericon "hand-stop" "Ad and tracker-blocking" "width=20 height=20" %}</span>
+    <span class="pt-1 md:pt-0 mr-1 icon--h-20">{% tablericon "hand-stop" "Ad and tracker-blocking" %}</span>
     <a href="https://github.com/cdransf/awesome-adblock">Assembling lists of 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 2f4a4a6d..4f223e20 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,8 +152,8 @@ 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">
-    {% tablericon "microphone" "Artists" "height=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 icon--h-28">
+    {% tablericon "microphone" "Artists" %}
     <div class="ml-1">Artists</div>
   </h2>
   <div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
@@ -176,8 +176,8 @@ 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">
-    {% tablericon "musical-note" "Albums" "height=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 icon--h-28">
+    {% tablericon "musical-note" "Albums" %}
     <div class="ml-1">Albums</div>
   </h2>
   <div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
@@ -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/from-ics-to-json-surfacing-anticipated-albums.md b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
index 26c9694d..9487d1ce 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,8 +46,8 @@ 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">
-    {% tablericon "calendar" "Albums I'm looking forward to" "height=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 icon--h-28">
+    {% tablericon "calendar" "Albums I'm looking forward to" %}
     <div class="ml-1">Albums I'm looking forward to</div>
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
@@ -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 86703743..6bc46c0e 100644
--- a/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
+++ b/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
@@ -52,8 +52,8 @@ 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">
-    {% tablericon "fire" "Popular" "height=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 icon--h-28">
+    {% tablericon "fire" "Popular" %}
     <div class="ml-1">Popular posts</div>
   </h2>
   <ul class="list-inside list-disc pl-5 md:pl-10">
diff --git a/tailwind.css b/tailwind.css
index 0f8c3f8c..7f441d08 100644
--- a/tailwind.css
+++ b/tailwind.css
@@ -108,15 +108,27 @@ code[class*=language-], pre[class*=language-] {
   stroke-width: 1.4;
 }
 
-.icon--bold [data-tablericon-name] {
+.icon--h-20 > svg {
+  @apply h-5;
+}
+
+.icon--h-24 > svg {
+  @apply h-6;
+}
+
+.icon--h-28 > svg {
+  @apply h-6;
+}
+
+.icon--bold > svg {
   stroke-width: 2;
 }
 
-.link--icon svg {
+.link--icon > svg {
   color: theme(colors.gray.700)
 }
 
-.link--icon:hover svg {
+.link--icon:hover > svg {
   color: theme(colors.purple.500)
 }
 
diff --git a/yarn.lock b/yarn.lock
index 16ff4e45..74460846 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -758,9 +758,9 @@
   integrity sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==
 
 "@types/node@*", "@types/node@>=10.0.0":
-  version "20.4.5"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.4.5.tgz#9dc0a5cb1ccce4f7a731660935ab70b9c00a5d69"
-  integrity sha512-rt40Nk13II9JwQBdeYqmbn2Q6IVTA5uPhvSO+JVqdXw/6/4glI6oR9ezty/A9Hg5u7JH4OmYmuQ+XvjKm0Datg==
+  version "20.4.8"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.4.8.tgz#b5dda19adaa473a9bf0ab5cbd8f30ec7d43f5c85"
+  integrity sha512-0mHckf6D2DiIAzh8fM8f3HQCvMKDpK94YQ0DSVkfWTG9BZleYIWudw9cJxX8oCk9bM+vAkDyujDV6dmKHbvQpg==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.1"
@@ -1396,13 +1396,13 @@ browser-sync@^2.27.10:
     yargs "^17.3.1"
 
 browserslist@^4.21.5:
-  version "4.21.9"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.9.tgz#e11bdd3c313d7e2a9e87e8b4b0c7872b13897635"
-  integrity sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==
+  version "4.21.10"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.10.tgz#dbbac576628c13d3b2231332cb2ec5a46e015bb0"
+  integrity sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==
   dependencies:
-    caniuse-lite "^1.0.30001503"
-    electron-to-chromium "^1.4.431"
-    node-releases "^2.0.12"
+    caniuse-lite "^1.0.30001517"
+    electron-to-chromium "^1.4.477"
+    node-releases "^2.0.13"
     update-browserslist-db "^1.0.11"
 
 bs-recipes@1.3.4:
@@ -1480,10 +1480,10 @@ camelcase@^5.3.1:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-caniuse-lite@^1.0.30001464, caniuse-lite@^1.0.30001503:
-  version "1.0.30001517"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001517.tgz#90fabae294215c3495807eb24fc809e11dc2f0a8"
-  integrity sha512-Vdhm5S11DaFVLlyiKu4hiUTkpZu+y1KA/rZZqVQfOD5YdDT/eQKlkt7NaE0WGOFgX32diqt9MiP9CAiFeRklaA==
+caniuse-lite@^1.0.30001464, caniuse-lite@^1.0.30001517:
+  version "1.0.30001519"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001519.tgz#3e7b8b8a7077e78b0eb054d69e6edf5c7df35601"
+  integrity sha512-0QHgqR+Jv4bxHMp8kZ1Kn8CH55OikjKJ6JmKkZYP1F3D7w+lnFXF70nG5eNfsZS89jadi5Ywy5UCSKLAglIRkg==
 
 chalk@4.1.2, chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0:
   version "4.1.2"
@@ -2317,15 +2317,15 @@ ejs@^3.1.8, ejs@^3.1.9:
   dependencies:
     jake "^10.8.5"
 
-electron-to-chromium@^1.4.431:
-  version "1.4.472"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.472.tgz#5556e50609a0d66d45e7d96c69b0e7a45c402f88"
-  integrity sha512-JL+vQaO4/3mnE68YLaO6tS61YFTlQp8/9JJj1kMP0CL9GHjLYt8t3T0aA3sW3PvdiXjnVeaZ6Kf0mGtt9+2j+Q==
+electron-to-chromium@^1.4.477:
+  version "1.4.485"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.485.tgz#fde3ee9ee8112a3414c0dfa545385ad08ec43408"
+  integrity sha512-1ndQ5IBNEnFirPwvyud69GHL+31FkE09gH/CJ6m3KCbkx3i0EVOrjwz4UNxRmN9H8OVHbC6vMRZGN1yCvjSs9w==
 
-eleventy-plugin-tabler-icons@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-1.0.8.tgz#09c56d6495c4ce77ec5f780cdfbdcb892098061f"
-  integrity sha512-d51OzcidUwOsScCH5XzqSQ41xSDDeI6XIv8yd6mtjWumOv3Vo/OqpEtxqt9VWfYrVJFOy7Z5soeFI4K9rMOk+g==
+eleventy-plugin-tabler-icons@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-2.0.1.tgz#fb05f0b9e13fa9c18e8281245acd1054c96d89b8"
+  integrity sha512-Q5/BG71WBvi3w6ZxlRvVBDaCEhh2YtkjnPKC4q6AhUwnkTQkN5dzTDGlsva9PrTSjGlnmyeyE7FzJbPHvimhzg==
 
 eleventy-plugin-unfurl@^1.0.0:
   version "1.0.0"
@@ -2365,26 +2365,26 @@ end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   dependencies:
     once "^1.4.0"
 
-engine.io-client@~6.5.1:
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-6.5.1.tgz#1735fb8ae3bae5ae13115e18d2f484daf005dd9c"
-  integrity sha512-hE5wKXH8Ru4L19MbM1GgYV/2Qo54JSMh1rlJbfpa40bEWkCKNo3ol2eOtGmowcr+ysgbI7+SGL+by42Q3pt/Ng==
+engine.io-client@~6.5.2:
+  version "6.5.2"
+  resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-6.5.2.tgz#8709e22c291d4297ae80318d3c8baeae71f0e002"
+  integrity sha512-CQZqbrpEYnrpGqC07a9dJDz4gePZUgTPMU3NKJPSeQOyw27Tst4Pl3FemKoFGAlHzgZmKjoRmiJvbWfhCXUlIg==
   dependencies:
     "@socket.io/component-emitter" "~3.1.0"
     debug "~4.3.1"
-    engine.io-parser "~5.1.0"
+    engine.io-parser "~5.2.1"
     ws "~8.11.0"
     xmlhttprequest-ssl "~2.0.0"
 
-engine.io-parser@~5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-5.1.0.tgz#d593d6372d7f79212df48f807b8cace1ea1cb1b8"
-  integrity sha512-enySgNiK5tyZFynt3z7iqBR+Bto9EVVVvDFuTT0ioHCGbzirZVGDGiQjZzEp8hWl6hd5FSVytJGuScX1C1C35w==
+engine.io-parser@~5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-5.2.1.tgz#9f213c77512ff1a6cc0c7a86108a7ffceb16fcfb"
+  integrity sha512-9JktcM3u18nU9N2Lz3bWeBgxVgOKpw7yhRaoxQA3FUDZzzw+9WlA6p4G4u0RixNkg14fH7EfEc/RhpurtiROTQ==
 
-engine.io@~6.5.0:
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-6.5.1.tgz#59725f8593ccc891abb47f1efcdc52a089525a56"
-  integrity sha512-mGqhI+D7YxS9KJMppR6Iuo37Ed3abhU8NdfgSvJSDUafQutrN+sPTncJYTyM9+tkhSmWodKtVYGPPHyXJEwEQA==
+engine.io@~6.5.2:
+  version "6.5.2"
+  resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-6.5.2.tgz#769348ced9d56bd47bd83d308ec1c3375e85937c"
+  integrity sha512-IXsMcGpw/xRfjra46sVZVHiSWo/nJ/3g1337q9KNXtS6YRzbW5yIzTCb9DjhrBe7r3GZQR0I4+nq+4ODk5g/cA==
   dependencies:
     "@types/cookie" "^0.4.1"
     "@types/cors" "^2.8.12"
@@ -2394,13 +2394,13 @@ engine.io@~6.5.0:
     cookie "~0.4.1"
     cors "~2.8.5"
     debug "~4.3.1"
-    engine.io-parser "~5.1.0"
+    engine.io-parser "~5.2.1"
     ws "~8.11.0"
 
 enquirer@^2.3.6:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.4.0.tgz#4f36f6c644137cc4fd2891da407ede2b1fea904a"
-  integrity sha512-ehu97t6FTYK2I3ZYtnp0BZ9vt0mvEL/cnHBds7Ct6jo9VX1VIkiFhOvVRWh6eblQqd7KOoICIQV+syZ3neXO/Q==
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.4.1.tgz#93334b3fbd74fc7097b224ab4a8fb7e40bf4ae56"
+  integrity sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==
   dependencies:
     ansi-colors "^4.1.1"
     strip-ansi "^6.0.1"
@@ -2773,9 +2773,9 @@ execa@^5.0.0:
     strip-final-newline "^2.0.0"
 
 execa@^7.0.0, execa@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-7.1.1.tgz#3eb3c83d239488e7b409d48e8813b76bb55c9c43"
-  integrity sha512-wH0eMf/UXckdUYnO21+HDztteVv05rq2GXksxT4fCGeHkBhw1DROXh40wcjMcRqDOWE7iPJ4n3M7e2+YFP+76Q==
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-7.2.0.tgz#657e75ba984f42a70f38928cedc87d6f2d4fe4e9"
+  integrity sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==
   dependencies:
     cross-spawn "^7.0.3"
     get-stream "^6.0.1"
@@ -2891,9 +2891,9 @@ fast-levenshtein@^2.0.6:
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
 fast-xml-parser@^4.0.14:
-  version "4.2.6"
-  resolved "https://registry.yarnpkg.com/fast-xml-parser/-/fast-xml-parser-4.2.6.tgz#30ad37b014c16e31eec0e01fbf90a85cedb4eacf"
-  integrity sha512-Xo1qV++h/Y3Ng8dphjahnYe+rGHaaNdsYOBWL9Y9GCPKpNKilJtilvWkLcI9f9X2DoKTLsZsGYAls5+JL5jfLA==
+  version "4.2.7"
+  resolved "https://registry.yarnpkg.com/fast-xml-parser/-/fast-xml-parser-4.2.7.tgz#871f2ca299dc4334b29f8da3658c164e68395167"
+  integrity sha512-J8r6BriSLO1uj2miOk1NW0YVm8AGOOu3Si2HQp/cSmo6EA4m3fcwu2WKjJ4RK9wMLBtg69y1kS8baDiQBR41Ig==
   dependencies:
     strnum "^1.0.5"
 
@@ -3257,12 +3257,12 @@ hamljs@^0.6.2:
   integrity sha512-/chXRp4WpL47I+HX1vCCdSbEXAljEG2FBMmgO7Am0bYsqgnEjreeWzUdX1onXqwZtcfgxbCg5WtEYYvuZ5muBg==
 
 handlebars@^4.7.7:
-  version "4.7.7"
-  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1"
-  integrity sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==
+  version "4.7.8"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.8.tgz#41c42c18b1be2365439188c77c6afae71c0cd9e9"
+  integrity sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==
   dependencies:
     minimist "^1.2.5"
-    neo-async "^2.6.0"
+    neo-async "^2.6.2"
     source-map "^0.6.1"
     wordwrap "^1.0.0"
   optionalDependencies:
@@ -3621,10 +3621,10 @@ is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.11.0, is-core-module@^2.5.0:
-  version "2.12.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.1.tgz#0c0b6885b6f80011c71541ce15c8d66cf5a4f9fd"
-  integrity sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==
+is-core-module@^2.13.0, is-core-module@^2.5.0:
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.0.tgz#bb52aa6e2cbd49a30c2ba68c42bf3435ba6072db"
+  integrity sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==
   dependencies:
     has "^1.0.3"
 
@@ -3883,9 +3883,9 @@ js-beautify@^1.6.12:
     nopt "^6.0.0"
 
 js-library-detector@^6.5.0:
-  version "6.6.0"
-  resolved "https://registry.yarnpkg.com/js-library-detector/-/js-library-detector-6.6.0.tgz#b531a4784f8242d87f68f6f3eafc771a0650fb9d"
-  integrity sha512-z8OkDmXALZ22bIzBtIW8cpJ39MV93/Zu1rWrFdhsNw+sity2rOLaGT2kfWWQ6mnRTWs4ddONY5kiroA8e98Gvg==
+  version "6.7.0"
+  resolved "https://registry.yarnpkg.com/js-library-detector/-/js-library-detector-6.7.0.tgz#5075c71fcf835b71133bca13363b91509a39235a"
+  integrity sha512-c80Qupofp43y4cJ7+8TTDN/AsDwLi5oOm/plBrWI+iQt485vKXCco+yVmOwEgdo9VOdsYTuV0UlTeetVPTriXA==
 
 js-stringify@^1.0.2:
   version "1.0.2"
@@ -3967,9 +3967,9 @@ jstransformer@1.0.0:
     promise "^7.0.1"
 
 jsx-ast-utils@^3.3.3:
-  version "3.3.4"
-  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.4.tgz#b896535fed5b867650acce5a9bd4135ffc7b3bf9"
-  integrity sha512-fX2TVdCViod6HwKEtSWGHs57oFhVfCMwieb9PuRDgjDPh5XeqJiHFFFJCHxU5cnTc3Bu/GRL+kPiFmw8XWOfKw==
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz#4766bd05a8e2a11af222becd19e15575e52a853a"
+  integrity sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==
   dependencies:
     array-includes "^3.1.6"
     array.prototype.flat "^1.3.1"
@@ -4754,7 +4754,7 @@ negotiator@0.6.3:
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
   integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
 
-neo-async@^2.6.0:
+neo-async@^2.6.2:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
@@ -4802,7 +4802,7 @@ node-fetch@^2.6.0, node-fetch@^2.6.7:
   dependencies:
     whatwg-url "^5.0.0"
 
-node-releases@^2.0.12:
+node-releases@^2.0.13:
   version "2.0.13"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.13.tgz#d5ed1627c23e3461e819b02e57b75e4899b1c81d"
   integrity sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==
@@ -5774,11 +5774,11 @@ resolve-global@1.0.0, resolve-global@^1.0.0:
     global-dirs "^0.1.1"
 
 resolve@^1.1.7, resolve@^1.10.0, resolve@^1.15.1, resolve@^1.22.2:
-  version "1.22.2"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
-  integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
+  version "1.22.4"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.4.tgz#1dc40df46554cdaf8948a486a10f6ba1e2026c34"
+  integrity sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==
   dependencies:
-    is-core-module "^2.11.0"
+    is-core-module "^2.13.0"
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
@@ -6086,9 +6086,9 @@ signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
 
 signal-exit@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.0.2.tgz#ff55bb1d9ff2114c13b400688fa544ac63c36967"
-  integrity sha512-MY2/qGx4enyjprQnFaZsHib3Yadh3IXyV2C321GY0pjGfVBu4un0uDJkwgdxqO+Rdx8JMT8IfJIRwbYVz3Ob3Q==
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
+  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
 
 simple-concat@^1.0.0:
   version "1.0.1"
@@ -6160,13 +6160,13 @@ socket.io-adapter@~2.5.2:
     ws "~8.11.0"
 
 socket.io-client@^4.4.1:
-  version "4.7.1"
-  resolved "https://registry.yarnpkg.com/socket.io-client/-/socket.io-client-4.7.1.tgz#48e5f703abe4fb0402182bcf9c06b7820fb3453b"
-  integrity sha512-Qk3Xj8ekbnzKu3faejo4wk2MzXA029XppiXtTF/PkbTg+fcwaTw1PlDrTrrrU4mKoYC4dvlApOnSeyLCKwek2w==
+  version "4.7.2"
+  resolved "https://registry.yarnpkg.com/socket.io-client/-/socket.io-client-4.7.2.tgz#f2f13f68058bd4e40f94f2a1541f275157ff2c08"
+  integrity sha512-vtA0uD4ibrYD793SOIAwlo8cj6haOeMHrGvwPxJsxH7CeIksqJ+3Zc06RvWTIFgiSqx4A3sOnTXpfAEE2Zyz6w==
   dependencies:
     "@socket.io/component-emitter" "~3.1.0"
     debug "~4.3.2"
-    engine.io-client "~6.5.1"
+    engine.io-client "~6.5.2"
     socket.io-parser "~4.2.4"
 
 socket.io-parser@~4.2.4:
@@ -6178,15 +6178,15 @@ socket.io-parser@~4.2.4:
     debug "~4.3.1"
 
 socket.io@^4.4.1:
-  version "4.7.1"
-  resolved "https://registry.yarnpkg.com/socket.io/-/socket.io-4.7.1.tgz#9009f31bf7be25478895145e92fbc972ad1db900"
-  integrity sha512-W+utHys2w//dhFjy7iQQu9sGd3eokCjGbl2r59tyLqNiJJBdIebn3GAKEXBr3osqHTObJi2die/25bCx2zsaaw==
+  version "4.7.2"
+  resolved "https://registry.yarnpkg.com/socket.io/-/socket.io-4.7.2.tgz#22557d76c3f3ca48f82e73d68b7add36a22df002"
+  integrity sha512-bvKVS29/I5fl2FGLNHuXlQaUH/BlzX1IN6S+NKLNZpBsPZIDH+90eQmCs2Railn4YUiww4SzUedJ6+uzwFnKLw==
   dependencies:
     accepts "~1.3.4"
     base64id "~2.0.0"
     cors "~2.8.5"
     debug "~4.3.2"
-    engine.io "~6.5.0"
+    engine.io "~6.5.2"
     socket.io-adapter "~2.5.2"
     socket.io-parser "~4.2.4"