Tweak Workshop

content/Annexes/Markdown.md

@@ -37,6 +37,11 @@ En résumé :
 - plusieurs items
 ```
 
+```md
+- [ ] to-do
+- [x] done
+```
+
 ```md
 ```cpp
 // Bloc de code C++
@@ -61,11 +66,11 @@ Notes de bas de page \[^1]
 \> Citation
 
 ```txt
-| Tableaux      | :grin:        | :sparkles:  |
-| ------------- |:-------------:| -----:|
-| col 3 is      | right-aligned | $1600 |
-| col 2 is      | centered      |   $12 |
-| zebra stripes | are neat      |    $1 |
+| Tableaux      |    :grin:     | :sparkles: |
+| ------------- | :-----------: | ---------: |
+| col 3 is      | right-aligned |      $1600 |
+| col 2 is      |   centered    |        $12 |
+| zebra stripes |   are neat    |         $1 |
 ```
 
 Séparateur :
@@ -92,6 +97,9 @@ Image :
 - avec
 - plusieurs items
 
+- [ ] to-do
+- [x] done
+
 ```cpp
 // Bloc de code C++
 int x{0};
@@ -111,11 +119,11 @@ Notes de bas de page [^1]
 
 > Citation
 
-| Tableaux      | 😁        | ✨  |
-| ------------- |:-------------:| -----:|
+| Tableaux      |       😁       |     ✨ |
+| ------------- | :-----------: | ----: |
 | col 3 is      | right-aligned | $1600 |
-| col 2 is      | centered      |   $12 |
-| zebra stripes | are neat      |    $1 |
+| col 2 is      |   centered    |   $12 |
+| zebra stripes |   are neat    |    $1 |
 
 Séparateur :
 
@@ -141,4 +149,6 @@ Salut, ceci est un secret !
 ## Générer une table des matières
 
 VS Code peut générer automatiquement une table des matières pour votre document, qui va lister toutes les différentes sections que vous aurez délimitées avec des titres (`#`, `##`, `###`, etc.).<br/>
-Pour cela, mettez votre curseur là où vous voulez la générer (typiquement au début de votre document), puis faites <kbd>F1</kbd> et cherchez et sélectionnez `Markdown All In One: Create Table of Contents` (ou juste `toc` pour faire court).
+Pour cela, mettez votre curseur là où vous voulez la générer (typiquement au début de votre document), puis faites <kbd>F1</kbd> et cherchez et sélectionnez `Markdown All In One: Create Table of Contents` (ou juste `toc` pour faire court).
+
+![](Markdown_imgs/toc.png)

content/Workshop/01-Sujet.md

@@ -92,7 +92,7 @@ int main()
 ## Rendu et Rapport
 
 __*À rendre avant vendredi à 23h59*__.<br/>
-*Pour le rendu, il suffit de [mettre votre lien git ici](https://docs.google.com/spreadsheets/d/16nS6i0uq31Y3HzNI33xjXs4cC6H6AITeYHFn4fPQfsk/edit?usp=sharing)*. Attention, vérifiez bien que votre repo est en public, ou si il est en privé pensez à m'inviter dessus ([*julesfouchy*](https://github.com/julesfouchy/)).
+Pour le rendu, il suffit de mettre votre lien git sur la google sheet que je vais vous partager sur Discord. Attention, vérifiez bien que votre repo est en public, ou si il est en privé pensez à m'inviter dessus ([*julesfouchy*](https://github.com/julesfouchy/)).
 
 Pour le rapport, faites une section par exercice que vous avez fait. Montrez une image avant et après application de l'effet (comme c'est fait dans l'énoncé des exercices). **Le rapport n'a pas besoin d'être long**. Pour les exercices où vous jugez cela utile, mettez un petit texte expliquant des spécificités de l'algo que vous avez implémenté, et les pièges potentiels dans lesquels il ne faut pas tomber.
 

content/Workshop/03-Exercices.md

@@ -156,7 +156,7 @@ puis itérer sur les pixels pour les colorer.
 Quelle est l'équation d'un disque ? Comment peut on s'en servir pour savoir si un pixel est à l'intérieur ou à l'extérieur du disque ?
 </details>
 
-### ⭐ Cercle
+### ⭐⭐ Cercle
 
 ![](output/circle.png)
 
@@ -211,15 +211,17 @@ Prendre un rectangle de pixels et l'intervertir avec un autre rectangle de pixel
 
 ## ⭐⭐⭐ Tri de pixels
 
-![](output/pixel_sorting.png)
+| ![](output/pixel_sorting.png) | ![](output/pixel_sorting2.png) | ![](output/pixel_sorting3.png) |
+| ----------------------------- | ------------------------------ | ------------------------------ |
+| Trier tous les pixels         | Trier les lignes               | Trier des parties aléatoires   |
 
 Voici une bonne vidéo expliquant l'algorithme (vous pouvez ignorer le début spécifique à Processing où on voit comment afficher l'image) :
 
 <YoutubeVideo id="JUDYkxU6J0o"/><br/>
 
 Utilisez `image.pixels()` pour récupérer le tableau contenant tous les pixels de l'image et le trier.
 
-Ensuite, au lieu de trier tous les pixels de l'image, triez par colonne (ou par ligne) pour un effet plus joli. (Il faudra trier des sous-parties du tableau `image.pixels()`.) Ou encore, triez des sous-parties prises aléatoirement dans l'image.
+Ensuite, au lieu de trier tous les pixels de l'image, triez par ligne (ou par colonne) pour un effet plus joli. (Il faudra trier des sous-parties du tableau `image.pixels()`.) Ou encore, triez des sous-parties prises aléatoirement dans l'image.
 
 :::info
 Pour trier un tableau, vous pouvez utiliser `std::sort`. Vous verrez ça plus en détail au S2, mais voici une brève explication :