Add frosted glass panel to Events hero text block

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Calum Muir 2026-04-30 20:14:14 +00:00
parent fab0f7fb3d
commit 7296b35d9d
2 changed files with 2 additions and 2 deletions

View file

@ -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>

View file

@ -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>