chore: style cleanup

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "22.2.3",
+  "version": "22.2.4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "22.2.3",
+      "version": "22.2.4",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.5.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "22.2.3",
+  "version": "22.2.4",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "scripts": {

src/assets/styles/base/index.css

@@ -217,30 +217,12 @@ h6 { font-size: var(--font-size-sm); }
   & .section-header {
     margin: 0;
   }
-
-  & .section-header-buttons {
-    display: flex;
-    align-items: center;
-    gap: var(--sizing-sm);
-
-    & > button {
-      margin-bottom: 0 !important;
-
-      &:last-of-type {
-        margin-right: 0 !important;
-      }
-    }
-  }
 }
 
 .section-header {
   margin: var(--sizing-xl) 0 var(--sizing-lg);
   line-height: 1;
 
-  &.no-top-margin {
-    margin: 0 0 var(--sizing-lg);
-  }
-
   &.posts {
     margin: 0 0 var(--sizing-lg);
   }
@@ -252,6 +234,10 @@ hr {
   background-color: var(--gray-light);
   border: 0;
   margin: var(--sizing-base) 0;
+
+  & + .section-header {
+    margin-top: 0;
+  }
 }
 
 /* tables */
@@ -412,6 +398,10 @@ nav .active svg {
   & .article-widget-wrapper:last-of-type {
     border-bottom: none;
   }
+
+  & > h2 {
+    margin-top: 0;
+  }
 }
 
 .main-wrapper {
@@ -488,11 +478,6 @@ footer {
 
 /* articles */
 article {
-  & h2 {
-    margin: 0 0 var(--sizing-lg);
-    transition-property: color;
-  }
-
   & h3 {
     margin: 0;
     display: inline-block;
@@ -546,19 +531,6 @@ li {
   margin-bottom: var(--sizing-lg);
 }
 
-.link-list {
-  margin: 0;
-
-  & li {
-    margin-top: var(--sizing-sm);
-    margin-bottom: var(--sizing-sm);
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-}
-
 /* images */
 .image-banner {
   border: var(--border-default);
@@ -567,11 +539,6 @@ li {
   display: block;
 }
 
-/* pages */
-.page-header {
-  margin-top: 0;
-}
-
 /* utilities */
 .highlight-text {
   color: var(--color-lightest);
@@ -587,6 +554,13 @@ li {
   text-align: center !important;
 }
 
+.text-centered-vertically {
+  min-height: 60vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .text-small {
   font-size: var(--font-size-sm) !important;
 }

src/assets/styles/components/buttons.css

@@ -9,7 +9,6 @@ button,
   &:not(.theme-toggle) {
     border: 2px solid var(--accent-color);
     padding: var(--sizing-sm) var(--sizing-lg);
-    margin: 0 var(--sizing-xs) var(--sizing-md) 0;
     cursor: pointer;
     display: inline-flex;
     flex-direction: row;

src/assets/styles/components/forms.css

@@ -15,11 +15,18 @@ textarea {
   font-size: var(--font-size-base);
   width: 100%;
   border-radius: 0;
-  margin-bottom: var(--sizing-base);
   font-weight: var(--font-weight-base);
   line-height: var(--line-height-base);
 }
 
+label:has(input):has(+ *) input,
+input[type="text"]:has(+ *),
+input[type="email"]:has(+ *),
+input[type="search"]:has(+ *),
+textarea:has(+ *) {
+  margin-bottom: var(--sizing-base);
+}
+
 input:focus,
 input:focus-within,
 textarea:focus,

src/assets/styles/components/tab-buttons.css

@@ -13,6 +13,10 @@ input[id="tracks-window"] ~ [for="tracks-window"] {
   margin-bottom: var(--sizing-lg);
 }
 
+input[id="tracks-recent"] ~ [for="tracks-recent"]:has(+ [for="tracks-window"]) {
+  margin-right: var(--sizing-xs);
+}
+
 #tracks-recent:not(:checked) ~ [for="tracks-recent"]:hover,
 #tracks-recent:not(:checked) ~ [for="tracks-recent"]:active,
 #tracks-window:not(:checked) ~ [for="tracks-window"]:hover,

src/assets/styles/components/text-toggle.css

@@ -20,6 +20,6 @@
   }
 }
 
-[data-toggle-content]+button[data-toggle-button]:has(+ table) {
+[data-toggle-content] + button[data-toggle-button]:has(+ table) {
   margin: 0 0 var(--sizing-base);
 }

src/assets/styles/pages/contact.css

@@ -6,10 +6,14 @@
     height: calc(var(--sizing-3xl) * 5);
     resize: none;
   }
+
+  & .column.description p:first-of-type {
+    margin-top: 0;
+  }
 }
 
 .contact-success-header {
-  margin: 0 0 var(--sizing-lg);
+  margin: 0 0 var(--sizing-base);
 }
 
 @media screen and (min-width: 768px) {
@@ -24,8 +28,4 @@
       padding-right: var(--sizing-xl);
     }
   }
-
-  form {
-    margin-top: var(--sizing-base);
-  }
 }

src/pages/dynamic/blogroll.html

@@ -4,7 +4,7 @@ layout: page
 permalink: /blogroll.html
 description: These are awesome blogs that I enjoy and you may enjoy too.
 ---
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ title }}</h2>
 <p>You can <a href="/blogroll.opml">Download OPML</a>
   download an OPML file</a> containing all of these feeds and import them into your RSS reader.</p>
 <table>

src/pages/dynamic/books/index.html

@@ -8,7 +8,7 @@ schema: books
 ---
 {%- assign bookData = books.all | bookStatus: 'started' | reverse -%}
 {%- assign currentBookCount = books.all | currentBookCount -%}
-<h2 class="page-header">Currently reading</h2>
+<h2>Currently reading</h2>
 <p>Here's what I'm reading at the moment. I've finished <strong class="highlight-text">{{ currentBookCount }} books</strong> this year.</p>
 <p>{{ books.years | bookYearLinks }}</p>
 {% render "partials/blocks/banners/rss.liquid", url: "https://coryd.dev/feeds/books", text: "Subscribe to my books feed or follow along on this page" %}

src/pages/dynamic/books/year.html

@@ -14,7 +14,7 @@ schema: books-year
 {%- assign yearString = year.value | append: '' -%}
 {%- assign currentYearString = currentYear | append: '' -%}
 <a class="back-link-header link-icon" href="/books" title="Go back to the books index page">{% tablericon "arrow-left" "Go back to the books index page" %} Back to books</a>
-<h2 class="page-header">{{ year.value }} / Books</h2>
+<h2>{{ year.value }} / Books</h2>
 {% if yearString == currentYearString %}
 <p>I've finished <strong class="highlight-text">{{ bookData.size }} books</strong> this year.{%- if favoriteBooks %} Among my favorites are {{ favoriteBooks }}.{%- endif -%}</p>
 {% else %}

src/pages/dynamic/links.html

@@ -8,7 +8,7 @@ pagination:
 permalink: "/links/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
 ---
 {% if pagination.pageNumber == 0 %}
-<h2 class="page-header">Links</h2>
+<h2>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.</p>
 {% render "partials/blocks/banners/rss.liquid", url: "https://coryd.dev/feeds/links", text: "Subscribe to my links feed or follow along on this page" %}
 <hr />

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

@@ -11,7 +11,7 @@ schema: music
 ---
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ 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. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music">this week</a> or <a href="/music/this-month">this month</a>.</p>
 <p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>

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

@@ -11,7 +11,7 @@ schema: music
 ---
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ 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. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music">this week</a> or <a href="/music/three-months">over the last 3 months</a>.</p>
 <p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>

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

@@ -11,7 +11,7 @@ schema: music
 ---
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ 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. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music/this-month">this month</a> or <a href="/music/three-months">over the last 3 months</a>.</p>
 <p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>

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

@@ -11,7 +11,7 @@ schema: music
 ---
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ 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. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music">this week</a> or <a href="/music/this-month">this month</a>.</p>
 <p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>

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

@@ -11,7 +11,7 @@ schema: music
 ---
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ 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. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music">this week</a> or <a href="/music/three-months">over the last 3 months</a>.</p>
 <p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>

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

@@ -11,7 +11,7 @@ schema: music
 ---
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ 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. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music/this-month">this month</a> or <a href="/music/three-months">over the last 3 months</a>.</p>
 <p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>

src/pages/dynamic/music/concerts.html

@@ -8,7 +8,7 @@ pagination:
 permalink: "/music/concerts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
 ---
 {%- if pagination.pageNumber == 0 -%}
-<h2 class="page-header">Concerts</h2>
+<h2>Concerts</h2>
 <p>These are concerts I've attended (not all of them — just the ones I could remember or glean from emails, photo metadata et al). I've been to at least <strong class="highlight-text">{{ concerts | size }}</strong> shows. <a href="/music">You can also take a look at the music I've been listening to lately</a>.</p>
 <hr />
 {%- endif -%}

src/pages/dynamic/music/genre.html

@@ -23,7 +23,7 @@ schema: genre
 <script>{{ js }}</script>
 <noscript><style>[data-toggle-content].text-toggle-hidden {height: unset !important;overflow: unset !important;margin-bottom: unset !important;}[data-toggle-content].text-toggle-hidden::after {display: none !important;}</style></noscript>
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
-<h2 class="page-header">{{ genre.name }}</h2>
+<h2>{{ genre.name }}</h2>
 <article class="genre-focus">
   {%- if mediaLinks -%}
   <p>My top <strong class="highlight-text">{{ genre.name }}</strong> artists {{ connectingWord }} {{ mediaLinks }}. I've listened to <strong class="highlight-text">{{ genre.total_plays | formatNumber }}</strong> tracks form this genre.</p>

src/pages/dynamic/music/index.html

@@ -6,13 +6,13 @@ permalink: "/music/index.html"
 updated: "now"
 schema: music-index
 ---
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ 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 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. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music/this-month">this month</a> or <a href="/music/three-months">over the last 3 months</a>.</p>
 <p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
 {% render "partials/blocks/now-playing.liquid", music:music %}
 <hr />
-<h3 id="artists" class="section-header no-top-margin">
+<h3 id="artists" class="section-header">
   <a class="link-icon" href="/music/artists/this-week">
     {% tablericon "microphone-2" "Artists" %}
     Artists

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

@@ -7,12 +7,12 @@ updated: "now"
 image: music.threeMonth.artists[0].image
 schema: music-period
 ---
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ 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. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music">this week</a> or <a href="/music/this-month">this month</a>.</p>
 <p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
 <hr />
-<h3 id="artists" class="section-header no-top-margin">
+<h3 id="artists" class="section-header">
   <a class="link-icon" href="/music/artists/three-months">
     {% tablericon "microphone-2" "Artists" %}
     Artists

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

@@ -7,12 +7,12 @@ updated: "now"
 image: music.month.artists[0].image
 schema: music-period
 ---
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ 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. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music">this week</a> or <a href="/music/three-months">over the last 3 months</a>.</p>
 <p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
 <hr />
-<h3 id="artists" class="section-header no-top-margin">
+<h3 id="artists" class="section-header">
   <a class="link-icon" href="/music/artists/this-month">
     {% tablericon "microphone-2" "Artists" %}
     Artists

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

@@ -11,7 +11,7 @@ schema: music
 ---
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ 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. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music">this week</a> or <a href="/music/this-month">this month</a>.</p>
 <p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>

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

@@ -11,7 +11,7 @@ schema: music
 ---
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ 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. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music">this week</a> or <a href="/music/three-months">over the last 3 months</a>.</p>
 <p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>

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

@@ -11,7 +11,7 @@ schema: music
 ---
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ 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. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music/this-month">this month</a> or <a href="/music/three-months">over the last 3 months</a>.</p>
 <p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>

src/pages/dynamic/posts/post.html

@@ -14,7 +14,7 @@ schema: blog
       {{ post.date | date: "%B %e, %Y" }}
     </time>
   </div>
-  <h2 class="p-name">{{ post.title }}</h2>
+  <h3 class="p-name">{{ post.title }}</h3>
   <span class="p-author h-card hidden">{{ globals.author }}</span>
   <div class="p-summary hidden">{{ post.description }}</div>
   <div class="e-content">

src/pages/dynamic/watching/index.html

@@ -12,7 +12,7 @@ schema: watching
 <p>Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion.</p>
 {% render "partials/blocks/banners/rss.liquid", url: "https://coryd.dev/feeds/movies", text: "Subscribe to my movies feed or follow along on this page" %}
 <hr />
-<h3 id="movies" class="section-header no-top-margin">
+<h3 id="movies" class="section-header">
   <a class="link-icon" href="/watching/recent/movies">
     {% tablericon "movie" "Recent movies" %}
     Recent movies

src/pages/static/contact.html

@@ -4,7 +4,7 @@ layout: default
 permalink: /contact.html
 description: How to contact me.
 ---
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ title }}</h2>
 <div class="contact-wrapper">
   <div class="column description">
     <p>Fill out the form to get in touch. Or I've got other options 👇🏻</p>

src/pages/static/search.html

@@ -54,7 +54,7 @@ permalink: /search.html
     }
   })()
 </script>
-<h2 class="page-header">Search</h2>
+<h2>Search</h2>
 <p>You can find <a href="/posts">posts</a>, <a href="/links">links</a>, <a href="/music/#artists">artists</a>, genres, <a href="/watching#movies">movies</a> and <a href="/books">books</a> via the field below (though it only surfaces movies and books I've written something about).</p>
 <noscript>
   <p><strong class="highlight-text">If you're seeing this it means that you've (quite likely) disabled JavaScript (that's a totally valid choice!).</strong> You can search for anything on my site using the form below, but your query will be routed through <a href="https://duckduckgo.com">DuckDuckGo</a>.</p>

src/pages/static/webrings.md

@@ -4,7 +4,7 @@ layout: page
 permalink: /webrings.html
 description: Webrings are awesome! These are the ones I'm a member of.
 ---
-<h2 class="page-header">{{ title }}</h2>
+<h2>{{ title }}</h2>
 
 [Webrings](https://en.wikipedia.org/wiki/Webring) are _awesome_. I'm a member of a few that follow. Check them out!