From 10b343b96434b29f037f54a04f7469eb69630136 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Sun, 4 May 2025 15:36:44 -0700
Subject: [PATCH] chore(*): remove unused styles, images, clean up and format

---
 server/utils/paginator.php                    |  4 +---
 src/assets/styles/components/dialog.css       | 20 ++++++----------
 src/assets/styles/components/progress-bar.css | 24 +++++++++----------
 src/assets/styles/index.css                   |  1 -
 src/assets/styles/noscript.css                |  7 +++---
 src/assets/styles/pages/about.css             | 21 ----------------
 src/assets/styles/pages/media.css             |  2 +-
 src/assets/styles/pages/music.css             |  2 +-
 src/includes/blocks/banners/coffee.liquid     |  4 +---
 src/includes/blocks/banners/email.liquid      |  4 +---
 src/includes/home/recent-activity.liquid      |  4 ++--
 src/includes/metadata/index.liquid            | 10 ++++----
 src/includes/metadata/static.liquid           |  8 +++----
 src/includes/nav/paginator.liquid             | 22 ++++-------------
 src/pages/dynamic/artist.php.liquid           |  2 +-
 src/pages/dynamic/book.php.liquid             |  2 +-
 16 files changed, 46 insertions(+), 91 deletions(-)
 delete mode 100644 src/assets/styles/pages/about.css

diff --git a/server/utils/paginator.php b/server/utils/paginator.php
index c5d2b44..eab40f7 100644
--- a/server/utils/paginator.php
+++ b/server/utils/paginator.php
@@ -25,9 +25,7 @@ function renderPaginator(array $pagination, int $totalPages): void {
         <?php endforeach; ?>
       </select>
       <noscript>
-        <p>
-          <span aria-current="page"><?= $pagination['pageNumber'] ?></span> of <?= $totalPages ?>
-        </p>
+        <p><span aria-current="page"><?= $pagination['pageNumber'] ?></span> of <?= $totalPages ?></p>
       </noscript>
     </select-pagination>
 
diff --git a/src/assets/styles/components/dialog.css b/src/assets/styles/components/dialog.css
index 73dcf97..15d9491 100644
--- a/src/assets/styles/components/dialog.css
+++ b/src/assets/styles/components/dialog.css
@@ -8,11 +8,6 @@
   to { opacity: 0; transform: scale(0.95); }
 }
 
-dialog {
-  width: var(--sizing-full);
-  height: var(--sizing-full);
-}
-
 .dialog-open,
 .dialog-close {
   display: inline-flex;
@@ -32,11 +27,18 @@ dialog {
 }
 
 dialog {
+  width: var(--sizing-full);
+  height: var(--sizing-full);
   background: var(--background-color);
   padding: var(--spacing-lg) var(--spacing-base);
   overflow-y: auto;
   border-radius: var(--border-radius-slight);
   font-size: var(--font-size-base);
+  animation: fadeIn var(--transition-duration-default) var(--transition-ease-in-out);
+
+  &::backdrop {
+    background: var(--dialog-overlay-background);
+  }
 
   &.closing {
     animation: fadeOut var(--transition-duration-default) var(--transition-ease-in-out);
@@ -78,11 +80,3 @@ dialog {
     }
   }
 }
-
-dialog {
-  animation: fadeIn var(--transition-duration-default) var(--transition-ease-in-out);
-}
-
-dialog::backdrop {
-  background: var(--dialog-overlay-background);
-}
diff --git a/src/assets/styles/components/progress-bar.css b/src/assets/styles/components/progress-bar.css
index 45bd445..27d39f4 100644
--- a/src/assets/styles/components/progress-bar.css
+++ b/src/assets/styles/components/progress-bar.css
@@ -5,19 +5,19 @@ progress {
   background-color: var(--gray-light);
   border-radius: var(--border-radius-full);
   overflow: hidden;
-}
 
-progress::-webkit-progress-bar {
-  background-color: var(--gray-light);
-  border-radius: var(--border-radius-full);
-}
+  &::-webkit-progress-bar {
+    background-color: var(--gray-light);
+    border-radius: var(--border-radius-full);
+  }
 
-progress::-webkit-progress-value {
-  background-color: var(--accent-color);
-  border-radius: var(--border-radius-full);
-}
+  &::-webkit-progress-value {
+    background-color: var(--accent-color);
+    border-radius: var(--border-radius-full);
+  }
 
-progress::-moz-progress-bar {
-  background-color: var(--accent-color);
-  border-radius: var(--border-radius-full);
+  &::-moz-progress-bar {
+    background-color: var(--accent-color);
+    border-radius: var(--border-radius-full);
+  }
 }
diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
index e3fa039..bfe0ae3 100644
--- a/src/assets/styles/index.css
+++ b/src/assets/styles/index.css
@@ -11,7 +11,6 @@
 @import url("./base/index.css") layer(base);
 
 /* page styles */
-@import url("./pages/about.css") layer(page);
 @import url("./pages/books.css") layer(page);
 @import url("./pages/contact.css") layer(page);
 @import url("./pages/links.css") layer(page);
diff --git a/src/assets/styles/noscript.css b/src/assets/styles/noscript.css
index 3504f7f..2f2c941 100644
--- a/src/assets/styles/noscript.css
+++ b/src/assets/styles/noscript.css
@@ -8,7 +8,8 @@
   height: unset !important;
   overflow: unset !important;
   margin-bottom: unset !important;
-}
-[data-toggle-content].text-toggle-hidden::after {
-  display: none !important;
+
+  &::after {
+    display: none !important;
+  }
 }
