Corrigé la mise en page de la fiche "Éclairage annuel" et ajouté la fiche "Abbréviations"

README.md

@@ -21,6 +21,7 @@ Les documents sont conçus pour conserver les informations utiles au soin, à la
 | **Reproduction** | couple, ovulation, accouplements, pontes, incubation et jeunes | une fiche par couple et par saison |
 | **Installation** | configuration du terrarium et maintenance UVB | une fiche par installation ou modification importante |
 | **Éclairage annuel** | programmation mensuelle des éclairages | une fiche par terrarium et par année |
+| **Abréviations** | référence des codes utilisés dans le suivi | une fiche de référence |
 
 ### Identité
 
@@ -70,6 +71,12 @@ En cas de changement majeur de configuration ou d’occupant, archiver la fiche
 
 Fiche **A4 paysage** contenant les horaires mensuels des programmateurs, les cases de validation des réglages et les contrôles liés aux changements d’heure été/hiver.
 
+### Abréviations
+
+`src/reference/abreviations.html`
+
+Fiche **A4 portrait** de référence pour les codes utilisés dans les notations d’alimentation et de supplémentation. La taille d’une proie peut être ajoutée après son code lorsqu’elle apporte une information utile.
+
 ## Impression et PDF
 
 Les fiches sont conçues pour une **impression laser noir et blanc**. L’affichage dans Firefox correspond au document destiné à être imprimé.
@@ -108,6 +115,8 @@ GeckoBreizh/
 │   ├── installation/
 │   │   ├── installation.html
 │   │   └── eclairage_annuel.html
+│   ├── reference/
+│   │   └── abreviations.html
 │   └── templates/
 │       └── fiche_gecko_modele.html
 └── pdf/
@@ -116,7 +125,8 @@ GeckoBreizh/
     ├── sante.pdf
     ├── reproduction.pdf
     ├── installation.pdf
