forked from yvv/decision
YvvandClaude Opus 5.5
81b604e5f2
- Accueil : le titre, le leitmotiv en trois lignes (contexte et cadrage · processus et modalités · boîte à outils), puis directement le choix du groupe ; sans session, la connexion à sa place. /groupes redirige vers /, « Mes groupes » et le retour après connexion mènent à /. - Logo « Clé de voûte » du DA (signe en currentColor, clé en --cle, libre Literata italique, Decision romain), droit, dans le menu et la barre mobile ; Stamp retiré, le sceau 井 ne bouge pas. Favicon, icônes 16/32/48, apple-touch, 192/512, manifeste. - Quatre ambiances : pierre et calcaire (claires), nuit et ardoise (sombres), --cle par ambiance ; quatre pastilles à la place du soleil / lune ; première visite selon l'appareil (pierre / nuit). Calcaire et ardoise : textes, accent, mousse et avertissement à 4,5:1 au moins. - Page d'un groupe : les quatre piliers, puis « En cours ». - Menu : nombre de docs en cours à côté de « Docs de référence », surligné seulement dedans, seul Docs réagit au survol ; les trois autres éteints mais ouvrent leur page ; hors d'un groupe, le dernier groupe ouvert. - /g/[group]/docs « En cours » + « À venir » ; /mandats et /protocoles du groupe : « À venir » éteints ; /g/[group]/decisions : une ligne par doc, « N modules à voter », « dont N sans ton vote ». Anciennes adresses /decisions, /mandats, /protocoles : vers le groupe courant, sinon /. - e2e : C1, C2, C11, C12, M1 mis à jour ; C13–C17 pour L1–L6 ; CONTROLES.md. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
55 lines
1.7 KiB
Svelte
55 lines
1.7 KiB
Svelte
<script lang="ts">
|
|
// The logotype « Clé de voûte » (DA, validated by Yvv on 2026-10-28): the sign — stones in
|
|
// the ink of the mood, the keystone in `--cle` — then *libre* in Literata italic, the colour
|
|
// of the stones, and **Decision** in roman, the colour of the keystone. Never tilted.
|
|
// Proportions of the DA's lockup (prod_cle.py), for a font size S: the stones run from 0.98 S
|
|
// above the baseline to 0.06 S below it, then a gap of 0.3 S. The SVG keeps the DA's 3-unit
|
|
// margin around 59 units of stone height, hence the sizes below.
|
|
import sign from '$lib/assets/cle-de-voute.svg?raw';
|
|
|
|
let { size = 1.45 }: { size?: number } = $props();
|
|
</script>
|
|
|
|
<span class="logo" style:--s="{size}rem">
|
|
<span class="sign" aria-hidden="true">{@html sign}</span><span class="word"><span class="libre">libre</span><span class="decision">Decision</span></span>
|
|
</span>
|
|
|
|
<style>
|
|
.logo {
|
|
display: inline-block;
|
|
font-size: var(--s);
|
|
line-height: 1.2;
|
|
white-space: nowrap;
|
|
}
|
|
.sign {
|
|
display: inline-block;
|
|
color: var(--ink);
|
|
/* 1.04 S of stones, plus the 3-unit margin above and below (65 / 59); the bottom of the
|
|
stones 0.06 S under the baseline. */
|
|
height: calc(1.04em * 65 / 59);
|
|
margin-right: calc(0.3em - 1.04em * 3 / 59);
|
|
vertical-align: calc(-0.06em - 1.04em * 3 / 59);
|
|
}
|
|
.sign :global(svg) {
|
|
display: block;
|
|
height: 100%;
|
|
width: auto;
|
|
}
|
|
.word {
|
|
font-family: var(--font-text);
|
|
font-variation-settings: 'opsz' 72;
|
|
}
|
|
.libre {
|
|
font-style: italic;
|
|
font-weight: 420;
|
|
letter-spacing: -0.004em;
|
|
color: var(--ink);
|
|
}
|
|
.decision {
|
|
font-weight: 620;
|
|
letter-spacing: -0.006em;
|
|
margin-left: 0.02em;
|
|
color: var(--cle);
|
|
}
|
|
</style>
|