julien/geckobreizh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
julien
2026-09-17 17:26:07 +02:00
parent c333067680
commit a405df9941
5 changed files with 191 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+11 -1
View File
@@ -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
+115 -12
View File
@@ -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;
gap: 7mm;
display: grid;
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;
}
pdf/abreviations.pdf
BIN
View File
Binary file not shown.
pdf/eclairage_annuel.pdf
BIN
View File
Binary file not shown.
src/reference/abreviations.html
+65
View File
@@ -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>