chore: remove utility classes + cleanup

src/includes/partials/blocks/avatar.liquid

@@ -1,4 +1,4 @@
-<div class="avatar-wrapper flex-centered">
+<div class="avatar-wrapper">
   <div class="interior">
     <img
       srcset="

src/includes/partials/footer.liquid

@@ -1,13 +1,13 @@
 <footer{% unless updated %} style="margin-top:var(--spacing-3xl)"{% endunless %}>
   {%- if updated -%}
-    <p class="text-centered"><em>This page was last updated on {{ updated | strip }}.</em></p>
+    <p class="updated"><em>This page was last updated on {{ updated | strip }}.</em></p>
   {%- endif -%}
-  <nav aria-label="Social icons" class="social flex-centered justify-centered text-centered">
+  <nav aria-label="Social icons" class="social">
     {%- for link in nav.footer_icons -%}
-      {% render "partials/nav/linked-icon.liquid", title:link.title, url:link.permalink, icon:link.icon %}
+      {% render "partials/nav/link.liquid", page:page, title:link.title, url:link.permalink, icon:link.icon %}
     {%- endfor -%}
   </nav>
-  <nav aria-label="Secondary site navigation" class="sub-pages flex-centered justify-centered text-centered">
+  <nav aria-label="Secondary site navigation" class="sub-pages">
     {%- for link in nav.footer_text -%}
       {% render "partials/nav/link.liquid", page:page, title:link.title, url:link.permalink, icon:link.icon %}
       {% if not forloop.last %}<span>/</span>{% endif %}

src/includes/partials/home/posts.liquid

@@ -1,7 +1,7 @@
 {%- assign posts = postData | filterByPostType: postType %}
 <div class="article-widget-wrapper">
   <div class="section-header-wrapper">
-    <h2 class="section-header posts flex-centered">
+    <h2 class="section-header posts">
       {% tablericon icon title %}
       {{ title }}
     </h2>
@@ -14,8 +14,6 @@
       <a href="{{ post.slug }}">
         <h3>{{ post.title }}</h3>
       </a>
-      <span class="p-author h-card hidden">{{ globals.site_name }}</span>
-      <div class="p-summary hidden">{{ post.data.post_excerpt }}</div>
       {{ post.description | normalize_whitespace | markdown | truncatewords: 50 }}
     </article>
   {%- endfor -%}

src/includes/partials/media/watching/grid.liquid

@@ -8,7 +8,7 @@
         <div class="meta-text">
           {%- if item.type == 'movie' -%}
             <div class="header">{{ item.title }}</div>
-            <div class="subheader flex-centered">
+            <div class="subheader">
               {%- if item.rating -%}
                 <span class="rating"> {{ item.rating }}</span>
               {%- endif -%}
@@ -16,7 +16,7 @@
             </div>
           {%- else -%}
             <div class="header">{{ item.name }}</div>
-            <div class="subheader flex-centered">({{ item.year }})</div>
+            <div class="subheader">({{ item.year }})</div>
           {%- endif -%}
         </div>
         {%- assign loadingStrategy = loading | default: 'lazy' -%}

src/includes/partials/nav/menu.liquid

@@ -1,4 +1,4 @@
-<div class="flex-centered">
+<menu>
   <input id="menu-toggle" type="checkbox" aria-hidden="true" />
   <label class="menu-button-container" for="menu-toggle" tabindex="0">
     <div class="menu-closed" aria-hidden="true">{% tablericon "menu-2" "Menu closed" %}</div>
@@ -10,4 +10,4 @@
     {%- endfor -%}
   </ul>
   {% render "partials/nav/theme-toggle.liquid" %}
-</div>
+</menu>

src/includes/partials/nav/paginator.liquid

@@ -1,5 +1,5 @@
 <script type="module" src="/assets/scripts/components/select-pagination.js?v={% appVersion %}"></script>
-<nav aria-label="Pagination" class="pagination flex-centered">
+<nav aria-label="Pagination" class="pagination">
   {%- if pagination.href.previous -%}
     <a href="{{ pagination.href.previous }}" aria-label="Previous page">
       {% tablericon "arrow-left" "Previous" %}
@@ -19,9 +19,9 @@
       {%- endfor -%}
     </select>
     <noscript>
-      <div class="text-centered">
+      <p>
         <span aria-current="page">{{ pagination.pageNumber | plus: 1 }}</span> of {{ pagination.links.size }}
-      </div>
+      </p>
     </noscript>
   </select-pagination>
   {%- if pagination.href.next -%}

src/includes/webrings/css-joy.liquid

@@ -1,8 +1,8 @@
 <div class="webring-wrapper">
-  <a href="https://cs.sjoy.lol">
-    <h3 class="text-centered">CSS JOY Webring</h3>
-  </a>
-  <div class="webring-navigation flex-centered justify-centered">
+  <h3>
+    <a href="https://cs.sjoy.lol">CSS JOY Webring</a>
+  </h3>
+  <div class="webring-navigation">
     <a href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
       {% tablericon "arrow-left" "Previous site" %}
     </a>

src/includes/webrings/the-claw.liquid

@@ -1,5 +1,4 @@
 <div class="webring-wrapper">
-  <div class="flex-centered justify-centered">
     <img
       srcset="
         https://cdn.coryd.dev/{{ logo }}?class=w200&type=webp 200w,
@@ -18,11 +17,10 @@
       width="200"
       height="169"
     />
-  </div>
-  <h3 class="text-centered">The Claw Webring</h3>
-  <div class="flex-centered justify-centered">
+  <h3>The Claw Webring</h3>
+  <p>
     <strong>
       <a class="no-underline" href="https://github.com/whitep4nth3r/the-claw-webring">Join!</a>
     </strong>
-  </div>
+  </p>
 </div>