diff --git a/src/assets/styles/pages/about.css b/src/assets/styles/pages/about.css
deleted file mode 100644
index 2c8b03b..0000000
--- a/src/assets/styles/pages/about.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.avatar-wrapper {
-  --avatar-size: 16rem;
-
-  display: flex;
-  justify-content: center;
-  width: var(--sizing-full);
-
-  @media screen and (min-width: 768px) {
-    --avatar-size: 24rem;
-  }
-
-  img {
-    width: var(--avatar-size);
-    height: var(--avatar-size);
-  }
-}
-
-.about-title {
-  margin: var(--margin-vertical-base-horizontal-zero);
-  text-align: center;
-}
diff --git a/src/assets/styles/pages/media.css b/src/assets/styles/pages/media.css
index 43bca2e..2c114df 100644
--- a/src/assets/styles/pages/media.css
+++ b/src/assets/styles/pages/media.css
@@ -21,7 +21,7 @@
   }
 }
 
-.image-media {
+.media-image {
   border: var(--border-gray);
 }
 
diff --git a/src/assets/styles/pages/music.css b/src/assets/styles/pages/music.css
index 6a950b6..dabdd54 100644
--- a/src/assets/styles/pages/music.css
+++ b/src/assets/styles/pages/music.css
@@ -1,5 +1,5 @@
 .artist-focus {
-  .image-media {
+  .media-image {
     aspect-ratio: var(--aspect-ratio-square);
     width: var(--sizing-full);
     height: auto;
diff --git a/src/includes/blocks/banners/coffee.liquid b/src/includes/blocks/banners/coffee.liquid
index 71e5792..f4003df 100644
--- a/src/includes/blocks/banners/coffee.liquid
+++ b/src/includes/blocks/banners/coffee.liquid
@@ -1,5 +1,3 @@
 <div class="banner coffee">
-  <p>
-    {% tablericon "coffee" %} <a class="coffee" href="https://buymeacoffee.com/cory">If you found this post helpful, you can buy me a coffee.</a>
-  </p>
+  <p>{% tablericon "coffee" %} <a class="coffee" href="https://buymeacoffee.com/cory">If you found this post helpful, you can buy me a coffee.</a></p>
 </div>
diff --git a/src/includes/blocks/banners/email.liquid b/src/includes/blocks/banners/email.liquid
index 7a8053f..9ea5a2c 100644
--- a/src/includes/blocks/banners/email.liquid
+++ b/src/includes/blocks/banners/email.liquid
@@ -1,5 +1,3 @@
 <div class="banner mail">
-  <p>
-    {% tablericon "mail" %} <a class="mail" href="/contact">Reply to or discuss this post via email.</a>
-  </p>
+  <p>{% tablericon "mail" %} <a class="mail" href="/contact">Reply to or discuss this post via email.</a></p>
 </div>
diff --git a/src/includes/home/recent-activity.liquid b/src/includes/home/recent-activity.liquid
index 868854f..9e70bb9 100644
--- a/src/includes/home/recent-activity.liquid
+++ b/src/includes/home/recent-activity.liquid
@@ -57,8 +57,8 @@
         {%- endif -%}
       </h3>
       {% render "blocks/tags.liquid",
- 18      tags:item.tags
- 19    %}
+        tags:item.tags
+      %}
     </article>
     {%- endfor -%}
 </article>
diff --git a/src/includes/metadata/index.liquid b/src/includes/metadata/index.liquid
index 6b056fb..67ec255 100644
--- a/src/includes/metadata/index.liquid
+++ b/src/includes/metadata/index.liquid
@@ -9,13 +9,13 @@
   {%- endif -%}
 {%- endcapture -%}
 {%- capture pageDescription -%}
-  {% if page.description %}
+  {%- if page.description -%}
     {{ page.description }}
-  {% elsif description %}
+  {%- elsif description -%}
     {{ description }}
-  {% else %}
+  {%- else -%}
     {{ globals.site_description }}
-  {% endif %}
+  {%- endif -%}
 {%- endcapture -%}
 {%- assign ogImage = globals.cdn_url | append: globals.avatar -%}
 {%- case schema -%}
@@ -83,7 +83,7 @@
 {% render "metadata/static.liquid"
   fullUrl:fullUrl,
   pageTitle:pageTitle,
-  pageDescription:pageDescription
+  pageDescription:pageDescription,
   ogImage:ogImage,
   globals:globals,
 %}
diff --git a/src/includes/metadata/static.liquid b/src/includes/metadata/static.liquid
index abccf49..3949880 100644
--- a/src/includes/metadata/static.liquid
+++ b/src/includes/metadata/static.liquid
@@ -1,8 +1,8 @@
 {%- assign description = pageDescription | markdown | strip_html | htmlTruncate | escape -%}
-<title>{{- pageTitle -}}</title>
-<meta property="og:title" content="{{- pageTitle -}}" />
-<meta name="description" content="{{- description -}}" />
-<meta property="og:description" content="{{- description -}}" />
+<title>{{ pageTitle }}</title>
+<meta property="og:title" content="{{ pageTitle }}" />
+<meta name="description" content="{{ description }}" />
+<meta property="og:description" content="{{ description }}" />
 <meta property="og:type" content="article" />
 <meta property="og:url" content="{{ fullUrl }}" />
 <link rel="canonical" href="{{ fullUrl }}" />
diff --git a/src/includes/nav/paginator.liquid b/src/includes/nav/paginator.liquid
index 73c487a..9aa538f 100644
--- a/src/includes/nav/paginator.liquid
+++ b/src/includes/nav/paginator.liquid
@@ -6,16 +6,11 @@
   {%- assign prevHref = pagination.href.previous -%}
   {%- assign nextHref = pagination.href.next -%}
   {% if prevHref %}
-  <a
-    href="{{ prevHref }}"
-    aria-label="Previous page"
-  >
+  <a href="{{ prevHref }}" aria-label="Previous page">
     {% tablericon "arrow-left" %}
   </a>
   {% else %}
-  <span>
-    {% tablericon "arrow-left" %}
-  </span>
+  <span>{% tablericon "arrow-left" %}</span>
   {% endif %}
   <select-pagination>
     <select class="client-side" aria-label="Page selection">
@@ -26,22 +21,15 @@
       {%- endfor -%}
     </select>
     <noscript>
-      <p>
-        <span aria-current="page">{{ pagination.pageNumber | plus:1 }}</span> of {{ pagination.links.size }}
-      </p>
+      <p><span aria-current="page">{{ pagination.pageNumber | plus:1 }}</span> of {{ pagination.links.size }}</p>
     </noscript>
   </select-pagination>
   {% if nextHref %}
-  <a
-    href="{{ nextHref }}"
-    aria-label="Next page"
-  >
+  <a href="{{ nextHref }}" aria-label="Next page">
     {% tablericon "arrow-right" %}
   </a>
   {% else %}
-  <span>
-    {% tablericon "arrow-right" %}
-  </span>
+  <span>{% tablericon "arrow-right" %}</span>
   {% endif %}
 </nav>
 {%- endunless -%}
diff --git a/src/pages/dynamic/artist.php.liquid b/src/pages/dynamic/artist.php.liquid
index 964e259..5f31837 100644
--- a/src/pages/dynamic/artist.php.liquid
+++ b/src/pages/dynamic/artist.php.liquid
@@ -7,7 +7,7 @@ schema: artist
 <article class="artist-focus">
   <div class="artist-display">
     <img
-      class="image-media"
+      class="media-image"
       srcset="
         {{ globals.cdn_url }}<?= htmlspecialchars($artist["image"]) ?>?class=w200&type=webp 200w,
         {{ globals.cdn_url }}<?= htmlspecialchars($artist["image"]) ?>?class=w600&type=webp 400w,
diff --git a/src/pages/dynamic/book.php.liquid b/src/pages/dynamic/book.php.liquid
index 8db5198..2a97817 100644
--- a/src/pages/dynamic/book.php.liquid
+++ b/src/pages/dynamic/book.php.liquid
@@ -7,7 +7,7 @@ schema: book
 <article class="book-focus">
   <div class="book-display">
     <img
-      class="image-media"
+      class="media-image"
       srcset="
         {{ globals.cdn_url }}<?= htmlspecialchars($book["image"]) ?>?class=verticalsm&type=webp 200w,
         {{ globals.cdn_url }}<?= htmlspecialchars($book["image"]) ?>?class=verticalmd&type=webp 400w,