wtforms-htmx à la PyConFR 2026

Diapos de « wtforms-htmx : des formulaires dynamiques avec htmx mais sans écrire de htmx », écrites en Markdown dans slides.md avec reveal.js et Vite.

pnpm install
pnpm dev

Version statique, utilisable hors ligne :

pnpm build
pnpm preview

Raccourcis

Ceux de reveal.js (? pour la liste), plus T pour passer du thème auto au thème sombre, puis clair.

Classes de diapo

Syntaxe : Markdown de reveal.js.

Classe	Effet
centered	Contenu centré
code	Bloc de code centré, à la largeur de son contenu
code-xs à code-xl	Taille du code
stacked	Blocs empilés, à la largeur du plus large
spotlight	Pendant le surlignage d’un bloc de code, les autres blocs sont atténués
split	Deux colonnes : texte à gauche, code à droite, libellé au-dessus
steps	Avec des fragments custom step : l’étape en cours reste en clair, le reste est atténué
compare	Deux colonnes : libellé, code puis note
large, dense	Liste en grand ou resserrée
wide, tight	Marges de la carte

Sections

La barre de progression du bas a un segment par partie. Une partie commence à la diapo qui porte data-section="nom" :

<!-- .slide: class="centered" data-section="htmx" -->