From c75064e8324308c5676378d136baec3592bc6bd0 Mon Sep 17 00:00:00 2001 From: Oliver Rieger Date: Fri, 14 Aug 2026 10:09:11 +0200 Subject: [PATCH] The mode posters grow taller and stand on their ground line MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Oliver, off the first live look: a little higher, and align the art at the bottom. 78 -> 96 px min-height, background-position center bottom — the scenes now lead with their court instead of their sky, which suits three of the four (the gore court's blood and net especially). The classic serve's head goes over the top edge with the bottom crop; his scene was composed sky-first. A per-mode position or a re-roll fixes that one if it grates. Co-Authored-By: Claude Fable 5 --- index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index f6450aa..6b6bfd2 100644 --- a/index.html +++ b/index.html @@ -223,8 +223,8 @@ if (location.hostname !== 'splatter-tennis.wuwi.one') { the art + a scrim gradient as the background stack) with the caption written over the bottom. Unpicked buttons sit dimmed and desaturated so the chosen mode is the one that glows — the same "one bright thing means selected" rule the menu palette already follows. */ - #modeList button.mode { display: flex; align-items: flex-end; width: 100%; min-height: 78px; - margin: 0 0 8px; padding: 7px 9px; background-size: cover; background-position: center 30%; + #modeList button.mode { display: flex; align-items: flex-end; width: 100%; min-height: 96px; + margin: 0 0 8px; padding: 7px 9px; background-size: cover; background-position: center bottom; image-rendering: pixelated; border: 2px solid var(--line); color: inherit; font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; filter: saturate(0.45) brightness(0.62); transition: filter 0.15s; } @@ -440,6 +440,6 @@ if (location.hostname !== 'splatter-tennis.wuwi.one') { - +