From a5efe6be12844ae8641e3df6562a57b0be4d1edb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <contact@maciejpedzi.ch>
Date: Sun, 28 Apr 2024 22:38:35 +0200
Subject: [PATCH] Add a home page link to the navbar

---
 src/layouts/BaseLayout.astro | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 8c1639b..4e91932 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -8,11 +8,18 @@ import '@picocss/pico/css/pico.blue.min.css';
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width" />
     <meta name="generator" content={Astro.generator} />
-    <title>Six Degrees of Formula One</title>
+    <title>Six Degrees of F1</title>
   </head>
   <body class="container">
     <header>
       <nav aria-label="Main navigation">
+        <ul>
+          <li>
+            <a id="nav-brand" class="pico-color-grey-50" href="/">
+              <strong>Six Degrees of F1</strong>
+            </a>
+          </li>
+        </ul>
         <ul>
           <li><a href="/about">About</a></li>
           <li><a href="/credits">Credits</a></li>
@@ -20,15 +27,11 @@ import '@picocss/pico/css/pico.blue.min.css';
             <a href="https://github.com/maciejpedzich/sixdegs">Source Code</a>
           </li>
         </ul>
-        <ul>
-          <li>theme switch</li>
-        </ul>
       </nav>
     </header>
     <main>
       <slot />
     </main>
-    <div id="spacer"></div>
     <footer>
       <small>
         Made with 🧠 by <a href="https://maciejpedzi.ch">Maciej Pędzich</a>
@@ -44,12 +47,17 @@ import '@picocss/pico/css/pico.blue.min.css';
     flex-direction: column;
   }
 
+  #nav-brand {
+    color: unset;
+    text-decoration-color: inherit;
+  }
+
   .container {
     max-width: 65ch;
     text-align: center;
   }
 
-  #spacer {
+  main {
     flex: 1 0 auto;
   }
 
