From 6542cb42a25970debf8fe6cb768f342cbc5e0864 Mon Sep 17 00:00:00 2001
From: Nathan Cummins <nathan@nathancummins.com.au>
Date: Mon, 8 Sep 2025 16:05:50 +0930
Subject: [PATCH] More consistent shadow on about image

---
 src/components/Navbar.astro | 2 +-
 src/components/Player.astro | 5 ++++-
 src/pages/about.astro       | 2 +-
 src/pages/index.astro       | 2 +-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 4a24d17..d5a810e 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -13,7 +13,7 @@ const { navbarDisplay = "normal" } = Astro.props as Props;
 ---
 
 <nav
-  class="font-header group/nav fixed top-0 right-0 left-0 z-50 uppercase"
+  class="font-header group/nav fixed top-0 right-0 left-0 z-100 uppercase"
   aria-label="Primary"
   transition:name="nav"
   transition:animate="none"
diff --git a/src/components/Player.astro b/src/components/Player.astro
index 4f2996d..127a66d 100644
--- a/src/components/Player.astro
+++ b/src/components/Player.astro
@@ -38,7 +38,10 @@ const initialQueue = await Promise.all(
 
 <div
   id="player"
-  class:list={["fixed right-0 bottom-0 left-0 z-50 bg-black shadow-lg", height]}
+  class:list={[
+    "fixed right-0 bottom-0 left-0 z-100 bg-black shadow-lg",
+    height
+  ]}
   transition:persist=""
   transition:name="player"
   transition:animate="none"
diff --git a/src/pages/about.astro b/src/pages/about.astro
index cb42412..97e6841 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -18,7 +18,7 @@ import { Image } from "astro:assets";
         <Image
           src={aboutImage}
           alt="A photo of Nathan conducting the Woodville Concert Band"
-          class="mx-auto mb-8 size-96 rounded-full object-cover drop-shadow-lg/75 transition ease-in-out md:hover:scale-150 md:hover:shadow-xl/50"
+          class="mx-auto mb-8 size-96 rounded-full object-cover shadow-lg/75 transition ease-in-out md:hover:scale-150"
           transition:name="aboutImage"
           height={576}
         />
diff --git a/src/pages/index.astro b/src/pages/index.astro
index fb1ef36..fb58559 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -92,7 +92,7 @@ const tracks = (
         <Image
           src={aboutImage}
           alt="Nathan conducting the Woodville Concert Band"
-          class="mx-auto mt-8 size-96 rounded-full object-cover drop-shadow-lg/75 transition ease-in-out md:hover:scale-150 md:hover:shadow-xl/50"
+          class="mx-auto mt-8 size-96 rounded-full object-cover shadow-lg/75 transition ease-in-out md:hover:scale-150"
           transition:name="aboutImage"
           height={576}
         />