Copier timeline.html dans le dossier _includes/ de ton projet Jekyll.
Dans chaque fiche, ajouter le bloc timeline dans le front matter :
timeline:
- icon: "fas fa-flask" # Classe Font Awesome
title: "Titre de l'étape" # Obligatoire
detail: "Détail optionnel" # Optionnel — s'affiche après le titre avec " : "
- icon: "fas fa-check"
title: "Dernière étape" # Automatiquement en vert
Dans le corps de ta fiche Markdown, à l’endroit où tu veux afficher la timeline :
<div style="position:relative; padding-left:2.5rem; margin:2rem 0;">
<!-- Ligne verticale -->
<div style="position:absolute; left:1rem; top:0; bottom:0; width:2px; background:#41b0f2;"></div>
</div>
| Tâche | Icône |
|---|---|
| Analyse / recueil du besoin | fas fa-search |
| Installation / déploiement | fas fa-download |
| Configuration | fas fa-cog |
| Réseau / câblage | fas fa-network-wired |
| Sécurité | fas fa-shield-alt |
| Tests | fas fa-vial |
| Documentation | fas fa-file-alt |
| Formation utilisateurs | fas fa-chalkboard-teacher |
| Sauvegarde | fas fa-database |
| Serveur / VM | fas fa-server |
| Validation / fin | fas fa-check |
| Migration | fas fa-exchange-alt |
| Script / automatisation | fas fa-terminal |