only one <h1> on each page

.lighthouserc.json

@@ -10,7 +10,6 @@
         "link-text": "warn",
         "long-tasks": "warn",
         "non-composited-animations": "warn",
-        "tap-targets": "warn",
         "total-byte-weight": ["warn", {"minScore": 0.9}],
         "unminified-javascript": "warn",
         "unsized-images": "warn",

assets/sass/components/_header.scss

@@ -28,7 +28,7 @@ header {
         color: c(medium-dark);
       }
 
-      h1#name {
+      span#name {
         margin: 1.1em 0 1.1em 0.725em;
         font-size: 1.35em;
         font-weight: 500;
@@ -146,7 +146,7 @@ header {
           height: 54px;
         }
 
-        h1#name {
+        span#name {
           display: none;
         }
       }

assets/sass/pages/_home.scss

@@ -6,7 +6,7 @@ div.layout-home {
   padding-top: 1.5em;
   padding-bottom: 0.75em;
 
-  h2 {
+  h1 {
     margin: 0 0 0.6em 0;
     font-size: 1.8em;
     font-weight: 500;
@@ -15,7 +15,7 @@ div.layout-home {
     margin-left: -0.03em; // TODO: why is this indented slightly?
   }
 
-  h3 {
+  h2 {
     margin: 0.6em 0;
     font-size: 1.35em;
     font-weight: 400;
@@ -101,13 +101,13 @@ div.layout-home {
     font-size: 0.975em;
     padding: 1.2em 1.2em 0.4em 1.2em;
 
-    h2 {
+    h1 {
       font-size: 1.5em;
       letter-spacing: -0.014em;
       line-height: 1.4;
     }
 
-    h3 {
+    h2 {
       font-size: 1.185em;
       letter-spacing: -0.017em;
       line-height: 1.55;

content/_index.md

@@ -1,6 +1,6 @@
 ---
 title: "Jake Jarvis – Front-End Web Developer in Boston, MA 👨‍💻"
-date: 2021-03-30 08:48:15-0400
+date: 2021-04-17 09:22:54-0400
 type: home
 sitemap:
   priority: 1.0
@@ -13,9 +13,9 @@ amp: false
 <img id="me" src="{{ $meImgSm.Permalink }}" width="{{ div $meImgSm.Width 2 }}" height="{{ div $meImgSm.Height 2 }}" alt="Photo of Jake Jarvis">
 {{</ portrait.inline >}}
 
-## Hi there! I'm Jake. <span class="wave">👋</span>
+# Hi there! I'm Jake. <span class="wave">👋</span>
 
-### I'm a frontend web developer based in <a href="https://www.youtube-nocookie.com/embed/rLwbzGyC6t4?hl=en&amp;fs=1&amp;showinfo=1&amp;rel=0&amp;iv_load_policy=3" title="&quot;Boston Accent Trailer - Late Night with Seth Meyers&quot; on YouTube" id="boston" target="_blank" rel="noopener">Boston, MA</a>.
+## I'm a frontend web developer based in <a href="https://www.youtube-nocookie.com/embed/rLwbzGyC6t4?hl=en&amp;fs=1&amp;showinfo=1&amp;rel=0&amp;iv_load_policy=3" title="&quot;Boston Accent Trailer - Late Night with Seth Meyers&quot; on YouTube" id="boston" target="_blank" rel="noopener">Boston, MA</a>.
 
 My current focus is on <a href="https://jamstack.wtf/" title="WTF is JAMstack?" id="jamstack" target="_blank" rel="noopener">the JAMstack</a> and <a href="https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/" title="&quot;The Brutal Lifecycle of JavaScript Frameworks&quot; by Ian Allen" id="javascript" target="_blank" rel="noopener">modern JavaScript frameworks</a> like <a href="https://reactjs.org/" title="React Official Website" id="react" target="_blank" rel="noopener">React</a> and <a href="https://angular.io/" title="Angular Official Website" id="angular" target="_blank" rel="noopener">Angular</a> in front of <a href="https://nodejs.org/en/" title="Node.js Official Website" id="node" target="_blank" rel="noopener">Node</a> and <a href="https://golang.org/" title="Golang Official Website" id="golang" target="_blank" rel="noopener">Go</a> backends, but I'm fluent in classics like <a href="https://stitcher.io/blog/php-in-2020" title="&quot;PHP in 2020&quot; by Brent Roose" id="php" target="_blank" rel="noopener">PHP</a>, <a href="https://www.ruby-lang.org/en/" title="Ruby Official Website" id="ruby" target="_blank" rel="noopener">Ruby</a>, and <a href="https://www.python.org/" title="Python Official Website" id="python" target="_blank" rel="noopener">Python</a> too.
 

content/previously/index.md

@@ -45,13 +45,13 @@ css: |
   div#content span.limegreen {
     color: #32cd32;
   }
-  header nav a#logo h1#name {
+  header nav a#logo span#name {
     font-size: 1.5em;
-    line-height: 1.15;
+    margin: 0.93em 0 0.93em 0.7em;
   }
   header nav ul li a span.text {
-    font-size: 0.9em;
-    line-height: 1.15;
+    font-size: 1.05em;
+    line-height: 1.05;
   }
   footer div#copyright, footer div#poweredby {
     font-size: 1.1em;

layouts/partials/page/header.html

@@ -2,7 +2,7 @@
   <nav>
     <a class="no-underline" href="{{ .Site.BaseURL }}" id="logo" rel="me author" aria-label="{{ .Site.Title }}">
       {{ if fileExists "assets/img/logo.svg" }}{{ partial "functions/inline-svg" (dict "src" "img/logo.svg" "width" 28 "height" 40) }}{{ end }}
-      <h1 id="name">{{ .Site.Title }}</h1>
+      <span id="name">{{ .Site.Title }}</span>
     </a>
     <ul>
       {{- range .Site.Menus.main }}