chore: clean up css — generic styles where they make sense; remove deprecated styles, fragments of utility nonsense etc

src/pages/errors/1000.html

@@ -7,7 +7,7 @@ permalink: /1000.html
 <div class="text-centered">
   <h2 class="page-header">{{ title }}</h2>
   <p>Nah, that's no good.</p>
-  <hr class="large-spacing" />
+  <hr />
   ::CLOUDFLARE_ERROR_1000S_BOX::
 </div>
 <script>document.addEventListener('DOMContentLoaded', function () { plausible('1000', { props: { path: document.location.pathname } }); });</script>

src/pages/errors/404.html

@@ -29,7 +29,7 @@ image: https://cdn.coryd.dev/assets/404.jpg
     <h2 class="page-header">{{ title }}</h2>
     What kind of idiots do you have working here? <a href="/">Hurry up and skip out on the room service bill!</a>
   </div>
-  <hr class="large-spacing" />
+  <hr />
   {% render "partials/widgets/addon-links.liquid", popularPosts:collections.popularPosts, links:links %}
 </div>
 <script>document.addEventListener('DOMContentLoaded', function () { plausible('404', { props: { path: document.location.pathname } }); });</script>

src/pages/errors/500.html

@@ -7,7 +7,7 @@ permalink: /500.html
 <div class="text-centered">
   <h2 class="page-header">{{ title }}</h2>
   <p>Nah, that's no good.</p>
-  <hr class="large-spacing" />
+  <hr />
   ::CLOUDFLARE_ERROR_500S_BOX::
 </div>
 <script>document.addEventListener('DOMContentLoaded', function () { plausible('500', { props: { path: document.location.pathname } }); });</script>

src/pages/errors/captcha.html

@@ -7,7 +7,7 @@ permalink: /captcha.html
 <div class="text-centered">
   <h2 class="page-header">{{ title }}</h2>
   <p>Nah, that's no good.</p>
-  <hr class="large-spacing" />
+  <hr />
   ::CAPTCHA_BOX::
 </div>
 <script>document.addEventListener('DOMContentLoaded', function () { plausible('Captcha', { props: { path: document.location.pathname } }); });</script>

src/pages/errors/js-challenge.html

@@ -7,7 +7,7 @@ permalink: /js-challenge.html
 <div class="text-centered">
   <h2 class="page-header">{{ title }}</h2>
   <p>Nah, that's no good.</p>
-  <hr class="large-spacing" />
+  <hr />
   ::IM_UNDER_ATTACK_BOX::
 </div>
 <script>document.addEventListener('DOMContentLoaded', function () { plausible('JS challenge', { props: { path: document.location.pathname } }); });</script>

src/pages/main/books/book.html

@@ -50,7 +50,7 @@ schema: book
   </div>
   {% if book.review %}
     {{ book.review | markdown }}
-    <hr class="large-spacing" />
+    <hr />
   {% endif %}
   {% if book.description %}
     <h2>Overview</h2>

src/pages/main/books/index.html

@@ -12,7 +12,7 @@ schema: books
 <p>Here's what I'm reading at the moment. I've finished <strong class="highlight-text">{{ currentBookCount }} books</strong> this year.</p>
 <p><a href="/books/years/2024">2024</a> / <a href="/books/years/2023">2023</a> / <a href="/books/years/2022">2022</a> / <a href="/books/years/2021">2021</a> / <a href="/books/years/2020">2020</a></p>
 {% render "partials/banners/rss.liquid", url: "https://feedpress.me/coryd-books", text: "Subscribe to my books feed or follow along on this page" %}
-<hr class="large-spacing" />
+<hr />
 {% for book in bookData %}
 {% capture alt %}{{ book.title }} by {{ book.authors }}{% endcapture %}
 <article class="book-entry">

src/pages/main/links.html

@@ -10,7 +10,7 @@ permalink: "/links/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}
 <h2 class="page-header">Links</h2>
 <p>These are links I've liked or otherwise found interesting. They're all added manually, after having been read and, I suppose, properly considered. Authors are associated with domains using a simple key-value map.</p>
 {% render "partials/banners/rss.liquid", url: "https://feedpress.me/coryd-links", text: "Subscribe to my links feed or follow along on this page" %}
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 <div class="link-grid">
   {% for link in pagination.items %}

src/pages/main/music/albums/3-months.html

