Upgrade markdown

17 files changed, 49 insertions, 13 deletions

diff --git a/content/formations/est/surveillance.md b/content/formations/est/surveillance.md
new file mode 100644
index 0000000..10fc68b
--- /dev/null
+++ b/content/formations/est/surveillance.md
@@ -0,0 +1,5 @@
++++
+title = "Surveillance"
+description = "Surveillance"
+weight = 10
++++
diff --git a/content/formations/est/écologie.md b/content/formations/est/écologie.md
new file mode 100644
index 0000000..fe1d8ce
--- /dev/null
+++ b/content/formations/est/écologie.md
@@ -0,0 +1,5 @@
++++
+title = "Écologie"
+description = "Écologie"
+weight = 20
++++
diff --git a/content/infrastructures/machines.md b/content/infrastructures/machines.md
index 02b9aba..1643e3d 100644
--- a/content/infrastructures/machines.md
+++ b/content/infrastructures/machines.md
@@ -10,7 +10,7 @@ Le lieu géographique peut évoluer dans le temps, comme par exemple lors d'un d
 Le nommage du site est donc arbitraire, nous recommandons le choix d'un corps céleste, tout aussi étrange soit-il.
 Ce découpage en sites est important pour certaines de nos applications.
 
-![inframap.jpg](/inframap.jpg)
+![inframap.jpg](/img/infra_map.jpg)
 
 # Production
 
diff --git a/content/prise_en_main/web/_index.md b/content/prise_en_main/web/_index.md
index cd0a30d..090eacc 100644
--- a/content/prise_en_main/web/_index.md
+++ b/content/prise_en_main/web/_index.md
@@ -33,8 +33,8 @@ Si vous ne savez pas quels outils utiliser pour la création de votre site stati
 
 Si vous avez déjà votre site web statique, voici notre suggestion d'outils pour le mettre en ligne :
 
-  - [WinSCP](/premiers_pas/web/winscp) (Windows seulement, niveau facile)
-  - [Rclone Browser](/premiers_pas/web/rclone) (Linux, macOS et Windows, niveau moyen)
+  - [WinSCP](./winscp) (Windows seulement, niveau facile)
+  - [Rclone Browser](./rclone) (Linux, macOS et Windows, niveau moyen)
   - (à venir) notre propre outils
   - (à venir, avancé) drone + git
   - (à venir, avancé) awscli
diff --git a/content/prise_en_main/web/rclone.md b/content/prise_en_main/web/rclone.md
index 3d6750e..21d1d60 100644
--- a/content/prise_en_main/web/rclone.md
+++ b/content/prise_en_main/web/rclone.md
@@ -37,7 +37,7 @@ sudo nix-env -iA nixos.rclone-browser # nix os
 Avant de lancer Rclone Browser, ouvrez un éditeur de texte.
 Moi j'utilise "Éditeur de texte" sous Gnome aussi connu sous le nom de `gedit`. Sous Windows il s'appelle Bloc-Note Windows (ou `notepad.exe`).
 
-![gedit.png](/gedit.png)
+![gedit.png](/img/rclone_gedit.png)
 
 Entrez le texte suivant dedans, tout en remplaçant bien les lignes 5 et 6 par vos identifiants communiqués précédemment :
 
@@ -57,28 +57,29 @@ no_check_bucket = true
 
 Maintenant enregistrez le à un endroit où vous ne le perdrez pas. Dans mon cas, j'ai choisi de le mettre dans Mon Dossier Personnel > Documents > Configuration et je l'ai appelé `rclone.conf`.
 
-![rclone-conf.png](/rclone-conf.png)
+![rclone-conf.png](/img/rclone_conf.png)
+
 Maintenant lancez "Rclone Browser" en cherchant l'application dans votre menu d'application
 
-![capture_d’écran_de_2021-11-25_14-43-03.png](/capture_d’écran_de_2021-11-25_14-43-03.png)
+![capture_d’écran_de_2021-11-25_14-43-03.png](/img/rclone_menu.png)
 
 L'application devrait se lancer :
 
-![rclone_init.png](/rclone_init.png)
+![rclone_init.png](/img/rclone_init.png)
 
 Cliquez sur "File" (Fichiers) en haut à gauche, puis sur "Preferences...". La fenêtre suivante s'ouvre :
 
-![rclone-conf2.png](/rclone-conf2.png)
+![rclone-conf2.png](/img/rclone_conf2.png)
 
 Repérez la deuxième ligne intitulée `rclone.conf location:`. Tout au bout de la ligne, cliquez sur le bouton avec les trois points `[...]`. Vous aurez alors la possibilité d'indiquer à Rclone Browser où se trouve le fichier de configuration créé juste avant (pour ma part, je rappelle, "Dossier personnel > Documents > Configuration > rclone.conf", on voit que le chemin complet vers le fichier apparait maintenant dans le champs texte.
 
 Appuyez sur OK, et la fenêtre principale devrait maintenant ressembler à ça :
 
