From 35bbc71ac62e2a3581fe98408b8a63040a77a8b6 Mon Sep 17 00:00:00 2001 From: Rene Arumetsa Date: Tue, 8 Sep 2026 12:38:40 +0300 Subject: [PATCH] Add real fuajee & tudengimaja venue maps to expo page Replaces the MapCard gradient placeholder with the actual venue map SVGs (public/images/messiala/), rendered object-contain on a transparent card so it matches the page background. Served unoptimized since next/image's optimizer rejects SVG. Co-Authored-By: Claude Opus 4.8 (1M context) Claude-Session: https://claude.ai/code/session_01CkjnUxMqkPReq6zYVR6LHX --- public/images/messiala/fuajee-kaart.svg | 44 ++++++++++++++++++++ public/images/messiala/tudengimaja-kaart.svg | 40 ++++++++++++++++++ src/app/[locale]/messiala/page.tsx | 31 +++++++++----- 3 files changed, 105 insertions(+), 10 deletions(-) create mode 100644 public/images/messiala/fuajee-kaart.svg create mode 100644 public/images/messiala/tudengimaja-kaart.svg diff --git a/public/images/messiala/fuajee-kaart.svg b/public/images/messiala/fuajee-kaart.svg new file mode 100644 index 0000000..9763d7a --- /dev/null +++ b/public/images/messiala/fuajee-kaart.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/messiala/tudengimaja-kaart.svg b/public/images/messiala/tudengimaja-kaart.svg new file mode 100644 index 0000000..1cb13e8 --- /dev/null +++ b/public/images/messiala/tudengimaja-kaart.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/[locale]/messiala/page.tsx b/src/app/[locale]/messiala/page.tsx index 1960ecf..93de3ba 100644 --- a/src/app/[locale]/messiala/page.tsx +++ b/src/app/[locale]/messiala/page.tsx @@ -9,15 +9,20 @@ const DIVIDER = "border-t-4 border-[rgba(0,163,224,0.5)]"; /** Horizontal padding used by the padded sections (64px at the design width). */ const GUTTER = "px-4 sm:px-8 lg:px-16"; -/** Blue gradient placeholder standing in for a venue map (real images TBD). */ -function MapCard({ label }: { label: string }) { +/** Venue map card: the map SVG rendered transparent over the page background. */ +function MapCard({ image, label }: { image: string; label: string }) { return ( -
-

- {label} -

+
+ {label}
); } @@ -168,8 +173,14 @@ export default async function Expo({ {/* Venue maps */}
- - + +