From 7296b35d9d27b0b797d3a84836646e2e6dfe5572 Mon Sep 17 00:00:00 2001
From: Calum Muir <calumamuir@outlook.com>
Date: Thu, 30 Apr 2026 20:14:14 +0000
Subject: [PATCH] Add frosted glass panel to Events hero text block

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/events/index.astro       | 2 +-
 src/pages/events/page/[page].astro | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/events/index.astro b/src/pages/events/index.astro
index 95faf10..4c40196 100644
--- a/src/pages/events/index.astro
+++ b/src/pages/events/index.astro
@@ -120,7 +120,7 @@ const typeColors: Record<string, string> = {
                     class="relative flex flex-col justify-end"
                     style="min-height: 50vh; padding: 120px 28px 64px;"
                 >
-                    <div class="anim-fade-up" style="max-width: 600px;">
+                    <div class="anim-fade-up" style="max-width: 600px; background: rgba(0,0,0,0.48); backdrop-filter: blur(6px); border-radius: 7px; padding: 28px 32px;">
                         <p style="font-family: 'Public Sans', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.25em; text-transform: uppercase; color: rgba(255,255,255,0.7); margin-bottom: 14px;">
                             Events &amp; News
                         </p>
diff --git a/src/pages/events/page/[page].astro b/src/pages/events/page/[page].astro
index a530299..5467c0f 100644
--- a/src/pages/events/page/[page].astro
+++ b/src/pages/events/page/[page].astro
@@ -87,7 +87,7 @@ function formatDate(date: string) {
                     class="relative flex flex-col justify-end"
                     style="min-height: 50vh; padding: 120px 28px 64px;"
                 >
-                    <div style="max-width: 600px;">
+                    <div style="max-width: 600px; background: rgba(0,0,0,0.48); backdrop-filter: blur(6px); border-radius: 7px; padding: 28px 32px;">
                         <p style="font-family: 'Public Sans', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.25em; text-transform: uppercase; color: rgba(255,255,255,0.7); margin-bottom: 14px;">
                             Events &amp; News — Page {currentPage}
                         </p>