code_public/pointeuse-optimisator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Semaine parfaite : célébration kitsch quand tout boucle à +0h00

Browse Source 
La dernière heure saisie qui clôt la semaine à +0h00 pile, sans
aucune demi-journée restante, déclenche une fête assumée : fond disco
en rotation de teintes, pluie d'une fourgonnée de confettis (emojis
et rectangles), trophée bondissant et titre doré défilant. Une seule
fois par semaine et par onglet, fermeture au clic ou après 8 s, et
animation réduite pour prefers-reduced-motion.

Le serveur pose un drapeau data-perfect (solde nul, plus rien à
remplir, heures dues non nulles) sur les soldes re-rendus à chaque
saisie et rafraîchissement ; le client le détecte et célèbre.

💘 Generated with Crush

Assisted-by: Crush:glm-5.2
This commit is contained in:
Jacquin Antoine
2026-09-11 15:29:46 +02:00
parent 59a04ea07f
commit edf52acdc9
9 changed files with 167 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
app/templates/semaine.html
View File

@ -230,6 +230,75 @@
})();
</script>
<script>
// Semaine parfaite : la dernière heure saisie boucle la semaine à +0h00 pile —
// pluie de confettis, disco et trophée. Déclenchée dès que le drapeau
// data-perfect apparaît (enregistrement de la dernière heure, poll 30 s ou
// rechargement), une seule fois par semaine et par onglet (sessionStorage).
(function () {
var EMOJIS = ['🎉', '🎊', '✨', '🏆', '⭐', '💖', '🎈', '🥳', '💫', '🌟'];
var COULEURS = ['#ffd700', '#ff5ec4', '#7af5ff', '#7fff9e', '#ff9d5c', '#b18cff'];
function rnd(a, b) { return a + Math.random() * (b - a); }
function confetti(overlay) {
var total = Math.floor(rnd(70, 100));
for (var i = 0; i < total; i++) {
var c = document.createElement('span');
c.className = 'perfect-confetti';
if (Math.random() < .55) {
c.textContent = EMOJIS[Math.floor(Math.random() * EMOJIS.length)];
c.style.fontSize = rnd(14, 34) + 'px';
} else {
c.textContent = '';
c.style.width = rnd(6, 11) + 'px';
c.style.height = rnd(8, 16) + 'px';
c.style.background = COULEURS[Math.floor(Math.random() * COULEURS.length)];
c.style.borderRadius = Math.random() < .3 ? '50%' : '2px';
}
c.style.left = rnd(0, 100) + 'vw';
c.style.animationDuration = rnd(2.6, 5.2) + 's';
c.style.animationDelay = rnd(0, 1.8) + 's';
overlay.appendChild(c);
}
}
function celebrate() {
var overlay = document.createElement('div');
overlay.id = 'perfect-week';
overlay.title = 'Félicitations !';
overlay.innerHTML =
'<div class="perfect-trophy">🏆</div>' +
'<div class="perfect-title">SEMAINE PARFAITE&nbsp;!</div>' +
'<div class="perfect-sub">Solde <b>+0h00</b> pile — pas une minute en trop, pas une en moins.<br>' +
'Chapeau bas, horaire de maître&nbsp;! ✨</div>' +
'<div class="perfect-close">(cliquer ou attendre 8&nbsp;s pour reprendre une activité normale)</div>';
confetti(overlay);
overlay.addEventListener('click', function () { overlay.remove(); });
document.body.appendChild(overlay);
setTimeout(function () { overlay.remove(); }, 8000);
}
function check() {
var el = document.getElementById('soldes-section');
if (!el) return;
var key = el.getAttribute('data-perfect');
if (!key) return;
var store = 'perfect-celebrated-' + key;
try {
if (sessionStorage.getItem(store)) return;
sessionStorage.setItem(store, '1');
} catch (e) { /* sessionStorage indisponible : on célèbre une fois par rendu */ }
celebrate();
}
document.addEventListener('htmx:afterSwap', check);
window.addEventListener('focus', check);
setInterval(check, 30000);
check();
})();
</script>
<script>
// Alerte départ — surveille l'heure cible du jour courant
(function () {