Salle 31 Aile E · Lisibilité et attention

Le badge « Nouveau ! » partout

Des badges clignotants partout, qui reviennent sans cesse.

0 salle visitée sur 37

Le piège

Version ratée

À vous : Fermez la visite guidée pour accéder au menu.

  • Tableau de bord NOUVEAU !
  • Projets NOUVEAU !
  • Équipe NOUVEAU !
  • Rapports NOUVEAU !

Réparé

Version corrigée

  • Tableau de bord
  • Nouveau
  • Projets
  • Équipe

Vitrine fermée

Subissez d’abord le piège : elle s’ouvre toute seule.

Voir le code, avant et après

Version ratée

.badge { animation: pulse 0.8s infinite; }
popup.addEventListener('close', () =>
  setTimeout(() => popup.showModal(), 1500));

Version corrigée

<li>
  Rapports
  <span class="badge-discret">Nouveau</span>
</li>
<script>
  // Le badge disparaît une fois la fonctionnalité visitée
  if (localStorage.getItem('vu-rapports')) badge.remove();
</script>