-    └── eclairage_annuel.pdf
+    ├── eclairage_annuel.pdf
+    └── abreviations.pdf
 ```
 
 La mise en page commune est définie dans `assets/css/style.css`.

assets/css/style.css

@@ -42,7 +42,8 @@ body {
 .followup-sheet,
 .health-sheet,
 .installation-sheet,
-.reproduction-sheet {
+.reproduction-sheet,
+.abbreviation-sheet {
   width: 210mm;
   height: 297mm;
 }
@@ -50,7 +51,8 @@ body {
 .animal-sheet,
 .followup-sheet,
 .health-sheet,
-.installation-sheet {
+.installation-sheet,
+.abbreviation-sheet {
   padding: 14mm 16mm;
 }
 
@@ -139,7 +141,8 @@ body {
 .animal-header,
 .followup-header,
 .record-header,
-.installation-header {
+.installation-header,
+.abbreviation-header {
   position: relative;
   height: 22mm;
 }
@@ -149,7 +152,8 @@ body {
 .animal-header .title,
 .followup-header .title,
 .record-header .title,
-.installation-header .title {
+.installation-header .title,
+.abbreviation-header .title {
   position: absolute;
   top: 0;
   left: 0;
@@ -159,7 +163,8 @@ body {
 .animal-header .subtitle,
 .followup-header .subtitle,
 .record-header .subtitle,
-.installation-header .subtitle {
+.installation-header .subtitle,
+.abbreviation-header .subtitle {
   position: absolute;
   top: 2mm;
   right: 0;
@@ -171,7 +176,8 @@ body {
 .animal-header .header-rule,
 .followup-header .header-rule,
 .record-header .header-rule,
-.installation-header .header-rule {
+.installation-header .header-rule,
+.abbreviation-header .header-rule {
   position: absolute;
   right: 0;
   bottom: 1mm;
@@ -578,9 +584,9 @@ table.schedule { font-size: 9.5pt; }
 
 .lighting-note {
   display: grid;
-  grid-template-columns: 1fr auto;
+  grid-template-columns: minmax(0, 1fr) 132mm;
   align-items: center;
-  gap: 8mm;
+  gap: 6mm;
   min-height: 15mm;
   margin-top: 4mm;
   padding: 3mm 5mm;
@@ -595,11 +601,108 @@ table.schedule { font-size: 9.5pt; }
 .note-text p { margin: 0; }
 
 .season-checks {
-  display: flex;
+  display: grid;
-  gap: 7mm;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 5mm;
   color: var(--ink);
   font-size: 8.3pt;
-  white-space: nowrap;
 }
 
-.season-checks .check-box { margin-right: 1.5mm; }
+.season-checks > span {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  line-height: 1.25;
+}
+
+.season-checks .check-box {
+  flex: 0 0 auto;
+  margin-right: 1.5mm;
+}
+
+
+/* ----- Abréviations ----- */
+.abbreviation-intro {
+  margin-top: 6mm;
+  padding: 4.5mm 6mm;
+}
+
+.abbreviation-intro p {
+  margin: 0;
+  font-size: 9pt;
+  line-height: 1.45;
+}
+
+.abbreviation-pattern {
+  margin-top: 2.2mm;
+  font-size: 9.4pt;
+  font-weight: 800;
+}
+
+.abbreviation-grid {
+  display: grid;
+  grid-template-columns: 1.35fr .9fr;
+  gap: 5mm;
+  margin-top: 5mm;
+}
+
+.abbreviation-panel {
+  padding: 5mm 6mm;
+}
+
+.abbreviation-list {
+  display: grid;
+}
+
+.abbreviation-row {
+  display: grid;
+  grid-template-columns: 24mm 1fr;
+  gap: 4mm;
+  align-items: baseline;
+  min-height: 9mm;
+  padding: 2.1mm 0;
+  border-bottom: .24mm solid var(--grid);
+}
+
+.abbreviation-row:last-child { border-bottom: 0; }
+
+.abbreviation-code {
+  font-size: 9.2pt;
+  font-weight: 800;
+}
+
+.abbreviation-name {
+  font-size: 9pt;
+  line-height: 1.25;
+}
+
+.abbreviation-side {
+  display: grid;
+  gap: 5mm;
+  align-content: start;
+}
+
+.abbreviation-example {
+  display: grid;
+  gap: .5mm;
+  margin: 0 0 3.2mm;
+  font-size: 9pt;
+  line-height: 1.35;
+}
+
+.abbreviation-example:last-child { margin-bottom: 0; }
+
+.abbreviation-example strong { font-weight: 800; }
+
+.abbreviation-note {
+  margin: 3.2mm 0 0;
+  color: var(--muted);
+  font-size: 8.2pt;
+  line-height: 1.4;
+}
+
+.abbreviation-additions {
+  margin-top: 5mm;
+  min-height: 54mm;
+  padding: 5mm 6mm;
+}

src/reference/abreviations.html

@@ -0,0 +1,65 @@
+<!doctype html>
+<html lang="fr">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Abréviations - GeckoBreizh</title>
+  <link rel="stylesheet" href="../../assets/css/style.css">
+</head>
+<body>
+  <main class="abbreviation-sheet">
+    <header class="abbreviation-header">
+      <h1 class="title">Abréviations</h1>
+      <p class="subtitle">GeckoBreizh</p>
+      <hr class="header-rule">
+    </header>
+
+    <section class="panel abbreviation-intro">
+      <p>Référence rapide pour les notations utilisées sur les fiches de suivi.</p>
+      <p class="abbreviation-pattern">PROIE × quantité (supplément)</p>
+    </section>
+
+    <div class="abbreviation-grid">
+      <section class="panel abbreviation-panel">
+        <h2 class="section-title">Proies</h2>
+        <div class="abbreviation-list">
+          <div class="abbreviation-row"><span class="abbreviation-code">BD</span><span class="abbreviation-name">Blatte dubia</span></div>
+          <div class="abbreviation-row"><span class="abbreviation-code">RR</span><span class="abbreviation-name">Blatte Red Runner</span></div>
+          <div class="abbreviation-row"><span class="abbreviation-code">VF</span><span class="abbreviation-name">Ver de farine</span></div>
+          <div class="abbreviation-row"><span class="abbreviation-code">CLP</span><span class="abbreviation-name">Cloporte</span></div>
+          <div class="abbreviation-row"><span class="abbreviation-code">GRI</span><span class="abbreviation-name">Grillon</span></div>
+          <div class="abbreviation-row"><span class="abbreviation-code">TR</span><span class="abbreviation-name">Teigne de ruche</span></div>
+          <div class="abbreviation-row"><span class="abbreviation-code">VS</span><span class="abbreviation-name">Ver à soie</span></div>
+          <div class="abbreviation-row"><span class="abbreviation-code">MSN</span><span class="abbreviation-name">Larve de mouche soldat noire</span></div>
+        </div>
+      </section>
+
+      <div class="abbreviation-side">
+        <section class="panel abbreviation-panel">
+          <h2 class="section-title">Suppléments</h2>
+          <div class="abbreviation-list">
+            <div class="abbreviation-row"><span class="abbreviation-code">Ca</span><span class="abbreviation-name">Calcium</span></div>
+            <div class="abbreviation-row"><span class="abbreviation-code">Vit</span><span class="abbreviation-name">Vitamines</span></div>
+          </div>
+        </section>
+
+        <section class="panel abbreviation-panel">
+          <h2 class="section-title">Exemples</h2>
+          <p class="abbreviation-example"><strong>VF ×1 (Ca)</strong><span>1 ver de farine avec calcium</span></p>
+          <p class="abbreviation-example"><strong>BD ×2</strong><span>2 blattes dubia</span></p>
+          <p class="abbreviation-example"><strong>BD 15 mm ×2</strong><span>2 dubia d’environ 15 mm</span></p>
+          <p class="abbreviation-example"><strong>CLP ×3</strong><span>3 cloportes</span></p>
+          <p class="abbreviation-note">La taille peut être ajoutée après le code lorsqu’elle apporte une information utile.</p>
+        </section>
+      </div>
+    </div>
+
+    <section class="panel abbreviation-additions">
+      <h2 class="section-title">Ajouts</h2>
+      <div class="notes-lines">
+        <span></span><span></span><span></span><span></span><span></span><span></span>
+      </div>
+    </section>
+  </main>
+</body>
+</html>