From 176332b94f1aeb315ac3e3d4c2ebd71d161c2350 Mon Sep 17 00:00:00 2001 From: Giuseppe Leo Date: Fri, 3 Jul 2026 00:44:55 +0200 Subject: [PATCH 1/2] chore: brighten LandingPage lights (ambient 0.2, directional 0.3) Co-Authored-By: Claude Opus 4.8 --- src/views/Experiments/LandingPage/LandingPage.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/views/Experiments/LandingPage/LandingPage.vue b/src/views/Experiments/LandingPage/LandingPage.vue index 7e4c6218..15751585 100644 --- a/src/views/Experiments/LandingPage/LandingPage.vue +++ b/src/views/Experiments/LandingPage/LandingPage.vue @@ -43,8 +43,8 @@ const CAMERA_NEAR = 0.1 const CAMERA_FAR = 200 const FRUSTUM_HEIGHT = 20 const WHITE = 0xffffff -const AMBIENT_INTENSITY = 0.1 -const DIR_LIGHT_INTENSITY = 0.2 +const AMBIENT_INTENSITY = 0.2 +const DIR_LIGHT_INTENSITY = 0.3 const DIR_LIGHT_POS = 5 const TARGET_WIDTH = 8 const TEXT_DEPTH = 0.8 From 2fe6a999803672c2f454dabe0987b69308378408 Mon Sep 17 00:00:00 2001 From: Giuseppe Leo Date: Fri, 3 Jul 2026 00:53:21 +0200 Subject: [PATCH 2/2] fix: stack LandingPage side flyers under the tagline on narrow screens Below 640px the vertical edge flyers overlapped the centered logo; lay them out horizontally beneath the tagline instead. Co-Authored-By: Claude Opus 4.8 --- .../Experiments/LandingPage/LandingPage.vue | 27 +++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/src/views/Experiments/LandingPage/LandingPage.vue b/src/views/Experiments/LandingPage/LandingPage.vue index 15751585..913bf283 100644 --- a/src/views/Experiments/LandingPage/LandingPage.vue +++ b/src/views/Experiments/LandingPage/LandingPage.vue @@ -848,4 +848,31 @@ onUnmounted(() => { letter-spacing: 0.35em; color: rgb(255, 255, 255, 0.08); } + +/* On narrow screens the side flyers overlap the centered logo, so lay them out + horizontally under the tagline instead of vertically along the edges. */ +@media (width <= 640px) { + .landing-page__flyer--tagline { + bottom: var(--spacing-12); + } + + .landing-page__flyer--left, + .landing-page__flyer--right { + top: auto; + bottom: var(--spacing-8); + transform: none; + } + + .landing-page__flyer--left { + left: auto; + right: 50%; + margin-right: var(--spacing-2); + } + + .landing-page__flyer--right { + right: auto; + left: 50%; + margin-left: var(--spacing-2); + } +}