https://github.com/ffoodd/sliide
Slide deck based on HTML & CSS
https://github.com/ffoodd/sliide
Last synced: 6 months ago
JSON representation
Slide deck based on HTML & CSS
- Host: GitHub
- URL: https://github.com/ffoodd/sliide
- Owner: ffoodd
- License: mit
- Created: 2022-11-15T15:29:14.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-15T20:36:22.000Z (over 1 year ago)
- Last Synced: 2025-07-04T01:04:46.262Z (8 months ago)
- Language: JavaScript
- Size: 404 KB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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.