docs(livrables): charte EnerVision sur les rapports EC02 et EC04, chaîne md2pdf versionnée
Les deux PDF sont régénérés avec la chaîne Markdown vers HTML vers CSS de pagination vers PDF, désormais versionnée dans docs/livrables/outils (script, CSS, logo). Le CSS reprend les tokens du frontend (vert primaire, neutres, Lato en substitut de Segoe UI, tableaux sans filet vertical, badges d'état pour les marqueurs Prouvé, Constaté, Absent). Le rapport collectif EC02 perd sa section « Écarts entre conception (EC01) et réalisation » : les dossiers EC01 sont individuels et différents d'un membre à l'autre, il n'existe pas une conception collective à comparer. Les sections suivantes sont renumérotées ; le rapport passe de 12 à 10 pages.
This commit is contained in:
Johan LEROY
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
@@ -0,0 +1,70 @@
|
||||
@page {
|
||||
size: A4;
|
||||
margin: 17mm 16mm 19mm 16mm;
|
||||
@bottom-left {
|
||||
content: string(doctitle);
|
||||
font: 8pt Lato, "Liberation Sans", Arial, sans-serif;
|
||||
color: #6b7280;
|
||||
}
|
||||
@bottom-right {
|
||||
content: counter(page) " / " counter(pages);
|
||||
font: 8pt Lato, "Liberation Sans", Arial, sans-serif;
|
||||
color: #6b7280;
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
--ink: #1f2937;
|
||||
--muted: #6b7280;
|
||||
--label: #374151;
|
||||
--accent: #16a34a;
|
||||
--accent-dark: #15803d;
|
||||
--accent-light: #dcfce7;
|
||||
--rule: #e5e7eb;
|
||||
--border: #d1d5db;
|
||||
--soft: #f3f4f6;
|
||||
}
|
||||
|
||||
html { font: 10pt/1.48 Lato, "Liberation Sans", Arial, sans-serif; color: var(--ink); background: #fff; }
|
||||
body { margin: 0; }
|
||||
|
||||
.brand { display: flex; align-items: center; justify-content: space-between; padding-bottom: 3mm; margin-bottom: 5mm; border-bottom: 0.3mm solid var(--rule); }
|
||||
.brand .lockup { display: flex; align-items: center; gap: 3mm; }
|
||||
.brand img { height: 9mm; width: 9mm; }
|
||||
.brand .name { font-size: 14pt; font-weight: 700; color: var(--ink); }
|
||||
.brand .meta { font-size: 8pt; font-weight: 700; letter-spacing: 0.12em; color: var(--accent-dark); text-transform: uppercase; }
|
||||
|
||||
h1 { string-set: doctitle content(); font-size: 20pt; line-height: 1.2; color: var(--ink); margin: 0 0 5mm; }
|
||||
h1::after { content: ""; display: block; width: 14mm; height: 1mm; background: var(--accent); margin-top: 3mm; }
|
||||
h2 { font-size: 13.5pt; color: var(--ink); margin: 7mm 0 3mm; padding-bottom: 1.2mm; border-bottom: 0.3mm solid var(--rule); break-after: avoid; }
|
||||
h3 { font-size: 11pt; color: var(--label); margin: 5mm 0 2mm; break-after: avoid; }
|
||||
h4 { font-size: 10.2pt; margin: 4mm 0 1.5mm; break-after: avoid; }
|
||||
p, li { orphans: 3; widows: 3; }
|
||||
a { color: var(--accent-dark); text-decoration: none; }
|
||||
strong { font-weight: 700; }
|
||||
|
||||
code { font: 8.4pt "Noto Sans Mono", "DejaVu Sans Mono", monospace; background: var(--soft); padding: 0 1mm; border-radius: 1mm; }
|
||||
pre { background: var(--soft); padding: 3mm; border-radius: 0 2mm 2mm 0; border-left: 1mm solid var(--accent); overflow-wrap: anywhere; white-space: pre-wrap; break-inside: avoid; }
|
||||
pre code { background: none; padding: 0; }
|
||||
|
||||
table { border-collapse: collapse; width: 100%; margin: 3mm 0 4mm; font-size: 8.6pt; break-inside: auto; }
|
||||
thead { display: table-header-group; }
|
||||
tr { break-inside: avoid; }
|
||||
th, td { padding: 1.5mm 2.2mm; text-align: left; vertical-align: top; border-bottom: 0.25mm solid var(--rule); }
|
||||
th { font-size: 7.4pt; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--muted); border-bottom: 0.4mm solid var(--border); }
|
||||
|
||||
thead:has(th:empty + th:empty) { display: none; }
|
||||
table:has(thead th:empty + th:empty) { border-collapse: separate; border-spacing: 0 0.6mm; margin-top: 0; }
|
||||
table:has(thead th:empty + th:empty) td { background: var(--soft); border: none; padding: 1.8mm 2.5mm; }
|
||||
table:has(thead th:empty + th:empty) td:first-child { border-radius: 2mm 0 0 2mm; width: 24mm; font-size: 7.4pt; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--muted); padding-top: 2.2mm; }
|
||||
table:has(thead th:empty + th:empty) td:first-child strong { color: var(--muted); }
|
||||
table:has(thead th:empty + th:empty) td:last-child { border-radius: 0 2mm 2mm 0; }
|
||||
|
||||
blockquote { margin: 3mm 0; padding: 2mm 4mm; border-left: 1mm solid var(--accent); background: var(--soft); border-radius: 0 2mm 2mm 0; }
|
||||
hr { border: none; border-top: 0.3mm solid var(--rule); margin: 6mm 0; }
|
||||
img { max-width: 100%; }
|
||||
|
||||
.badge { display: inline-block; font-size: 6.8pt; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; border-radius: 99mm; padding: 0.3mm 1.8mm; line-height: 1.5; vertical-align: 0.3mm; white-space: nowrap; }
|
||||
.badge.ok { background: var(--accent); color: #fff; }
|
||||
.badge.warn { background: #fef9e7; color: #92400e; border: 0.25mm solid #f9a825; }
|
||||
.badge.no { background: #fef2f2; color: #b91c1c; border: 0.25mm solid #dc2626; }
|
||||
Executable
+35
@@ -0,0 +1,35 @@
|
||||
#!/usr/bin/env bash
|
||||
# Réf : consigne formateur, version figée d'un livrable = Markdown -> HTML -> CSS de pagination -> PDF.
|
||||
# Usage : md2pdf.sh "fichier.md" [sortie.pdf]. Sans sortie, le PDF est écrit à côté du .md.
|
||||
set -euo pipefail
|
||||
|
||||
src="$1"
|
||||
out="${2:-${src%.md}.pdf}"
|
||||
here="$(cd "$(dirname "$0")" && pwd)"
|
||||
work="$(mktemp -d)"
|
||||
trap 'rm -rf "$work"' EXIT
|
||||
|
||||
title="$(grep -m1 '^# ' "$src" | sed 's/^# //; s/&/\&/g; s/</\</g')"
|
||||
css_title="$(grep -m1 '^# ' "$src" | sed 's/^# //; s/\\/\\\\/g; s/"/\\"/g')"
|
||||
logo="$(base64 -w0 "$here/logo-icon.png")"
|
||||
|
||||
npx --yes marked@18 --gfm -i "$src" -o "$work/body.html"
|
||||
sed -i 's/ \([:;?!»]\)/\xc2\xa0\1/g; s/« /«\xc2\xa0/g' "$work/body.html"
|
||||
# Les marqueurs de preuve du rapport EC04 deviennent des pastilles, comme les badges d'état de l'application.
|
||||
sed -i -E 's#\[Prouvé\]#<span class="badge ok">Prouvé</span>#g; s#\[Constaté\]#<span class="badge warn">Constaté</span>#g; s#\[Absent\]#<span class="badge no">Absent</span>#g; s#<strong>((<span class="badge[^"]*">[^<]*</span> ?)+)</strong>#\1#g' "$work/body.html"
|
||||
|
||||
{
|
||||
printf '<!doctype html>\n<html lang="fr"><head><meta charset="utf-8"><title>%s</title><style>\n' "$title"
|
||||
cat "$here/md2pdf.css"
|
||||
# Piège : Chromium ignore `string-set`, le titre du pied de page est donc écrit en dur ici.
|
||||
printf '\n@page { @bottom-left { content: "%s"; } }\n' "$css_title"
|
||||
printf '\n</style></head><body>\n'
|
||||
printf '<div class="brand"><div class="lockup"><img src="data:image/png;base64,%s" alt=""><span class="name">EnerVision</span></div><div class="meta">EADL 2026 · Groupe 3</div></div>\n' "$logo"
|
||||
cat "$work/body.html"
|
||||
printf '\n</body></html>\n'
|
||||
} > "$work/doc.html"
|
||||
|
||||
chromium --headless --disable-gpu --no-pdf-header-footer \
|
||||
--print-to-pdf="$out" "file://$work/doc.html" 2>/dev/null
|
||||
|
||||
echo "PDF écrit : $out"
|
||||
Reference in New Issue
Block a user