From 273a507bda383f69833dc4c916d59603164f062f Mon Sep 17 00:00:00 2001
From: code913 <54856929+code913@users.noreply.github.com>
Date: Sun, 29 Oct 2023 09:08:34 +0000
Subject: [PATCH] feat: header and main elements for semantics

---
 src/lib/Header.svelte     | 39 +++++++++++++++++++++++----------------
 src/routes/+layout.svelte |  2 +-
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/lib/Header.svelte b/src/lib/Header.svelte
index f85731d..95c48a5 100644
--- a/src/lib/Header.svelte
+++ b/src/lib/Header.svelte
@@ -5,25 +5,32 @@
     let navShown = false;
 </script>
 
-<nav>
-    <a class="brand" href="index.html">Cursed Creations</a>
-    <md-outlined-icon-button
-        class="menu"
-        aria-expanded={navShown}
-        aria-label="Toggle navigation"
-        on:click={(_) => (navShown = !navShown)}
-    >
-        <md-icon>menu</md-icon>
-    </md-outlined-icon-button>
-    <ul class="links" class:shown={navShown}>
-        {#each [["/", "Home"], ["/downloads", "Mods"], ["/wiki", "Wiki"]] as [href, display]}
-            <li><a {href}>{display}</a></li>
-        {/each}
-    </ul>
-</nav>
+<header>
+    <nav>
+        <a class="brand" href="index.html">Cursed Creations</a>
+        <md-outlined-icon-button
+            class="menu"
+            aria-expanded={navShown}
+            aria-label="Toggle navigation"
+            on:click={(_) => (navShown = !navShown)}
+        >
+            <md-icon>menu</md-icon>
+        </md-outlined-icon-button>
+        <ul class="links" class:shown={navShown}>
+            {#each [["/", "Home"], ["/downloads", "Mods"], ["/wiki", "Wiki"]] as [href, display]}
+                <li><a {href}>{display}</a></li>
+            {/each}
+        </ul>
+    </nav>
+</header>
 
 <style lang="scss">
     $space: 4ch;
+
+    header {
+        display: contents;
+    }
+    
     nav {
         display: grid;
         align-items: center;
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index dca896a..9f09759 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <Header />
-<slot />
+<main><slot /></main>
 
 <style>
     :global(body) {