Informe de campo
El día 14 el equipo llegó a a las . El contacto, conocido como , entregó y se marchó en un .
HTML + CSSTexte et défilement
Rapport tapé à la machine et caviardé
Un dossier tapé à la machine avec des barres noires de censure qui se retirent une à une au toucher, ou toutes ensemble.
Réglages
16px
1x
Code
<article class="uvq14-red"><header><span class="cl">Confidentiel</span><span>Dossier 27/B</span></header><h3>Rapport de terrain</h3><p>Le 14, l'équipe est arrivée à <button type="button" class="rd" aria-pressed="false">Valdeluz</button> à <button type="button" class="rd" aria-pressed="false">06:40</button>. Le contact, surnommé <button type="button" class="rd" aria-pressed="false">la Bibliothécaire</button>, a remis <button type="button" class="rd" aria-pressed="false">trois enveloppes scellées</button> et est reparti dans une <button type="button" class="rd" aria-pressed="false">Seat 600 bleue</button>.</p><footer><button type="button" class="all" aria-pressed="false">Tout déclassifier</button><span class="sg">Signature : illisible</span></footer></article>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Texte et défilement
Voir tout : Texte et défilementOù l’utiliser
Les barres noires de caviardage donnent à n'importe quel texte l'air d'un secret qui vaut la peine d'être lu. Dans ce rapport, chaque barre est un vrai bouton posé sur les mots cachés, accessible au clavier et aux lecteurs d'écran, et un découpage irrégulier donne aux traits des bords de marqueur. Il convient aux campagnes mystère, aux études de cas, aux révélations de produit ou à une page équipe ludique.
Remplace les passages cachés par les tiens, change la couleur du tampon avec la couleur principale et celle des barres avec la secondaire. Le bouton de déclassification révèle tout en cascade et peut tout recouvrir, chaque barre gardant son propre état.