Browse Source

:art: Illustrate each section with a diagram

DricomDragon 1 year ago
parent
commit
7b01c2a970

File diff suppressed because it is too large
+ 3 - 0
src/projets/pandoc_site/PandocEngine.svg


File diff suppressed because it is too large
+ 3 - 0
src/projets/pandoc_site/ProjectLinkListToDetails.svg


+ 6 - 4
src/projets/pandoc_site/content.src.md

@@ -76,6 +76,8 @@ J'ai donc adopté Pandoc et Make pour propulser mon site web. Je vous guide pas
 
 Comment générer des pages HTML complètes à partir d'un article rédigé en markdown ?
 
+![carte des flux permettant a Pandoc de construire un fichier](PandocEngine.svg)
+
 ##### Markdown en HTML
 
 Prenons un exemple de base, dans lequel je décris un contenu simple sans contrainte technique.
@@ -255,6 +257,8 @@ Je fais un usage avancé des métadonnées pour ce nouveau site, ce qui sera dé
 
 Comment orchestrer la génération successive des fichiers pour aboutir à un site entier ?
 
+![graphe des dependances Make](StaticMakeDependencyGraph.svg)
+
 ##### La philosophie de Make
 
 GNU make est un utilitaire d'aide à la compilation qui fonctionne à partir d'un `makefile`, un document de recettes qui décrit chaque fichier, comment le construire et quelles sont ses dépendances.
@@ -483,12 +487,12 @@ Comment générer la page listant tous les projets ?
 
 En plus de Pandoc et GNU Make, j'ai eu besoin d'une troisième dépendance afin de manipuler programmatiquement les métadonnées stockées dans des fichiers YAML.
 
+![illustration liste des liens vers chaque page projet](ProjectLinkListToDetails.svg)
+
 ##### Recenser les projets
 
 Mon besoin est d'avoir une page qui recense tous mes projets. Chaque projet possède un encart avec une description, une illustration et une icône, ainsi qu'un lien vers la page détaillée qui permet d'en savoir plus.
 
-*illustration encart + detail projet*
-
 L'objectif serait d'automatiser la découverte des projets et la génération de cette page d'indexation.
 
 ##### Description d'une page de projet
@@ -772,8 +776,6 @@ Mais cela reste un projet d'exploration que je ne recommande pas forcément pour
 
 Merci pour votre lecture !
 
-![graphe des dependances Make](StaticMakeDependencyGraph.svg)
-
 #### Refs
 
 - Outils