From dbbf4d32d22613bc9520c81a31bb95d308147982 Mon Sep 17 00:00:00 2001
From: Mikkel Svartveit <mikkel.svartveit@gmail.com>
Date: Wed, 18 Sep 2024 15:30:10 +0200
Subject: [PATCH] Make navbar not fixed

---
 src/components/Navbar.svelte      | 11 +----------
 src/layouts/BaseLayout.astro      |  7 -------
 src/pages/index.astro             |  2 +-
 src/pages/photography/index.astro |  2 +-
 4 files changed, 3 insertions(+), 19 deletions(-)
diff --git a/src/components/Navbar.svelte b/src/components/Navbar.svelte
index 649ea67..e63f28d 100644
--- a/src/components/Navbar.svelte
+++ b/src/components/Navbar.svelte
@@ -1,13 +1,9 @@
 <script lang="ts">
   import { slide, fade } from "svelte/transition";
 
-  export let sticky = true;
   export let currentPath: string;
   $: currentPathTrimmed = currentPath.replace(/\/+$/, "");
 
-  let scrollPosition = 0;
-  $: isScrolled = scrollPosition > 0;
-
   const navbarContent = [
     { name: "📝 Articles", href: "/articles" },
     { name: "👨‍💻 Projects", href: "/programming" },
@@ -17,12 +13,7 @@
   let collapsed = true;
 </script>
 
-<svelte:window bind:scrollY={scrollPosition} />
-
-<header
-  class={sticky ? "sticky top-0 z-10 bg-gray-50 transition-shadow ease-in" : ""}
-  class:shadow={sticky && isScrolled}
->
+<header>
   <nav
     class="mx-auto flex h-16 max-w-5xl flex-wrap items-center justify-between px-6"
   >
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index e72c83e..4d5972e 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -1,12 +1,6 @@
 ---
 import Navbar from "@components/Navbar.svelte";
 import HeadContent from "@components/HeadContent.astro";
-
-interface Props {
-  noStickyNavbar?: boolean;
-}
-
-const { noStickyNavbar } = Astro.props;
 ---
 
 <html lang="en">
@@ -19,7 +13,6 @@ const { noStickyNavbar } = Astro.props;
   <body class="overflow-y-scroll bg-gray-50">
     <Navbar
       client:load
-      sticky={!noStickyNavbar}
       currentPath={Astro.url.pathname}
     />
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b90bd94..4cab281 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -18,7 +18,7 @@ const latestArticleImage = latestArticle.data.image;
 
 <BaseLayout>
   <div
-    class="mx-auto flex max-w-5xl flex-col-reverse items-stretch px-4 pb-6 pt-8 sm:px-6 md:flex-row"
+    class="mx-auto flex max-w-5xl flex-col-reverse items-stretch px-4 pb-6 pt-12 sm:px-6 md:flex-row"
   >
     <section class="mb-10 mt-4 w-full md:w-3/5">
       <h1
diff --git a/src/pages/photography/index.astro b/src/pages/photography/index.astro
index 80bb2e6..28dd02c 100644
--- a/src/pages/photography/index.astro
+++ b/src/pages/photography/index.astro
@@ -22,7 +22,7 @@ export const getFileNameFromPath = (path: string) => {
 };
 ---
 
-<BaseLayout noStickyNavbar>
+<BaseLayout>
   <HeadContent slot="head" title="Photography" />
 
   <ContainerLayout>
