From 1ead3a4e2ec475d0f46fa9213ee8632f16f96c77 Mon Sep 17 00:00:00 2001
From: Dan Grebb <dan@dgrebb.com>
Date: Sat, 13 Jan 2024 20:24:22 -0500
Subject: [PATCH] chore(front): updates heading hierarchies (#1163)

---
 front/src/lib/components/posts/PostsGrid.svelte | 2 +-
 front/src/lib/layout/Header.svelte              | 3 ++-
 front/src/lib/layout/NavHome.svelte             | 7 ++++++-
 front/src/routes/+layout.svelte                 | 2 +-
 front/src/routes/+page.svelte                   | 2 +-
 5 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/front/src/lib/components/posts/PostsGrid.svelte b/front/src/lib/components/posts/PostsGrid.svelte
index 7a5abe7fe..9cbaa1295 100644
--- a/front/src/lib/components/posts/PostsGrid.svelte
+++ b/front/src/lib/components/posts/PostsGrid.svelte
@@ -10,7 +10,7 @@
       style={lazyImage && `background-image: url('${lazyImage}');`}
     >
       <a href="/post/{slug}/" class="posts-grid-link">
-        <span class="link-bg">{title}</span>
+        <h2 class="link-bg">{title}</h2>
       </a>
     </li>
   {/each}
diff --git a/front/src/lib/layout/Header.svelte b/front/src/lib/layout/Header.svelte
index 5df2a9fe9..227499670 100644
--- a/front/src/lib/layout/Header.svelte
+++ b/front/src/lib/layout/Header.svelte
@@ -5,6 +5,7 @@
   import '@styles/components/nav.css';
   import '@styles/components/theme-toggle.css';
 
+  export let route;
   export let navHeading;
   export let navItems;
 </script>
@@ -12,7 +13,7 @@
 <header class="header" id="header">
   <a href="#main" class="btn skip-to-content">Skip to Main Content</a>
   <div class="site-title">
-    <NavHome {navHeading} />
+    <NavHome {navHeading} {route} />
   </div>
   {#if navItems}<NavBar {navItems} />{/if}
   <ThemeToggle />
diff --git a/front/src/lib/layout/NavHome.svelte b/front/src/lib/layout/NavHome.svelte
index 5b564bd70..85dd5df26 100644
--- a/front/src/lib/layout/NavHome.svelte
+++ b/front/src/lib/layout/NavHome.svelte
@@ -1,7 +1,12 @@
 <script>
+  export let route;
   export let navHeading;
 </script>
 
 <a class="nav-home" href="/" aria-label="Dan Grebb | Home">
-  <h1>{navHeading}</h1>
+  {#if route === '/'}
+    <h1>{navHeading}</h1>
+  {:else}
+    {navHeading}
+  {/if}
 </a>
diff --git a/front/src/routes/+layout.svelte b/front/src/routes/+layout.svelte
index ee3cc6bdc..f8f5145d6 100644
--- a/front/src/routes/+layout.svelte
+++ b/front/src/routes/+layout.svelte
@@ -36,7 +36,7 @@
 </script>
 
 <span class="flourish" />
-<Header {navHeading} {navItems} />
+<Header {navHeading} {navItems} {route} />
 <main class="main" class:secondary class:l-post={post} data-sveltekit-noscroll>
   <slot />
 </main>
diff --git a/front/src/routes/+page.svelte b/front/src/routes/+page.svelte
index c7cc37ab5..6af929306 100644
--- a/front/src/routes/+page.svelte
+++ b/front/src/routes/+page.svelte
@@ -87,7 +87,7 @@
     </noscript>
 
     <a id="main">Main Content</a>
-    <h1 class="headline">{headline}</h1>
+    <h2 class="headline">{headline}</h2>
     {@html intro}
   </section>