fix: sequentially order headers

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "13.2.9",
+  "version": "13.2.10",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {

src/_includes/partials/home/posts.liquid

@@ -15,7 +15,7 @@
       </time>
     </div>
     <a href="{{ post.url }}">
-      <h3 class="flex-centered">{{ post.data.title }}</h3>
+      <h2 class="flex-centered">{{ post.data.title }}</h2>
     </a>
     <span class="p-author h-card hidden">{{ meta.siteName }}</span>
     <div class="p-summary hidden">{{ post.data.post_excerpt }}</div>

src/assets/styles/base/index.css

@@ -149,12 +149,12 @@ h1, h2, h3, h4, h5, h6 {
   font-weight: var(--font-weight-bold);
 }
 
-h1 { font-size: var(--font-size-2xl) }
-h2 { font-size: var(--font-size-xl) }
-h3 { font-size: var(--font-size-lg) }
-h4 { font-size: var(--font-size-base) }
-h5 { font-size: var(--font-size-md) }
-h6 { font-size: var(--font-size-sm) }
+h1 { font-size: var(--font-size-xl) }
+h2 { font-size: var(--font-size-lg) }
+h3 { font-size: var(--font-size-base) }
+h4 { font-size: var(--font-size-md) }
+h5 { font-size: var(--font-size-sm) }
+h6 { font-size: var(--font-size-xs) }
 
 .section-header-wrapper {
   display: flex;
@@ -435,7 +435,7 @@ code {
 /* articles */
 article {
   & h2 {
-    line-height: var(--line-height-2xl);
+    line-height: var(--line-height-lg);
     margin: 0 0 var(--sizing-lg);
     transition-property: color;
   }

src/pages/tag-list.html

@@ -20,7 +20,7 @@ eleventyComputed:
     </time>
   </div>
   <a href="{{ post.url }}">
-    <h3 class="flex-centered">{{ post.data.title }}</h3>
+    <h2 class="flex-centered">{{ post.data.title }}</h2>
   </a>
   {% if author %}via {{ author }}{% endif %}
   {% if post.data.excerpt %}

src/posts.html

@@ -17,7 +17,7 @@ pagination:
       </time>
     </div>
     <a href="{{ post.url }}">
-      <h3 class="flex-centered">{{ post.data.title }}</h3>
+      <h2 class="flex-centered">{{ post.data.title }}</h2>
     </a>
     <span class="p-author h-card hidden">{{ meta.siteName }}</span>
     <div class="p-summary hidden">{{ post.data.post_excerpt }}</div>