@@ -14,6 +14,6 @@ schema: music
 <h2 class="page-header">{{ title }}</h2>
 <p>I've listened to <strong class="highlight-text">{{ music.threeMonth.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.threeMonth.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.threeMonth.totalTracks }} tracks</strong> over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
 <p><strong class="highlight-text">See the</strong> <a href="/music/artists/three-months/">artists</a> or <a href="/music/tracks/three-months/">tracks</a> I've listened to over the last 3 months.</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/grid.liquid" data:pagination, shape: "square" %}

src/pages/main/music/albums/this-month.html

@@ -14,6 +14,6 @@ schema: music
 <h2 class="page-header">{{ title }}</h2>
 <p>I've listened to <strong class="highlight-text">{{ music.month.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.month.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.month.totalTracks }} tracks</strong> this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
 <p><strong class="highlight-text">See the</strong> <a href="/music/artists/this-month/">artists</a> or <a href="/music/tracks/this-month/">tracks</a> I've listened to this month.</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/grid.liquid" data:pagination, shape: "square" %}

src/pages/main/music/albums/this-week.html

@@ -14,6 +14,6 @@ schema: music
 <h2 class="page-header">{{ title }}</h2>
 <p>I've listened to <strong class="highlight-text">{{ music.week.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.week.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.week.totalTracks }} tracks</strong> this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
 <p><strong class="highlight-text">See the</strong> <a href="/music/artists/this-week/">artists</a> or <a href="/music/tracks/this-week/">tracks</a> I've listened to this week.</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/grid.liquid" data:pagination, shape: "square" %}

src/pages/main/music/artists/3-months.html

@@ -14,6 +14,6 @@ schema: music
 <h2 class="page-header">{{ title }}</h2>
 <p>I've listened to <strong class="highlight-text">{{ music.threeMonth.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.threeMonth.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.threeMonth.totalTracks }} tracks</strong> over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
 <p><strong class="highlight-text">See the</strong> <a href="/music/albums/three-months/">albums</a> or <a href="/music/tracks/three-months/">tracks</a> I've listened to over the last 3 months.</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/grid.liquid" data:pagination, shape: "square" %}

src/pages/main/music/artists/this-month.html

@@ -14,6 +14,6 @@ schema: music
 <h2 class="page-header">{{ title }}</h2>
 <p>I've listened to <strong class="highlight-text">{{ music.month.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.month.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.month.totalTracks }} tracks</strong> this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
 <p><strong class="highlight-text">See the</strong> <a href="/music/albums/this-month/">albums</a> or <a href="/music/tracks/this-month/">tracks</a> I've listened to this month.</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/grid.liquid" data:pagination, shape: "square" %}

src/pages/main/music/artists/this-week.html

@@ -14,6 +14,6 @@ schema: music
 <h2 class="page-header">{{ title }}</h2>
 <p>I've listened to <strong class="highlight-text">{{ music.week.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.week.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.week.totalTracks }} tracks</strong> this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
 <p><strong class="highlight-text">See the</strong> <a href="/music/albums/this-week/">albums</a> or <a href="/music/tracks/this-week/">tracks</a> I've listened to this week.</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/grid.liquid" data:pagination, shape: "square" %}

src/pages/main/music/genre.html

@@ -25,7 +25,7 @@ schema: genre
 <h2 class="page-header">{{ genre.name }}</h2>
 <article class="genre-focus">
   <p>My top <strong class="highlight-text">{{ genre.name }}</strong> artists {{ connectingWord }} {{ genre.artists | sortByPlaysDescending: "total_plays" | mediaLinks: "artist", 5 }}. I've listened to <strong class="highlight-text">{{ genre.total_plays | formatNumber }}</strong> tracks form this genre.</p>
-  <hr class="large-spacing" />
+  <hr />
   {%- if genre.description -%}
   <div data-toggle-content class="text-toggle-hidden">
     {{ genre.description | markdown }}

src/pages/main/music/index.html

@@ -15,7 +15,7 @@ schema: music-index
 <p>I've listened to <strong class="highlight-text">{{ music.week.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.week.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.week.totalTracks }} tracks</strong> this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
 <p><strong class="highlight-text">See more of the</strong> <a href="/music/artists/this-week/">artists</a>, <a href="/music/albums/this-week/">albums</a> or <a href="/music/tracks/this-week/">tracks</a> I've listened to this week.</p>
 {% render "partials/widgets/now-playing.liquid" %}
-<hr class="large-spacing" />
+<hr />
 <a class="link-icon flex-centered" href="/music/artists/this-week">
   <h2 id="artists" class="section-header no-top-margin flex-centered">
     {% tablericon "microphone-2" "Artists" %}

src/pages/main/music/periods/3-months.html

