From 563745204052c603bee8a982a99804e041cee963 Mon Sep 17 00:00:00 2001 From: Yvv Date: Tue, 3 Nov 2026 03:42:20 +0100 Subject: [PATCH] =?UTF-8?q?WIP=20accueil=20:=20la=20bande=20des=20trois=20?= =?UTF-8?q?points=20sous=20la=20cl=C3=A9,=20centr=C3=A9e=20sur=20la=20nais?= =?UTF-8?q?sance=20de=20l'arche=20;=20marges=20lat=C3=A9rales=20du=20dessi?= =?UTF-8?q?n=20rogn=C3=A9es?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- web/src/routes/+page.svelte | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte index df73a6e..990d05d 100644 --- a/web/src/routes/+page.svelte +++ b/web/src/routes/+page.svelte @@ -47,8 +47,9 @@ /* The arch, drawn by the sign of the logo (stones in the ink of the mood, the keystone in `--cle`), never tilted. Its box is the stone itself: 92 units wide (the base slab, x from −46 to 46) and 59 high (y from −40, the top of the keystone, to 19, under the slab); the SVG's - own 3-unit margin spills out on every side. On a phone the arch reaches into the side padding, - 0.75rem short of the screen's edges, so that the opening keeps as much room as it can. */ + own 3-unit margin spills out above and below (clipped on the sides, where it is empty). On a + phone the arch reaches into the side padding, 0.75rem short of the screen's edges, so that the + opening keeps as much room as it can. */ .vault { --w: min(34rem, 100vw - 1.5rem); container-type: inline-size; @@ -56,6 +57,7 @@ width: var(--w); margin-inline: calc(50% - var(--w) / 2); aspect-ratio: 92 / 59; + overflow-x: clip; color: var(--ink); } .sign { @@ -81,18 +83,18 @@ ); } - /* The three points, sheltered: centred in the opening (x from −19 to 19, a block centred on - y = −1), one line each. The type follows the arch (cqi): the longest line of the three - languages, 10.8 em, holds in the 38 units of the opening with room to spare. */ + /* The three points, sheltered: centred in the opening (x from −19 to 19; a band from y = −19, + under the keystone, to 19, centred on the springing line y = 0), one line each. The type + follows the arch (cqi): the longest line of the three languages, 10.8 em, holds in the + 38 units of the opening with room to spare. */ .leitmotiv { position: absolute; - inset-inline: calc(2700% / 92); - top: calc(3900% / 59); - translate: 0 -50%; + inset: calc(2100% / 59) calc(2700% / 92) 0; margin: 0; padding: 0; list-style: none; display: grid; + align-content: center; justify-items: center; gap: 0.2em; font-family: var(--font-text);