KevinLecou/photobooth-qr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Deuxième passe DA : direction "punchy, friendly, donne envie de fun"

Browse Source 
Retour direct de Kévin après la 1ère passe (trop sage) : palette poussée
en saturation (corail vif en primaire, prune + doré en accents), formes
plus rondes (boutons pilule, rayons 20px), micro-animations avec du peps
(easing overshoot, coche qui se dessine + confettis CSS purs à l'envoi,
spinner animé). Police d'accent Fraunces ajoutée pour les titres (2
fichiers .woff2 auto-hébergés, ~44 Ko, SIL OFL, jamais de CDN).

Ton de voix retravaillé : micro-copies plus souriantes, nouvel état
"limite de photos atteinte" traité chaleureusement (pas comme une erreur).

Cohérence maintenue sur galerie admin, carton imprimable, et générateur
QR (sync légère, priorité basse). Testé en conditions réelles sur
photobooth.assistantaikev.eu.
This commit is contained in:
KevinLecou
2026-09-16 15:48:29 +02:00
parent 66435b0705
commit 3afd475a55
10 changed files with 716 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/admin/gallery/index.html
+18 -2
View File
@@ -13,6 +13,8 @@
fichier front, à mettre en place lors du déploiement.
-->
<meta name="robots" content="noindex, nofollow">
<meta name="theme-color" content="#faf6f0">
<link rel="preload" href="/vendor/fonts/fraunces-latin-600-normal.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/admin/gallery/style.css">
</head>
<body>
@@ -30,6 +32,7 @@
</header>
<section id="status-loading" class="state-block" role="status">
<span class="spinner" aria-hidden="true"></span>
<p>Chargement de la galerie…</p>
</section>
@@ -42,8 +45,21 @@
<p id="status-banner" class="status-banner" hidden></p>
<div class="toolbar">
<button type="button" id="refresh-btn" class="btn btn--secondary">Actualiser</button>
<button type="button" id="download-zip-btn" class="btn">Télécharger tout (ZIP)</button>
<button type="button" id="refresh-btn" class="btn btn--secondary">
<svg class="btn-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
<path d="M20 11A8 8 0 1 0 18.5 16"/>
<path d="M20 5v6h-6"/>
</svg>
<span>Actualiser</span>
</button>
<button type="button" id="download-zip-btn" class="btn">
<svg class="btn-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
<path d="M12 4v11"/>
<path d="M7 10.5 12 15.5 17 10.5"/>
<path d="M5 19.5h14"/>
</svg>
<span>Télécharger tout (ZIP)</span>
</button>
</div>
<p id="zip-status" class="zip-status" aria-live="polite" hidden></p>