-![rclone-s3.png](/rclone-s3.png)
+![rclone-s3.png](/img/rclone_s3.png)
 
 Cliquez sur "S3 garage" puis cliquez sur "Open". Si vous voyez des dossiers apparaitre, c'est gagné !
 
-![rclone-conn.png](/rclone-conn.png)
+![rclone-conn.png](/img/rclone_conn.png)
 
 Vous pouvez maintenant naviguer dans vos dossiers, envoyer des fichiers sur Garage ou en récupérer. Attention, vous ne pouvez pas créer de "nouveaux dossiers" à la racine, mais vous pouvez créer des sous-dossiers dans les dossiers existants pré-alablement créés pour vous.
 
@@ -88,17 +89,17 @@ Ce n'est pas forcément très pratique de devoir passer par cette interface pour
 
 Pour cela, sélectionnez un dossier racine, moi j'ai choisi `quentin.bibliotheque` puis cliquez sur le bouton "Mount".
 
-![rclone-mount.png](/rclone-mount.png)
+![rclone-mount.png](/img/rclone_mount.png)
 
 Un sélecteur de fichier s'ouvre alors. Je vais dans "Dossier Personnel > Documents", je créer un nouveau dossier que j'appelle "Distant". Je vais dedans et clique sur "Choisir" (ou Ok).
 
 Maintenant, quand je vais dans un explorateur de fichier, je vois les fichiers sur Garage comme si ils étaient sur mon ordinateur.
 
-![nautilus-distant.png](/nautilus-distant.png)
+![nautilus-distant.png](/img/rclone_nautilus.png)
 
 Je peux aussi accéder à ces documents depuis mon logiciel préféré, comme ici "LibreOffice Calc" :
 
-![capture_d’écran_de_2021-11-25_15-01-42.png](/capture_d’écran_de_2021-11-25_15-01-42.png)
+![capture_d’écran_de_2021-11-25_15-01-42.png](/img/rclone_calc.png)
 
 
 
diff --git a/sass/_markdown.scss b/sass/_markdown.scss
index 262c030..1318594 100644
--- a/sass/_markdown.scss
+++ b/sass/_markdown.scss
@@ -43,3 +43,28 @@
   background-color: #f2f1f0;
   padding: 0 20px;
 }
+
+.content table {
+    border-collapse: collapse;
+    font-family: Tahoma, Geneva, sans-serif;
+}
+.content table td {
+	padding: 15px;
+}
+.content table thead th {
+	background-color: var(--primary-color);
+	color: #ffffff;
+	font-weight: bold;
+	font-size: 13px;
+	border: 1px solid var(--primary-color);
+}
+.content table tbody td {
+	color: #636363;
+	border: 1px solid #dddfe1;
+}
+.content table tbody tr {
+	background-color: #f9fafb;
+}
+.content table tbody tr:nth-child(odd) {
+	background-color: #ffffff;
+}
diff --git a/static/img/infra_map.jpg b/static/img/infra_map.jpg
new file mode 100644
index 0000000..19905a9
--- /dev/null
+++ b/static/img/infra_map.jpg
diff --git a/static/img/rclone_calc.png b/static/img/rclone_calc.png
new file mode 100644
index 0000000..00cea54
--- /dev/null
+++ b/static/img/rclone_calc.png
diff --git a/static/img/rclone_conf.png b/static/img/rclone_conf.png
new file mode 100644
index 0000000..38a6c31
--- /dev/null
+++ b/static/img/rclone_conf.png
diff --git a/static/img/rclone_conf2.png b/static/img/rclone_conf2.png
new file mode 100644
index 0000000..74e1dbf
--- /dev/null
+++ b/static/img/rclone_conf2.png
diff --git a/static/img/rclone_conn.png b/static/img/rclone_conn.png
new file mode 100644
index 0000000..e5ff0b6
--- /dev/null
+++ b/static/img/rclone_conn.png
diff --git a/static/img/rclone_gedit.png b/static/img/rclone_gedit.png
new file mode 100644
index 0000000..46bcd5d
--- /dev/null
+++ b/static/img/rclone_gedit.png
diff --git a/static/img/rclone_init.png b/static/img/rclone_init.png
new file mode 100644
index 0000000..f1b99a0
--- /dev/null
+++ b/static/img/rclone_init.png
diff --git a/static/img/rclone_menu.png b/static/img/rclone_menu.png
new file mode 100644
index 0000000..43ee4a0
--- /dev/null
+++ b/static/img/rclone_menu.png
diff --git a/static/img/rclone_mount.png b/static/img/rclone_mount.png
new file mode 100644
index 0000000..efd00ef
--- /dev/null
+++ b/static/img/rclone_mount.png
diff --git a/static/img/rclone_nautilus.png b/static/img/rclone_nautilus.png
new file mode 100644
index 0000000..09e3832
--- /dev/null
+++ b/static/img/rclone_nautilus.png
diff --git a/static/img/rclone_s3.png b/static/img/rclone_s3.png
new file mode 100644
index 0000000..905e551
--- /dev/null
+++ b/static/img/rclone_s3.png