From c626bf6e064068fd8e79b95ffbfa36a0a3a04d82 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Sat, 12 Nov 2022 14:59:55 +0000
Subject: [PATCH] fix: update to use `<h1>` for page title

---
 .stylelintignore                        |  1 +
 src/components/layout/TheSiteHeader.vue | 16 +++++++---------
 src/pages/blog/[article].vue            | 13 ++++++++++---
 src/pages/blog/index.vue                |  2 +-
 src/pages/index.vue                     |  2 +-
 src/pages/talks.vue                     |  2 +-
 src/pages/uses.vue                      |  2 +-
 src/pages/work.vue                      |  2 +-
 8 files changed, 23 insertions(+), 17 deletions(-)
 create mode 100644 .stylelintignore

diff --git a/.stylelintignore b/.stylelintignore
new file mode 100644
index 00000000..de056073
--- /dev/null
+++ b/.stylelintignore
@@ -0,0 +1 @@
+**/*.md
diff --git a/src/components/layout/TheSiteHeader.vue b/src/components/layout/TheSiteHeader.vue
index f83b6a44..0298e051 100644
--- a/src/components/layout/TheSiteHeader.vue
+++ b/src/components/layout/TheSiteHeader.vue
@@ -15,15 +15,13 @@ const loginURL = `https://github.com/login/oauth/authorize?client_id=${config.pu
       class="font-semibold flex-grow text-xs md:text-base justify-between flex flex-row items-center md:flex-grow-0"
     >
       <li>
-        <h1>
-          <NuxtLink
-            class="outline-none px-2 py-2 hover:after:border-gray-700 focus:after:border-gray-700"
-            to="/"
-            title="Daniel Roe"
-          >
-            DCR
-          </NuxtLink>
-        </h1>
+        <NuxtLink
+          class="outline-none px-2 py-2 hover:after:border-gray-700 focus:after:border-gray-700"
+          to="/"
+          title="Daniel Roe"
+        >
+          DCR
+        </NuxtLink>
       </li>
       <li aria-hidden="true" class="font-bold inline-block">•</li>
       <li>
diff --git a/src/pages/blog/[article].vue b/src/pages/blog/[article].vue
index 7cef597e..2d859797 100644
--- a/src/pages/blog/[article].vue
+++ b/src/pages/blog/[article].vue
@@ -1,7 +1,7 @@
 <template>
   <main class="flex-grow mx-auto p-4 w-full max-w-[70ch]">
     <header v-if="page" class="leading-none mt-[5vw] mb-[1vw]">
-      <h2 class="text-2xl">{{ page.title }}</h2>
+      <h1 class="text-2xl">{{ page.title }}</h1>
       <dl
         v-if="page.date && formattedDate"
         class="block md:flex flex-row flex-wrap mt-1 leading-normal uppercase text-xs"
@@ -98,16 +98,17 @@ if (process.server) {
 
 <style module>
 .blog {
-  h3 {
+  h2 {
     @apply text-xl mb-4;
   }
 
-  h4 {
+  h3 {
     @apply uppercase text-sm;
 
     letter-spacing: 0.1rem;
   }
 
+  * + h2,
   * + h3,
   * + h4 {
     @apply mt-8;
@@ -128,10 +129,15 @@ if (process.server) {
       white-space: pre-wrap;
     }
 
+    + h2,
     + h3,
     + h4 {
       @apply mt-8;
     }
+
+    + p {
+      @apply mt-6;
+    }
   }
 
   ol,
@@ -165,6 +171,7 @@ if (process.server) {
     content: counter(list);
   }
 
+  /* stylelint-disable-next-line */
   p {
     + pre,
     + p {
diff --git a/src/pages/blog/index.vue b/src/pages/blog/index.vue
index 9b56d26f..fca7fddb 100644
--- a/src/pages/blog/index.vue
+++ b/src/pages/blog/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex-grow mx-auto p-4 w-full max-w-[70ch]">
     <header class="leading-none mt-[5vw] mb-[1vw]">
-      <h2 class="text-2xl">Articles</h2>
+      <h1 class="text-2xl">Articles</h1>
     </header>
     <main class="text-lg">
       <section class="flex flex-row flex-wrap gap-4">
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 46af9025..2512dfb0 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex-grow mx-auto p-4 w-full max-w-[70ch]">
     <header class="leading-none mt-[5vw] mb-[1vw]">
-      <h2 class="text-2xl">Welcome!</h2>
+      <h1 class="text-2xl">Welcome!</h1>
     </header>
     <main :class="$style.home" class="text-lg">
       <StaticMarkdownRender v-if="page" :value="page" />
diff --git a/src/pages/talks.vue b/src/pages/talks.vue
index 5ea6833e..47459d34 100644
--- a/src/pages/talks.vue
+++ b/src/pages/talks.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex-grow mx-auto p-4 w-full max-w-[70ch]">
     <header class="leading-none mt-[5vw] mb-[1vw]">
-      <h2 class="text-2xl">Talks</h2>
+      <h1 class="text-2xl">Talks</h1>
     </header>
     <main class="text-lg">
       <section class="flex flex-row flex-wrap gap-4">
diff --git a/src/pages/uses.vue b/src/pages/uses.vue
index 7d63b2c9..a48cfdb8 100644
--- a/src/pages/uses.vue
+++ b/src/pages/uses.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex-grow mx-auto p-4 w-full max-w-[70ch]">
     <header class="leading-none mt-[5vw] mb-[1vw]">
-      <h2 class="text-2xl">Uses</h2>
+      <h1 class="text-2xl">Uses</h1>
     </header>
     <main class="text-lg" :class="$style.uses">
       <StaticMarkdownRender v-if="page" :value="page" />
diff --git a/src/pages/work.vue b/src/pages/work.vue
index 87ae8fdd..c6caca0b 100644
--- a/src/pages/work.vue
+++ b/src/pages/work.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex-grow mx-auto p-4 w-full max-w-[70ch]">
     <header class="leading-none mt-[5vw] mb-[1vw]">
-      <h2 class="text-2xl">Work</h2>
+      <h1 class="text-2xl">Work</h1>
     </header>
 
     <main class="text-lg">
-- 
2.51.2