Skip to content

Latest commit

 

History

History
29 lines (19 loc) · 1.23 KB

README.md

File metadata and controls

29 lines (19 loc) · 1.23 KB
Raw

Sliide

  1. Installez le barda avec npm ci ;
  2. Démarrez le machin avec npm start ;
  3. Testez l’accessibilité avec npm t.

Contenus

Vous trouverez un exemple de slide :

  • introductif,
  • textuel,
  • avec exemple de code HTML avec affichage en vis-à-vis,
  • avec exemple de code CSS en édition directe, avec rendu en vis-à-vis,
  • conclusion.

Vue présentateur

Vous pouvez activer une vue présentateur avec le raccourci alt+s. Le support se rouvre dans un nouvel onglet, avec la vue présentateur activée. Elle contient :

  • Les notes (texte brut), déclarées dans un attribut data-notes sur chaque slide.
  • Un aperçu du slide suivant (Firefox seulement).
  • Un minuteur, qui se contente d'afficher le temps qui passe.

Ceci est un projet expérimental : la vue présentateur n'est pas accessible. Tout ou presque est géré en CSS : si vous êtes intéressés par cet outil et avez besoin de le rendre accessible, indiquez-le moi dans une issue. Je pourrais saupoudrer du JavaScript et arrêter mes bêtises en CSS !

Scripts

On utilise PrismJS pour la coloration syntaxique (avec un build personnalisé pour HTML et CSS pour le moment) et Twemoji pour assurer l’affichage homogène des emojis.