El faro llevaba once años apagado, pero aquella noche alguien había subido la escalera. Desde el puerto, Inés vio la luz girar dos veces y detenerse, como si dudara. Cogió el abrigo y las llaves de la barca y salió sin despertar a nadie.
HTML + CSSCartes
Page de liseuse à encre électronique
Une page de roman sur écran e-ink : tourner la page déclenche le flash en négatif typique et fait avancer la progression.
Réglages
16px
1x
Code
<article class="uvq07-ink"><div class="sc" tabindex="0" aria-label="Page du livre, utilise les flèches pour tourner"><header><span>L’Ombre du phare</span><span>Chapitre 3</span></header><p class="tx" aria-live="polite">Le phare était éteint depuis onze ans, mais cette nuit-là quelqu’un avait monté l’escalier. Depuis le port, Inés vit la lumière tourner deux fois puis s’arrêter, comme si elle hésitait. Elle prit son manteau et les clés de la barque et sortit sans réveiller personne.</p><div class="br" aria-hidden="true"><i></i></div><footer><span><b class="pn">112</b> / 264</span><span><b class="pc">42</b> %</span></footer><button type="button" class="zl" aria-label="Page précédente"></button><button type="button" class="zr" aria-label="Page suivante"></button></div><i class="hw" aria-hidden="true"></i></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 Cartes
Voir tout : CartesOù l’utiliser
Les liseuses ont une manie reconnaissable : l'écran passe en négatif un instant quand la page change. Cette carte la reproduit avec un filtre d'inversion par paliers sur un écran gris papier, un texte serif justifié et une fine ligne de progression. Touche le côté gauche ou droit, ou utilise les flèches. Pour applis de lecture, éditeurs, suivis de lecture et aperçus de newsletter.
La couleur principale est l'encre, la seconde le ton de l'écran. Mets tes paragraphes dans la liste des pages, ajuste les numéros et garde chaque page assez courte pour tenir à l'écran.