From 5130da868c5ba7c32fcca76f2f89fdd28f755192 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Hugentobler?=
 <jeremy.hugentobler@epfl.ch>
Date: Thu, 19 Dec 2024 20:02:27 +0100
Subject: [PATCH 1/2] COCOCOCOCOCO

---
 docs/_includes/plots_carrousel.html | 41 +++++++++++++++++++++++++++++
 docs/index.md                       |  3 +--
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/docs/_includes/plots_carrousel.html b/docs/_includes/plots_carrousel.html
index a1c7eef..efa1aca 100644
--- a/docs/_includes/plots_carrousel.html
+++ b/docs/_includes/plots_carrousel.html
@@ -140,6 +140,46 @@
         background-color: #333;
     }
 
+    .orange {
+        background-color: #f68426;
+        padding: 0 6px;
+    }
+    
+    .jaune {
+        background-color: #fff529;
+        padding: 0 6px;
+    }
+
+    .vert {
+        background-color: #8eff29;
+        padding: 0 6px;
+    }
+
+    .bleu-petasse {
+        background-color: #29ffc8;
+        padding: 0 6px;
+    }
+
+    .bleu-fonce {
+        background-color: #29a7ff;
+        padding: 0 6px;
+    }
+
+    .violet {
+        background-color: #8729ff;
+        padding: 0 6px;
+    }
+
+    .rose {
+        background-color: #ff29B1;
+        padding: 0 6px;
+    }
+
+    .rouge {
+        background-color: #fe1b00;
+        padding: 0 6px;
+    }
+
 </style>
 
 <div class="body">
@@ -170,6 +210,7 @@
                 <div class="carousel-slide">
                     <div class="carousel-content" style="display: flex; flex-direction: column; align-items: center; text-align: center;">
                         <section>
+                            
                         </section>  
                     </div>
                 </div>
diff --git a/docs/index.md b/docs/index.md
index ed4b7ea..a70139d 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -77,8 +77,7 @@ In order to measure character importance, we count the number of citation of the
 
 **A VENIR : exemple avec les 2-3 persos d'un film connu, fourni par Coco**
 
-{% plots_carrousel.html %}
-
+{% include plots_carrousel.html %}
 
 ## The baby names collection
 Even if it remains a simple word, your name is what you are referred as for your entire life. It represents your whole identity and often mirrors cultural trends, family traditions or historical events.

From b3a3c20bf0c1487bd2b5f3dae0be99e9b0f2e561 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Hugentobler?=
 <jeremy.hugentobler@epfl.ch>
Date: Thu, 19 Dec 2024 20:04:30 +0100
Subject: [PATCH 2/2] couleur

---
 docs/_includes/plots_carrousel.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_includes/plots_carrousel.html b/docs/_includes/plots_carrousel.html
index efa1aca..228e361 100644
--- a/docs/_includes/plots_carrousel.html
+++ b/docs/_includes/plots_carrousel.html
@@ -196,7 +196,7 @@
                 <div class="carousel-slide">
                     <div class="carousel-content" style="display: flex; flex-direction: column; align-items: center; text-align: center;">
                         <section>
-                            2
+                            <p>sjdsiojfjdsiojfojs <mark class="bleu-petasse">asdias</mark></p>
                         </section>  
                     </div>
                 </div>