WIP accueil : la bande des trois points sous la clé, centrée sur la naissance de l'arche ; marges latérales du dessin rognées

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Yvv
2026-11-03 03:42:20 +01:00
co-authored by Claude Opus 5.5
parent 1027155091
commit 5637452040
+10 -8
View File
@@ -47,8 +47,9 @@
/* The arch, drawn by the sign of the logo (stones in the ink of the mood, the keystone in /* 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 `--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 −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, own 3-unit margin spills out above and below (clipped on the sides, where it is empty). On a
0.75rem short of the screen's edges, so that the opening keeps as much room as it can. */ 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 { .vault {
--w: min(34rem, 100vw - 1.5rem); --w: min(34rem, 100vw - 1.5rem);
container-type: inline-size; container-type: inline-size;
@@ -56,6 +57,7 @@
width: var(--w); width: var(--w);
margin-inline: calc(50% - var(--w) / 2); margin-inline: calc(50% - var(--w) / 2);
aspect-ratio: 92 / 59; aspect-ratio: 92 / 59;
overflow-x: clip;
color: var(--ink); color: var(--ink);
} }
.sign { .sign {
@@ -81,18 +83,18 @@
); );
} }
/* The three points, sheltered: centred in the opening (x from −19 to 19, a block centred on /* The three points, sheltered: centred in the opening (x from −19 to 19; a band from y = −19,
y = −1), one line each. The type follows the arch (cqi): the longest line of the three under the keystone, to 19, centred on the springing line y = 0), one line each. The type
languages, 10.8 em, holds in the 38 units of the opening with room to spare. */ 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 { .leitmotiv {
position: absolute; position: absolute;
inset-inline: calc(2700% / 92); inset: calc(2100% / 59) calc(2700% / 92) 0;
top: calc(3900% / 59);
translate: 0 -50%;
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
display: grid; display: grid;
align-content: center;
justify-items: center; justify-items: center;
gap: 0.2em; gap: 0.2em;
font-family: var(--font-text); font-family: var(--font-text);