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:
Yvv
@@ -3,8 +3,6 @@
|
||||
<div class="container-content">
|
||||
<div class="mx-auto max-w-2xl">
|
||||
<div class="section-icon relative mx-auto mb-6">
|
||||
<!-- The reader stands on the bag: a real edge, with the page's top margin above -->
|
||||
<UiOiseauPose nom="lectrice" pose="perche" left="14px" :w="84" retourne :seuil="1024" />
|
||||
<div class="i-lucide-shopping-bag h-12 w-12" />
|
||||
</div>
|
||||
|
||||
@@ -24,6 +22,9 @@
|
||||
<!-- Bookelis CTA -->
|
||||
<div class="cta-block mb-8">
|
||||
<UiOiseauPose nom="cycliste-livreur" pose="marge-g" ecart="54px" :w="150" />
|
||||
<!-- The reader in the right margin, feet on the card's top edge: on the bag, under the
|
||||
sticky header, she had 22 px of void above her (rule f, DA 03/11 after 17h35) -->
|
||||
<UiOiseauPose nom="lectrice" pose="marge-d" ecart="24px" bottom="100%" :w="84" retourne />
|
||||
<div class="cta-icon">
|
||||
<div class="i-lucide-globe h-5 w-5" />
|
||||
</div>
|
||||
|
||||
@@ -4,8 +4,10 @@
|
||||
<!-- Header -->
|
||||
<header class="mb-12 text-center">
|
||||
<p class="relative mb-2 font-mono text-sm tracking-widest text-primary uppercase">
|
||||
<!-- Phone: the title fills the width; the bird stands at the end of this line, on its baseline -->
|
||||
{{ content?.kicker }}<UiOiseauPose nom="pompeur-de-g1" pose="perche" bout :w="72" retourne mobile-seul />
|
||||
<!-- Phone: the title fills the width; the bird stands at the end of this line, on its baseline.
|
||||
A flat bird (37-44 px tall at 72 px wide): 93 px separate this baseline from the sticky
|
||||
header, and a perched bird keeps a void of its own height above it (rule f) -->
|
||||
{{ content?.kicker }}<UiOiseauPose nom="maraichere" pose="perche" bout :w="72" retourne mobile-seul />
|
||||
</p>
|
||||
<h1 class="page-title font-display font-bold tracking-tight" style="color: hsl(var(--color-text))">
|
||||
{{ content?.title }}
|
||||
|
||||
@@ -1,8 +1,10 @@
|
||||
<template>
|
||||
<div v-if="chapter" class="relative">
|
||||
<!-- The book's trades in the margins: the two who write keep their way, on the left -->
|
||||
<UiOiseauPose nom="calligraphe" pose="libre" right="calc(100% + 40px)" top="40px" :w="112" />
|
||||
<UiOiseauPose nom="typographe" pose="libre" right="calc(100% + 64px)" top="46%" :w="100" />
|
||||
<!-- The book's trades in the margins, each on a line of the chapter (rule e): the two who
|
||||
write keep their way, on the left, the calligrapher on the title's rule (in the chapter
|
||||
header), the typographer on the navigation's rule; the box maker in the right margin, by
|
||||
the PDF and songs buttons (in the header); the proofreader on the right, by the last
|
||||
paragraph -->
|
||||
<UiOiseauPose nom="correcteur" pose="libre" left="calc(100% + 40px)" bottom="140px" :w="108" retourne />
|
||||
<BookChapterHeader
|
||||
:title="chapter.title"
|
||||
@@ -15,9 +17,10 @@
|
||||
<BookChapterContent :content="chapter" />
|
||||
|
||||
<!-- Prev / Next navigation. The rule above it is drawn (border-t alone sets no style here):
|
||||
the box maker stands on it -->
|
||||
the typographer stands on it, in the left margin. Perched in the column, the box maker had
|
||||
20 to 27 px of void under the last paragraph (rule f) -->
|
||||
<nav class="relative mt-16 flex items-center justify-between border-t border-t-solid border-white/8 pt-8">
|
||||
<UiOiseauPose nom="cartonnier" pose="perche" left="calc(50% - 38px)" :w="76" />
|
||||
<UiOiseauPose nom="typographe" pose="marge-g" ecart="64px" bottom="100%" :w="100" />
|
||||
<NuxtLink
|
||||
v-if="prevChapter"
|
||||
:to="`/economique/modele-eco/${prevChapter.stem?.split('/').pop()}`"
|
||||
|
||||
@@ -27,7 +27,9 @@
|
||||
|
||||
<!-- Content -->
|
||||
<div v-if="content?.content" class="prose-block mb-10">
|
||||
<UiOiseauPose nom="menuisier" pose="perche" left="20px" :w="84" mobile />
|
||||
<UiOiseauPose nom="menuisier" pose="perche" left="20px" :w="84" />
|
||||
<!-- Phone: a flatter bird at the same place, the text above leaves 89 px (rule f) -->
|
||||
<UiOiseauPose nom="cycliste-livreur" pose="perche" left="20px" :w="72" mobile-seul />
|
||||
<UiOiseauPose nom="forgeron" pose="marge-g" ecart="70px" :w="140" />
|
||||
<UiOiseauPose nom="berger" pose="derriere" left="calc(100% - 110px)" bottom="-46px" :w="230" />
|
||||
<p class="leading-relaxed whitespace-pre-line" style="color: hsl(var(--color-text-muted))">
|
||||
|
||||
Reference in New Issue
Block a user