@@ -10,7 +10,7 @@ schema: music-period
 <h2 class="page-header">{{ title }}</h2>
 <p>I've listened to <strong class="highlight-text">{{ music.threeMonth.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.threeMonth.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.threeMonth.totalTracks }} tracks</strong> over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
 <p><strong class="highlight-text">See more of the</strong> <a href="/music/artists/three-months/">artists</a>, <a href="/music/albums/three-months/">albums</a> or <a href="/music/tracks/three-months/">tracks</a> I've listened to over the last 3 months.</p>
-<hr class="large-spacing" />
+<hr />
 <a class="link-icon flex-centered" href="/music/artists/three-months">
   <h2 id="artists" class="section-header no-top-margin flex-centered">
     {% tablericon "microphone-2" "Artists" %}

src/pages/main/music/periods/this-month.html

@@ -10,7 +10,7 @@ schema: music-period
 <h2 class="page-header">{{ title }}</h2>
 <p>I've listened to <strong class="highlight-text">{{ music.month.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.month.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.month.totalTracks }} tracks</strong> this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
 <p><strong class="highlight-text">See more of the</strong> <a href="/music/artists/this-month/">artists</a>, <a href="/music/albums/this-month/">albums</a> or <a href="/music/tracks/this-month/">tracks</a> I've listened to this month.</p>
-<hr class="large-spacing" />
+<hr />
 <a class="link-icon flex-centered" href="/music/artists/this-month">
   <h2 id="artists" class="section-header no-top-margin flex-centered">
     {% tablericon "microphone-2" "Artists" %}

src/pages/main/music/tracks/3-months.html

@@ -14,6 +14,6 @@ schema: music
 <h2 class="page-header">{{ title }}</h2>
 <p>I've listened to <strong class="highlight-text">{{ music.threeMonth.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.threeMonth.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.threeMonth.totalTracks }} tracks</strong> over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
 <p><strong class="highlight-text">See the</strong> <a href="/music/artists/three-months/">artists</a> or <a href="/music/albums/three-months/">albums</a> I've listened to over the last 3 months.</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/music/chart.liquid" data:pagination, playTotal: music.threeMonth.tracks[0].plays %}

src/pages/main/music/tracks/this-month.html

@@ -14,6 +14,6 @@ schema: music
 <h2 class="page-header">{{ title }}</h2>
 <p>I've listened to <strong class="highlight-text">{{ music.month.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.month.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.month.totalTracks }} tracks</strong> this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
 <p><strong class="highlight-text">See the</strong> <a href="/music/artists/this-month/">artists</a> or <a href="/music/albums/this-month/">albums</a> this month.</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/music/chart.liquid" data:pagination, playTotal: music.month.tracks[0].plays %}

src/pages/main/music/tracks/this-week.html

@@ -14,6 +14,6 @@ schema: music
 <h2 class="page-header">{{ title }}</h2>
 <p>I've listened to <strong class="highlight-text">{{ music.week.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.week.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.week.totalTracks }} tracks</strong> this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
 <p><strong class="highlight-text">See the</strong> <a href="/music/artists/this-week/">artists</a> or <a href="/music/albums/this-week/">albums</a> I've listened to this week.</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/music/chart.liquid" data:pagination, playTotal: music.week.tracks[0].plays %}

src/pages/main/now.html

@@ -17,5 +17,5 @@ updated: 2024-05-18T15:49:00Z
 <p><strong class="highlight-text">Encouraging folks to block AI web crawlers:</strong> <a href="https://coryd.dev/posts/2024/go-ahead-and-block-ai-web-crawlers/">they're insidious, abusive and should be blocked.</a> <a href="https://github.com/ai-robots-txt/ai.robots.txt">I'm happy to take contributions, once again,</a> as we encourage folks to block them as best they can.</p>
 <h3>Mentoring</h3>
 <p>I've been mentoring through <a href="https://www.underdogdevs.org">Underdog Devs</a> on and off for a few years now and find it incredibly rewarding.</p>
-<hr class="large-spacing" />
+<hr />
 <p>This is a <a href="https://nownownow.com/about">now page</a>, and if you have your own site, <a href="https://nownownow.com/about">you should make one too</a>.</p>

src/pages/main/posts/index.html

@@ -10,7 +10,7 @@ permalink: "/posts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}
 <div class="posts-wrapper">
   {% for post in pagination.items %}
   <article class="h-entry">
-    <div class="flex-centered gap-xs icon-small icon-light">
+    <div class="time-wrapper flex-centered">
       {% tablericon "calendar-month" "Date" %}
       <time class="dt-published" datetime="{{ post.date }}">
         {{ post.date | date: "%B %e, %Y" }}

