From 907747cd8ee1e62a7e0b447010879d8674a43474 Mon Sep 17 00:00:00 2001
From: Troy <hello@troylusty.com>
Date: Tue, 25 Feb 2025 13:17:10 +0000
Subject: [PATCH] feat: darken slideshow image on hover

---
 bun.lock                       | 2 +-
 src/components/Slideshow.astro | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/bun.lock b/bun.lock
index e8e129c..3a72d8a 100644
--- a/bun.lock
+++ b/bun.lock
@@ -11,7 +11,7 @@
         "@fontsource-variable/outfit": "^5.1.1",
         "@fontsource-variable/red-hat-mono": "^5.1.1",
         "@tailwindcss/vite": "^4.0.8",
-        "astro": "^5.3.0",
+        "astro": "^5.3.1",
         "astro-icon": "^1.1.5",
         "rehype-external-links": "^3.0.0",
         "tailwindcss": "^4.0.8",
diff --git a/src/components/Slideshow.astro b/src/components/Slideshow.astro
index 46c2ee7..c00115f 100644
--- a/src/components/Slideshow.astro
+++ b/src/components/Slideshow.astro
@@ -10,7 +10,7 @@ const { interval = 3000, images } = Astro.props;
 ---
 
 <div
-  class="relative min-h-[50svh] w-full overflow-hidden"
+  class="group relative min-h-[50svh] w-full overflow-hidden"
   data-interval={interval}
 >
   {
@@ -27,7 +27,7 @@ const { interval = 3000, images } = Astro.props;
             src={image.data.image.url}
             alt={`Slide ${index + 1}`}
             title={image.data.title}
-            class="h-full w-full rounded-sm object-cover"
+            class="h-full w-full rounded-sm object-cover transition-all duration-300 group-hover:brightness-50"
             loading="eager"
           />
         </a>