From d8db1f76e7107da579c09034d173d3614f29df69 Mon Sep 17 00:00:00 2001
From: Philippe Loctaux <p@philippeloctaux.com>
Date: Wed, 17 May 2023 23:32:30 +0200
Subject: [PATCH] hero: apply brightness for bright images

---
 src/components/hero.astro      | 2 +-
 src/components/wallpaper.astro | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/hero.astro b/src/components/hero.astro
index 59909e2..be0ac13 100644
--- a/src/components/hero.astro
+++ b/src/components/hero.astro
@@ -7,7 +7,7 @@ import Wallpaper from "./wallpaper.astro";
         class="container mx-auto px-8 py-16 w-full h-full justify-center items-center flex flex-col"
     >
         <div
-            class="inline-block backdrop-blur-lg rounded-3xl shadow-2xl px-4 py-6 sm:px-8 sm:py-12 space-y-4"
+            class="inline-block backdrop-blur-lg backdrop-brightness-75 rounded-3xl shadow-2xl px-4 py-6 sm:px-8 sm:py-12 space-y-4"
         >
             <h1 class="text-3xl sm:text-4xl font-bold">Philippe Loctaux</h1>
             <h2 class="sm:text-xl font-semibold">
diff --git a/src/components/wallpaper.astro b/src/components/wallpaper.astro
index a8fc07d..81e1a0c 100644
--- a/src/components/wallpaper.astro
+++ b/src/components/wallpaper.astro
@@ -11,10 +11,13 @@ const wallpaper = wallpapers[Math.floor(Math.random() * wallpapers.length)];
     class="relative text-white w-full h-almostscreen bg-center bg-fixed bg-cover"
     style=`background-image: url(${wallpaper.file});`
 >
+
+    <!-- Content inside -->
     <slot />
 
+    <!-- Exif info -->
     <div
-        class="absolute bottom-3 sm:bottom-5 left-2 sm:left-5 inline-block backdrop-blur-lg rounded-lg shadow-2xl p-2 space-y-0.5 sm:space-y-2"
+        class="absolute bottom-3 sm:bottom-5 left-2 sm:left-5 inline-block backdrop-blur-lg backdrop-brightness-75 rounded-xl shadow-2xl p-2 space-y-0.5 sm:space-y-2"
     >
 
         <!-- Location -->