src/pages/main/posts/post.html

@@ -8,7 +8,7 @@ permalink: "{{ post.slug }}/index.html"
 schema: blog
 ---
 <article class="h-entry">
-  <div class="flex-centered gap-xs icon-small icon-light">
+  <div class="time-wrapper flex-centered">
     {% tablericon "calendar-month" "Date" %}
     <time class="dt-published" datetime="{{ date }}">
       {{ post.date | date: "%B %e, %Y" }}

src/pages/main/watching/favorites/movies.html

@@ -12,6 +12,6 @@ schema: watching
 {% if pagination.pageNumber == 0 %}
 <h2 class="watching page-header">{{ title }}</h2>
 <p>These are my favorite movies. There are many like them, but these are mine.</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/watching/grid.liquid", data:pagination %}

src/pages/main/watching/favorites/shows.html

@@ -12,6 +12,6 @@ schema: watching
 {% if pagination.pageNumber == 0 %}
 <h2 class="watching page-header">{{ title }}</h2>
 <p>These are my favorite shows. There are many like them, but these are mine.</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/watching/grid.liquid", data:pagination %}

src/pages/main/watching/index.html

@@ -11,7 +11,7 @@ schema: watching
 {% render "partials/media/watching/hero.liquid" movie:featuredMovie %}
 <p>Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion. You can also take a look at the <a href="/watching/movies-to-watch">movies</a> and <a href="/watching/shows-to-watch">shows</a> I'm planning to watch.</p>
 {% render "partials/banners/rss.liquid", url: "https://feedpress.me/coryd-movies", text: "Subscribe to my movies feed or follow along on this page" %}
-<hr class="large-spacing" />
+<hr />
 <a class="link-icon flex-centered" href="/watching/recent/movies">
   <h2 id="movies" class="section-header no-top-margin flex-centered">
     {% tablericon "movie" "Recent movies" %}

src/pages/main/watching/movie.html

@@ -40,7 +40,7 @@ schema: movie
   {% if movie.review %}
     {% render "partials/banners/warning.liquid", text: "There are probably spoilers after this banner — this is a warning about them." %}
     {{ movie.review | markdown }}
-    <hr class="large-spacing" />
+    <hr />
   {% endif %}
   {% if movie.description %}
     <h2>Overview</h2>

src/pages/main/watching/recent/movies.html

@@ -12,6 +12,6 @@ schema: watching
 {% if pagination.pageNumber == 0 %}
 <h2 class="watching page-header">{{ title }}</h2>
 <p>These are the movies I've watched recently. There are many like them, but these are mine. (Or well, all the movies I've watched — they're ordered latest watched, descending, hence the recent part).</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/watching/grid.liquid", data:pagination %}

src/pages/main/watching/recent/shows.html

@@ -12,6 +12,6 @@ schema: watching
 {% if pagination.pageNumber == 0 %}
 <h2 class="watching page-header">{{ title }}</h2>
 <p>These are the shows I've watched recently. There are many like them, but these are mine. (Or well, all the movies I've watched — they're ordered latest watched, descending, hence the recent part).</p>
-<hr class="large-spacing" />
+<hr />
 {% endif %}
 {% render "partials/media/watching/grid.liquid", data:pagination %}

src/pages/main/watching/show.html

@@ -39,7 +39,7 @@ schema: show
   </div>
   {% if show.review %}
     {{ show.review | markdown }}
-    <hr class="large-spacing" />
+    <hr />
   {% endif %}
   {% if show.description %}
     <h2>Overview</h2>

src/pages/secondary/contact/success.html

@@ -8,5 +8,5 @@ description: I'll be in touch soon. Thanks for your message!
   <h2 class="contact-success-header">{{ title }}</h2>
     I'll be in touch soon! <a href="/">Head home</a>
 </div>
-<hr class="large-spacing" />
+<hr />
 {% render "partials/widgets/addon-links.liquid", popularPosts:collections.popularPosts, links:links %}

src/pages/secondary/uses.md

@@ -69,6 +69,6 @@ Software and services that I use for work and my own enjoyment.
 - [Backblaze](https://backblaze.com): It backs up my MacBook Air and attached storage drive and I don't have to think about it.
 - <a class="plausible-event-name=Proton+referral" href="https://pr.tn/ref/X775YX40Z50G">Proton</a>: a reliable, trustworthy VPN with all of the features you'd expect from such a service.
 
-<hr class="large-spacing" />
+<hr />
 
 Check out [uses.tech](https://uses.tech) for more lists like this one.