From 7e86d2275cc3563785d8e5af634574bc2082557b Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Thu, 20 Jun 2024 15:00:13 -0700
Subject: [PATCH] chore: headers and such

---
 package-lock.json                              |  4 ++--
 package.json                                   |  2 +-
 src/_includes/partials/home/posts.liquid       |  2 +-
 .../partials/widgets/popular-posts.liquid      |  4 ++--
 .../partials/widgets/recent-links.liquid       |  4 ++--
 src/assets/styles/base/index.css               |  6 +-----
 src/pages/main/books/book.html                 |  2 +-
 src/pages/main/music/index.html                | 18 +++++++++---------
 src/pages/main/music/periods/3-months.html     | 12 ++++++------
 src/pages/main/music/periods/this-month.html   | 12 ++++++------
 src/pages/main/posts/index.html                |  2 +-
 src/pages/main/watching/index.html             | 16 ++++++++--------
 src/pages/main/watching/movie.html             |  2 +-
 src/pages/main/watching/show.html              |  2 +-
 14 files changed, 42 insertions(+), 46 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2a773514..d7d1fdfa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "19.5.13",
+  "version": "19.5.14",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "19.5.13",
+      "version": "19.5.14",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",
diff --git a/package.json b/package.json
index e89d210c..a9cea679 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "19.5.13",
+  "version": "19.5.14",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/_includes/partials/home/posts.liquid b/src/_includes/partials/home/posts.liquid
index 83b06bd5..2aaaab7e 100644
--- a/src/_includes/partials/home/posts.liquid
+++ b/src/_includes/partials/home/posts.liquid
@@ -15,7 +15,7 @@
       </time>
     </div>
     <a href="{{ post.slug }}">
-      <h2 class="flex-centered">{{ post.title }}</h2>
+      <h3 class="flex-centered">{{ post.title }}</h3>
     </a>
     <span class="p-author h-card hidden">{{ meta.siteName }}</span>
     <div class="p-summary hidden">{{ post.data.post_excerpt }}</div>
diff --git a/src/_includes/partials/widgets/popular-posts.liquid b/src/_includes/partials/widgets/popular-posts.liquid
index c8c80116..906abc67 100644
--- a/src/_includes/partials/widgets/popular-posts.liquid
+++ b/src/_includes/partials/widgets/popular-posts.liquid
@@ -1,8 +1,8 @@
 {% if popularPosts.size > 0 %}
-<h2 class="link-list-header flex-centered">
+<h3 class="link-list-header flex-centered">
   {% tablericon "flame" "Popular" %}
   Popular posts
-</h2>
+</h3>
 <ul class="link-list">
   {% for post in popularPosts limit: 5 %}
     <li>
diff --git a/src/_includes/partials/widgets/recent-links.liquid b/src/_includes/partials/widgets/recent-links.liquid
index 2fa9cfca..b40dc5a5 100644
--- a/src/_includes/partials/widgets/recent-links.liquid
+++ b/src/_includes/partials/widgets/recent-links.liquid
@@ -1,8 +1,8 @@
 {% if links.size > 0 %}
-<h2 id="links" class="link-list-header flex-centered">
+<h3 id="links" class="link-list-header flex-centered">
   {% tablericon "link" "Links" %}
   Recent links
-</h2>
+</h3>
 <ul class="link-list">
   {% for link in links limit: 5 %}
     <li>
diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css
index e7668a2d..3a28c9ee 100644
--- a/src/assets/styles/base/index.css
+++ b/src/assets/styles/base/index.css
@@ -187,10 +187,6 @@ h6 { font-size: var(--font-size-sm) }
 .section-header {
   margin: var(--sizing-xl) 0 var(--sizing-lg);
 
-  &.reduced-margin {
-    margin: var(--sizing-md) 0 var(--sizing-lg);
-  }
-
   &.no-top-margin {
     margin: 0 0 var(--sizing-lg);
   }
@@ -611,7 +607,7 @@ li {
     flex-direction: row;
   }
 
-  article h2 {
+  article h3 {
     margin: 0 0 var(--sizing-xs);
   }
 
diff --git a/src/pages/main/books/book.html b/src/pages/main/books/book.html
index f406e835..f637ef47 100644
--- a/src/pages/main/books/book.html
+++ b/src/pages/main/books/book.html
@@ -53,7 +53,7 @@ schema: book
     <hr />
   {% endif %}
   {% if book.description %}
-    <h2>Overview</h2>
+    <h3>Overview</h3>
     {{ book.description | markdown }}
   {% endif %}
 </article>
\ No newline at end of file
diff --git a/src/pages/main/music/index.html b/src/pages/main/music/index.html
index f6b342a5..fff04c7d 100644
--- a/src/pages/main/music/index.html
+++ b/src/pages/main/music/index.html
@@ -15,28 +15,28 @@ schema: music-index
 <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>
 {% render "partials/widgets/now-playing.liquid" %}
 <hr />
-<h2 id="artists" class="section-header no-top-margin">
+<h3 id="artists" class="section-header no-top-margin">
   <a class="link-icon" href="/music/artists/this-week">
     {% tablericon "microphone-2" "Artists" %}
     Artists
   </a>
-</h2>
+</h3>
 {% render "partials/media/grid.liquid", data:music.week.artists, shape: "square", count: 8, loading: "eager" %}
-<h2 id="albums" class="section-header reduced-margin">
+<h3 id="albums" class="section-header">
   <a class="link-icon" href="/music/albums/this-week">
     {% tablericon "vinyl" "Albums" %}
     Albums
   </a>
-</h2>
+</h3>
 {% render "partials/media/grid.liquid", data:music.week.albums, shape: "square", count: 8 %}
 <div class="section-header-wrapper">
-  <h2 id="tracks" class="section-header reduced-margin">
+  <h3 id="tracks" class="section-header">
     <a class="link-icon" href="/music/tracks/this-week">
       {% tablericon "playlist" "Tracks" %}
       Tracks
     </a>
-  </h2>
-  <div class="section-header-buttons reduced-margin client-side">
+  </h3>
+  <div class="section-header-buttons client-side">
     <button class="small active" data-toggle="tracks-recent">Recent</button>
     <button class="small secondary" data-toggle="tracks-window">This week</button>
   </div>
@@ -48,9 +48,9 @@ schema: music-index
   {% render "partials/media/music/chart.liquid", data:music.week.tracks, mostPlayed:music.week.tracks[0].plays, count: 10 %}
 </div>
 {% if albumReleases.size > 0 %}
-<h2 id="album-releases" class="section-header flex-centered">
+<h3 id="album-releases" class="section-header flex-centered">
   {% tablericon "calendar-time" "Anticipated albums" %}
   Anticipated albums
-</h2>
+</h3>
 {% render "partials/media/grid.liquid", data:albumReleases, shape: "square", count: 8 %}
 {% endif %}
\ No newline at end of file
diff --git a/src/pages/main/music/periods/3-months.html b/src/pages/main/music/periods/3-months.html
index 9fab998d..7c43b877 100644
--- a/src/pages/main/music/periods/3-months.html
+++ b/src/pages/main/music/periods/3-months.html
@@ -11,24 +11,24 @@ schema: music-period
 <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>
 <hr />
-<h2 id="artists" class="section-header no-top-margin">
+<h3 id="artists" class="section-header no-top-margin">
   <a class="link-icon" href="/music/artists/three-months">
     {% tablericon "microphone-2" "Artists" %}
     Artists
   </a>
-</h2>
+</h3>
 {% render "partials/media/grid.liquid", data:music.threeMonth.artists, shape: "square", count: 8, loading: "eager" %}
-<h2 id="albums" class="section-header reduced-margin">
+<h3 id="albums" class="section-header">
   <a class="link-icon" href="/music/albums/three-months">
     {% tablericon "vinyl" "Albums" %}
     Albums
   </a>
-</h2>
+</h3>
 {% render "partials/media/grid.liquid", data:music.threeMonth.albums, shape: "square", count: 8 %}
-<h2 id="tracks" class="section-header reduced-margin">
+<h3 id="tracks" class="section-header">
   <a class="link-icon" href="/music/tracks/three-months">
     {% tablericon "playlist" "Tracks" %}
     Tracks
   </a>
-</h2>
+</h3>
 {% render "partials/media/music/chart.liquid", data:music.threeMonth.tracks, mostPlayed:music.threeMonth.tracks[0].plays, count: 10 %}
\ No newline at end of file
diff --git a/src/pages/main/music/periods/this-month.html b/src/pages/main/music/periods/this-month.html
index a72f6778..6e5ae13c 100644
--- a/src/pages/main/music/periods/this-month.html
+++ b/src/pages/main/music/periods/this-month.html
@@ -11,24 +11,24 @@ schema: music-period
 <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>
 <hr />
-<h2 id="artists" class="section-header no-top-margin">
+<h3 id="artists" class="section-header no-top-margin">
   <a class="link-icon" href="/music/artists/this-month">
     {% tablericon "microphone-2" "Artists" %}
     Artists
   </a>
-</h2>
+</h3>
 {% render "partials/media/grid.liquid", data:music.month.artists, shape: "square", count: 8, loading: "eager" %}
-<h2 id="albums" class="section-header reduced-margin">
+<h3 id="albums" class="section-header">
   <a class="link-icon" href="/music/albums/this-month">
     {% tablericon "vinyl" "Albums" %}
     Albums
   </a>
-</h2>
+</h3>
 {% render "partials/media/grid.liquid", data:music.month.albums, shape: "square", count: 8 %}
-<h2 id="tracks" class="section-header reduced-margin">
+<h3 id="tracks" class="section-header">
   <a class="link-icon" href="/music/tracks/this-month">
     {% tablericon "playlist" "Tracks" %}
     Tracks
   </a>
-</h2>
+</h3>
 {% render "partials/media/music/chart.liquid", data:music.month.tracks, mostPlayed:music.month.tracks[0].plays, count: 10 %}
\ No newline at end of file
diff --git a/src/pages/main/posts/index.html b/src/pages/main/posts/index.html
index ce8fba64..afebb3da 100644
--- a/src/pages/main/posts/index.html
+++ b/src/pages/main/posts/index.html
@@ -17,7 +17,7 @@ permalink: "/posts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}
       </time>
     </div>
     <a href="{{ post.slug }}">
-      <h2 class="flex-centered">{{ post.title }}</h2>
+      <h3 class="flex-centered">{{ post.title }}</h3>
     </a>
     <span class="p-author h-card hidden">{{ meta.siteName }}</span>
     <div class="p-summary hidden">{{ post.description }}</div>
diff --git a/src/pages/main/watching/index.html b/src/pages/main/watching/index.html
index 6d59d1f2..1ca78030 100644
--- a/src/pages/main/watching/index.html
+++ b/src/pages/main/watching/index.html
@@ -12,33 +12,33 @@ schema: watching
 <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 />
-<h2 id="movies" class="section-header no-top-margin">
+<h3 id="movies" class="section-header no-top-margin">
   <a class="link-icon" href="/watching/recent/movies">
     {% tablericon "movie" "Recent movies" %}
     Recent movies
   </a>
-</h2>
+</h3>
 {% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %}
-<h2 id="tv" class="section-header reduced-margin">
+<h3 id="tv" class="section-header">
   <a class="link-icon" href="/watching/recent/shows">
     {% tablericon "device-tv" "Recent shows" %}
     Recent shows
   </a>
-</h2>
+</h3>
 {% render "partials/media/grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %}
-<h2 id="favorite-movies" class="section-header reduced-margin">
+<h3 id="favorite-movies" class="section-header">
   <a class="link-icon" href="/watching/favorite-movies">
     {% tablericon "star" "Favorite movies" %}
     Favorite movies
   </a>
-</h2>
+</h3>
 {% assign favoriteMovies = movies.favorites | featuredWatching: 6 %}
 {% render "partials/media/watching/grid.liquid", mediaItems:favoriteMovies, count: 6 %}
-<h2 id="favorite-shows" class="section-header reduced-margin">
+<h3 id="favorite-shows" class="section-header">
   <a class="link-icon" href="/watching/favorite-shows">
     {% tablericon "star" "Favorite shows" %}
     Favorite shows
   </a>
-</h2>
+</h3>
 {% assign favoriteShows = tv.favorites | featuredWatching: 6 %}
 {% render "partials/media/watching/grid.liquid", mediaItems:favoriteShows, count: 6 %}
\ No newline at end of file
diff --git a/src/pages/main/watching/movie.html b/src/pages/main/watching/movie.html
index 483209fb..271abe2f 100644
--- a/src/pages/main/watching/movie.html
+++ b/src/pages/main/watching/movie.html
@@ -43,7 +43,7 @@ schema: movie
     <hr />
   {% endif %}
   {% if movie.description %}
-    <h2>Overview</h2>
+    <h3>Overview</h3>
     {{ movie.description | markdown }}
   {% endif %}
 </article>
\ No newline at end of file
diff --git a/src/pages/main/watching/show.html b/src/pages/main/watching/show.html
index 44f869c3..3f7fe626 100644
--- a/src/pages/main/watching/show.html
+++ b/src/pages/main/watching/show.html
@@ -42,7 +42,7 @@ schema: show
     <hr />
   {% endif %}
   {% if show.description %}
-    <h2>Overview</h2>
+    <h3>Overview</h3>
     {{ show.description | markdown }}
   {% endif %}
 </article>
\ No newline at end of file