El faro del norteCapítulo 3
La niebla llegó antes que el barco. Desde la torre, Elena contó las campanadas y apuntó la hora en el cuaderno, como cada noche desde hacía once años.
Abajo, el mar golpeaba las rocas con paciencia. Encendió la lámpara, limpió el cristal con la manga y esperó a ver otra luz respondiendo en el horizonte.
Nadie respondió. Solo el viento, que traía olor a sal y a gasóleo. Elena bajó la escalera de caracol contando los peldaños, uno a uno, a oscuras.
Liseuse qui tourne la page en flash
Une liseuse qui tourne les pages avec le flash noir de l'encre électronique et laisse un léger fantôme du texte précédent.
Réglages
Code
<div class="uvq14-ink"><div class="scr"><p class="hd"><span>Le phare du nord</span><span>Chapitre 3</span></p><div class="pg" aria-live="polite"><p class="gh" aria-hidden="true"></p><p>Le brouillard arriva avant le bateau. Depuis la tour, Elena compta les coups de cloche et nota l'heure dans son carnet, comme chaque nuit depuis onze ans.</p><p hidden>En bas, la mer frappait les rochers avec patience. Elle alluma la lampe, essuya la vitre avec sa manche et attendit qu'une autre lumière réponde à l'horizon.</p><p hidden>Personne ne répondit. Seulement le vent, qui sentait le sel et le gazole. Elena descendit l'escalier en colimaçon en comptant les marches, une à une, dans le noir.</p></div><div class="ft"><span class="br"><i></i></span><span><span class="n">1</span> / 3</span></div><i class="fx" aria-hidden="true"></i></div><div class="ct"><button type="button" class="pv" aria-label="Page précédente"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 6l-6 6 6 6"/></svg></button><span class="lg" aria-hidden="true"></span><button type="button" class="nx" aria-label="Page suivante"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></button></div></div>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 liseuses rafraîchissent leur écran avec un bref flash noir et blanc, et ce petit défaut est justement ce qui les rapproche du papier. Ce bloc le reproduit avec une animation CSS par paliers sur une page en police à empattements, plus un fantôme de la page précédente qui s'efface. Il convient aux sorties de livres, aux formats longs, aux éditeurs et aux sections narratives.
Remplace les trois pages par ton propre extrait et le titre de l'en-tête. On tourne les pages avec les boutons, en touchant une moitié de l'écran ou avec les flèches du clavier, et chaque nouvelle page est annoncée sans couper la lecture.