Added a new table of figures script

site/CahierDesCharges.html

@@ -160,14 +160,19 @@
         Journal de bord
       </a>
 </li>
+<li class="md-nav__item">
+<a class="md-nav__link" href="tof.html">
+        Table of Figures
+      </a>
+</li>
 <li class="md-nav__item md-nav__item--nested">
-<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_5" id="__nav_5" type="checkbox"/>
-<label class="md-nav__link" for="__nav_5">
+<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_6" id="__nav_6" type="checkbox"/>
+<label class="md-nav__link" for="__nav_6">
           Code
           <span class="md-nav__icon md-icon"></span>
 </label>
 <nav aria-label="Code" class="md-nav" data-md-level="1">
-<label class="md-nav__title" for="__nav_5">
+<label class="md-nav__title" for="__nav_6">
 <span class="md-nav__icon md-icon"></span>
           Code
         </label>
@@ -327,9 +332,9 @@ Par exemple : "Tour 28/54, Hamilton a fini par s'arrêter et chausser des gommes
 <li><a href="https://www.20min.ch/fr/story/les-leaders-du-championnat-en-fond-de-grille-937035758708">"Commentaire Grand Prix de Belgique 2022"</a></li>
 <li><a href="https://www.20min.ch/fr/story/singapour-sous-la-pluie-depart-repousse-432150037887">"Commentaire du Grand Prix de Singapour 2022"</a></li>
 </ul>
-<figure class="figure-image">
+<figure class="figure-image" id="figure-102">
 <a class="glightbox" href="./Images/Screens/ExampleLiveTicker.png"><img alt="" commentaires""="" exemple="" src="./Images/Screens/ExampleLiveTicker.png"/></a>
-<figcaption>"Exemple commentaires"</figcaption>
+<figcaption>Figure 102 - "Exemple commentaires"</figcaption>
 </figure>
 <p>Pendant un Grand Prix, je dois constamment :</p>
 <ul>
@@ -363,9 +368,9 @@ La raison la plus probable étant qu'Amazon avec son service AWS propose exactem
 <p>Il existe des API "Pirates" faites par la communauté, le problème est qu'elles ne sont pas forcément des plus pratiques à utiliser.</p>
 <p>Mais comme je possède un abonnement premium ++ à la F1TV, j'ai accès pour chaque grand prix à un flux vidéo nommé : DATA F1 CHANNEL</p>
 <p>Qui ressemble à ça :</p>
-<figure class="figure-image">
+<figure class="figure-image" id="figure-103">
 <a class="glightbox" href="./Images/Screens/Formula1DataChannel.png"><img alt="" channel="" data="" exemple""="" src="./Images/Screens/Formula1DataChannel.png"/></a>
-<figcaption>"Data channel exemple"</figcaption>
+<figcaption>Figure 103 - "Data channel exemple"</figcaption>
 </figure>
 <p>Donc la seule façon que je vois de récupérer ces données est de les prendre directement sur ce feed.</p>
 <p>Même si le but final de l'application est de faire pleins de choses super avec les datas, le gros du projet va surtout être la récupération des données et leur stockage.</p>
@@ -394,9 +399,9 @@ La raison la plus probable étant qu'Amazon avec son service AWS propose exactem
 <li>Prédire les temps au tour de chaque pilote selon l'usure des pneus</li>
 </ul>
 <p>Voici un exemple d'interface possible pour une page :</p>
-<figure class="figure-image">
+<figure class="figure-image" id="figure-104">
 <a class="glightbox" href="./Images/Figma/Prototype.png"><img alt="" proto""="" src="./Images/Figma/Prototype.png"/></a>
-<figcaption>"Proto"</figcaption>
+<figcaption>Figure 104 - "Proto"</figcaption>
 </figure>
 <h2 id="cas-dutilisation">Cas d'utilisation</h2>
 <hr/>