identité 6 : la règle f mesurée au-dessus du dessin, les chapitres posés sur leurs filets, les coins arrondis dégagés
Règle f, selon la précision de DA du 03/11 après 17h35 : au-dessus d'un oiseau perché, le vide
se mesure du haut de son dessin jusqu'à la plus basse ligne de texte ou au plus bas bloc qui
passe au-dessus de sa largeur peinte. Les lignes de son propre titre comptent, et l'en-tête
collant aussi en haut de page. Quinze perchés en défaut sur bb8fad9 changent de pose, sans
sortir de la liste fermée :
- accueil :
- le DJ se tient derrière le pupitre de la console, seule sa tête dépasse ;
- l'accordéoniste passe en S, visible à partir de 1200 px ;
- la factrice passe à 76 px ;
- la lectrice sort 20 px plus bas ;
- au téléphone, l'oiseau de l'intitulé est un oiseau plat : codeuse, maraîchère, potier, et le
cycliste livreur sur productions collectives ;
- authentification, tarifs de l'eau, commande : en marge droite, sur l'arête haute de la carte ;
- en musique : le danseur passe en S ;
- évènement :
- l'acrobate se tient avant la devise ;
- le régisseur passe en S, posé sur l'arête des cartes ;
- le clown passe en M ;
- le marionnettiste se tient sur le filet du pied de page (option 1 d'orch). Son décalage
est tiré de --seal-block, le bloc du sceau défini dans le layout ;
- chapitres : le calligraphe se tient sur le filet du titre, le typographe sur celui de la
navigation, le cartonnier en marge des boutons. Plus aucune hauteur en %.
Règle g, rectangle du bloc (décision d'orch) : le porteur de serveur et l'administrateur réseau
sortent de la découpe des coins arrondis.
La liste fermée (docs/da-oiseaux.md) reçoit les précisions d'orch :
- e vaut pour un oiseau « libre » dont le centre sort de son bloc ;
- g se mesure sur le rectangle du bloc ;
- un oiseau derrière une carte reste « derrière ».
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
+21
-10
@@ -26,14 +26,15 @@
|
||||
|
||||
<!-- Leitmotiv -->
|
||||
<div v-if="evtContent?.leitmotiv" class="mt-8 flex flex-col items-center gap-3">
|
||||
<p class="relative font-display text-xl font-bold" style="color: hsl(var(--color-text))">
|
||||
<p class="font-display text-xl font-bold" style="color: hsl(var(--color-text))">
|
||||
« {{ evtContent.leitmotiv }} »
|
||||
<!-- The acrobat on the line of the leitmotiv, before it: by « Format & lieu », the stage
|
||||
manager stands alone (two birds there would stand at the same height) -->
|
||||
<UiOiseauPose nom="acrobate" pose="perche" right="calc(100% + 14px)" bottom="0px" :w="72" />
|
||||
</p>
|
||||
<p v-if="evtContent?.tagline" class="font-mono text-sm tracking-widest uppercase" style="color: hsl(var(--color-primary))">
|
||||
<!-- The acrobat before the tagline, on its line: the tagline is narrower than the leitmotiv,
|
||||
28 px keep it out from under the leitmotiv, and above it the description ends higher
|
||||
(rule f, DA 03/11 after 17h35). By « Format & lieu », the stage manager stands alone -->
|
||||
<p v-if="evtContent?.tagline" class="relative font-mono text-sm tracking-widest uppercase" style="color: hsl(var(--color-primary))">
|
||||
{{ evtContent.tagline }}
|
||||
<UiOiseauPose nom="acrobate" pose="perche" right="calc(100% + 28px)" bottom="0px" :w="72" />
|
||||
</p>
|
||||
<span v-if="evtContent?.gestation" class="evt-gestation-badge">
|
||||
<div class="i-lucide-flask-conical h-3.5 w-3.5" />
|
||||
@@ -44,14 +45,21 @@
|
||||
</div>
|
||||
|
||||
<!-- ══ Contenu événement ══ -->
|
||||
<section v-if="evtContent?.axes || evtContent?.espaces || evtContent?.config" class="evt-content section-padding">
|
||||
<section v-if="evtContent?.axes || evtContent?.espaces || evtContent?.config" class="evt-content relative section-padding">
|
||||
<!-- The puppeteer stands on the footer's top rule, from 1200 px: under « Espaces & programme »
|
||||
the axes cards leave 100 px, half what it needs (rule f), and each row of cards holds one
|
||||
bird (rule c). The only bird of the page out of its block (orch, 03/11, option 1). Its
|
||||
offset is the seal's block of the layout (--seal-block), between this section and the
|
||||
footer; the bird check verifies it stands on the rule -->
|
||||
<UiOiseauPose nom="marionnettiste" pose="perche" left="18%" bottom="calc(-1 * var(--seal-block))" :w="112" retourne :seuil="1200" />
|
||||
<div class="container-content flex flex-col gap-14">
|
||||
|
||||
<!-- 3 axes -->
|
||||
<div v-if="evtContent?.axes">
|
||||
<h2 class="evt-section-title relative">
|
||||
<!-- The section birds stand at the end of their title, on its baseline (rule e) -->
|
||||
Trois axes d'émancipation<UiOiseauPose nom="clown" pose="perche" bout left="14px" :w="84" retourne ton="accent" />
|
||||
<!-- The clown at the end of its title, on its baseline (rule e). M: between 768 and
|
||||
1199 px the four birds shown would all be S otherwise (rule a) -->
|
||||
Trois axes d'émancipation<UiOiseauPose nom="clown" pose="perche" bout left="14px" :w="108" retourne ton="accent" />
|
||||
</h2>
|
||||
<p class="evt-section-sub">« je subis — ou je m'affranchis »</p>
|
||||
<div class="axes-grid">
|
||||
@@ -76,7 +84,7 @@
|
||||
<!-- Espaces permanents -->
|
||||
<div v-if="evtContent?.espaces">
|
||||
<h2 class="evt-section-title relative">
|
||||
Espaces & programme<UiOiseauPose nom="marionnettiste" pose="perche" bout left="14px" :w="112" retourne />
|
||||
Espaces & programme
|
||||
</h2>
|
||||
<p class="evt-section-sub">Chorégraphie séquencée de plénières, ateliers et espaces permanents</p>
|
||||
<div class="espaces-grid">
|
||||
@@ -97,7 +105,10 @@
|
||||
<div v-if="evtContent?.config">
|
||||
<h2 class="evt-section-title relative">
|
||||
Format & lieu
|
||||
<UiOiseauPose nom="regisseur" pose="perche" right="24%" bottom="0px" :w="92" retourne />
|
||||
<!-- S at 72 px, feet on the cards' top edge (the title's 0.25rem margin under it): the
|
||||
espaces cards above leave 106 px at 768 px, and a perched bird keeps a void of its own
|
||||
height above it (rule f) -->
|
||||
<UiOiseauPose nom="regisseur" pose="perche" right="24%" bottom="-0.25rem" :w="72" retourne />
|
||||
</h2>
|
||||
<div class="config-grid">
|
||||
<div v-for="(cfg, i) in evtContent.config" :key="i" class="config-card">
|
||||
|
||||
Reference in New Issue
Block a user