From f10815b5f78a2faba73c7742a6fc9cd3dfcea2d6 Mon Sep 17 00:00:00 2001
From: Lino Galiana <33896139+linogaliana@users.noreply.github.com>
Date: Thu, 25 Aug 2022 16:00:03 +0200
Subject: [PATCH] Notebooks should now look more beautiful (#260)

* notebook clean

* Automated changes

* Automated changes

* autres nb

* autres nb

* autres nb

* autres nb

* autres nb

* Automated changes

* Automated changes

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 content/course/NLP/01_intro/index.qmd                |  3 ++-
 content/course/NLP/02_exoclean/index.qmd             |  3 ++-
 content/course/NLP/03_lda/index.qmd                  |  2 ++
 content/course/NLP/04_word2vec/index.qmd             |  3 ++-
 content/course/NLP/05_exo_supp/index.qmd             |  2 ++
 .../course/getting-started/01_installation/index.qmd |  3 ++-
 .../getting-started/05_rappels_types/index.qmd       |  2 ++
 .../getting-started/06_rappels_fonctions/index.qmd   |  3 ++-
 .../getting-started/07_rappels_classes/index.qmd     | 12 ++----------
 content/course/git/exogit/index.qmd                  |  2 ++
 content/course/git/introgit/index.qmd                |  2 ++
 content/course/manipulation/01_numpy/index.qmd       |  3 ++-
 content/course/manipulation/02b_pandas_TP/index.qmd  |  3 ++-
 .../course/manipulation/03_geopandas_TP/index.qmd    |  2 ++
 .../manipulation/03_geopandas_tutorial/index.qmd     |  5 ++---
 content/course/manipulation/04b_regex_TP/index.qmd   |  2 ++
 content/course/manipulation/04c_API_TP/index.qmd     |  3 ++-
 .../manipulation/06a_exo_supp_webscraping/index.qmd  |  2 ++
 content/course/manipulation/index.qmd                |  3 ++-
 .../course/modelisation/0_preprocessing/index.qmd    |  3 ++-
 .../course/modelisation/1_modelevaluation/index.qmd  |  3 ++-
 content/course/modelisation/2_SVM/index.qmd          |  3 ++-
 content/course/modelisation/3_regression/index.qmd   |  3 ++-
 .../course/modelisation/4_featureselection/index.qmd |  3 ++-
 content/course/modelisation/5_clustering/index.qmd   |  3 ++-
 content/course/modelisation/6_pipeline/index.qmd     |  2 ++
 .../modern-ds/elastic_approfondissement/index.qmd    |  2 ++
 content/course/modern-ds/elastic_intro/index.qmd     |  2 ++
 content/course/modern-ds/s3/index.qmd                |  2 ++
 content/course/visualisation/maps/index.qmd          |  3 ++-
 30 files changed, 60 insertions(+), 29 deletions(-)

diff --git a/content/course/NLP/01_intro/index.qmd b/content/course/NLP/01_intro/index.qmd
index d6d9efa46..ed1835053 100644
--- a/content/course/NLP/01_intro/index.qmd
+++ b/content/course/NLP/01_intro/index.qmd
@@ -22,6 +22,7 @@ summary: |
   sur le _Comte de Monte Cristo_ d'Alexandre Dumas. 
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -35,7 +36,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/NLP/01_intro.qmd")
 ```
-
+:::
 
 
 
diff --git a/content/course/NLP/02_exoclean/index.qmd b/content/course/NLP/02_exoclean/index.qmd
index 83dd720cf..d15cdbd0b 100644
--- a/content/course/NLP/02_exoclean/index.qmd
+++ b/content/course/NLP/02_exoclean/index.qmd
@@ -23,6 +23,7 @@ summary: |
   précedemment.
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -36,7 +37,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/NLP/02_exoclean.qmd")
 ```
-
+:::
 
 
 Cette page approfondit certains aspects présentés dans la
diff --git a/content/course/NLP/03_lda/index.qmd b/content/course/NLP/03_lda/index.qmd
index bc12d3269..9c474a377 100644
--- a/content/course/NLP/03_lda/index.qmd
+++ b/content/course/NLP/03_lda/index.qmd
@@ -21,6 +21,7 @@ summary: |
   thématiques cachées dans des vastes archives de documents.
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -34,6 +35,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/NLP/03_lda.qmd")
 ```
+:::
 
 Cette page approfondit les exercices présentés dans la 
 [section précédente](#nlpexo). 
diff --git a/content/course/NLP/04_word2vec/index.qmd b/content/course/NLP/04_word2vec/index.qmd
index e97d65582..ea02be33d 100644
--- a/content/course/NLP/04_word2vec/index.qmd
+++ b/content/course/NLP/04_word2vec/index.qmd
@@ -24,6 +24,7 @@ summary: |
 eval: false
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -37,7 +38,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/NLP/04_word2vec.qmd")
 ```
-
+:::
 
 Cette page approfondit certains aspects présentés dans la
 [partie introductive](#nlp). Après avoir travaillé sur le
diff --git a/content/course/NLP/05_exo_supp/index.qmd b/content/course/NLP/05_exo_supp/index.qmd
index f3b98d55d..56408a6b5 100644
--- a/content/course/NLP/05_exo_supp/index.qmd
+++ b/content/course/NLP/05_exo_supp/index.qmd
@@ -18,6 +18,7 @@ summary: |
 eval: false
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -31,6 +32,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/NLP/05_exo_supp.qmd")
 ```
+:::
 
 Cette page approfondit certains aspects présentés dans les autres tutoriels. Il s'agit d'une suite d'exercice, avec corrections, pour présenter d'autres aspects du NLP ou pratiquer sur des données différentes
 
diff --git a/content/course/getting-started/01_installation/index.qmd b/content/course/getting-started/01_installation/index.qmd
index 9c0d09a0f..2996b491c 100644
--- a/content/course/getting-started/01_installation/index.qmd
+++ b/content/course/getting-started/01_installation/index.qmd
@@ -35,6 +35,7 @@ Par exemple, pour ouvrir le chapitre relatif à
 `numpy` dans l'un des environnements temporaires proposés, 
 les badges suivants sont proposés:
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -48,7 +49,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/manipulation/01_numpy.qmd")
 ```
-
+:::
 
 Quelque soit l'environnement d'exécution des scripts, l'un des objectifs
 de ce cours est d'adopter un environnement favorable à la reproductibilité
diff --git a/content/course/getting-started/05_rappels_types/index.qmd b/content/course/getting-started/05_rappels_types/index.qmd
index 7b92176fe..2c808c578 100644
--- a/content/course/getting-started/05_rappels_types/index.qmd
+++ b/content/course/getting-started/05_rappels_types/index.qmd
@@ -10,6 +10,7 @@ summary: |
   les méthodes, etc. 
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -23,6 +24,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/getting-started/05_rappels_types.qmd")
 ```
+:::
 
 [`pandas`](http://pandas.pydata.org/) et [`numpy`](http://www.numpy.org/) sont
 essentiels pour manipuler les données. 
diff --git a/content/course/getting-started/06_rappels_fonctions/index.qmd b/content/course/getting-started/06_rappels_fonctions/index.qmd
index 84e53f31f..0c46b254e 100644
--- a/content/course/getting-started/06_rappels_fonctions/index.qmd
+++ b/content/course/getting-started/06_rappels_fonctions/index.qmd
@@ -19,6 +19,7 @@ jupyter: python3
 ---
 
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -32,7 +33,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/getting-started/06_rappels_fonctions.qmd")
 ```
-
+:::
 
 ### Pour mettre à jour un module déjà installé : 
 
diff --git a/content/course/getting-started/07_rappels_classes/index.qmd b/content/course/getting-started/07_rappels_classes/index.qmd
index 5f36969cd..e253529ff 100644
--- a/content/course/getting-started/07_rappels_classes/index.qmd
+++ b/content/course/getting-started/07_rappels_classes/index.qmd
@@ -19,15 +19,7 @@ format:
 jupyter: python3
 ---
 
-<!----
-```{r setup, include=FALSE}
-dir_path <- gsub(here::here(), "..", here::here("course","getting-started"))
-knitr::knit_hooks$set(
-  plot = function(x, options) modif_plot(x, options, dir_path = dir_path)
-)
-```
------>
-
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -41,7 +33,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/getting-started/07_rappels_classes.qmd")
 ```
-
+:::
 
 # Qu'est-ce que la programmation orientée objet ? 
 
diff --git a/content/course/git/exogit/index.qmd b/content/course/git/exogit/index.qmd
index 06abe16ec..34bcd5958 100644
--- a/content/course/git/exogit/index.qmd
+++ b/content/course/git/exogit/index.qmd
@@ -19,6 +19,7 @@ https://github.com/corent01/03-Swartz/blob/master/Parcours/01-La-prairie/git/exe
 https://github.com/simplonco/cadavre-request
 ------>
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -32,6 +33,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/git/exogit.qmd")
 ```
+:::
 
 Les exercices suivants sont inspirés d'un cours de Git que j'ai construit
 à l'Insee et dont les ressources sont disponibles
diff --git a/content/course/git/introgit/index.qmd b/content/course/git/introgit/index.qmd
index defd585b7..2b8c95974 100644
--- a/content/course/git/introgit/index.qmd
+++ b/content/course/git/introgit/index.qmd
@@ -18,6 +18,7 @@ summary: |
   mis en pratique dans le suivant. 
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -31,6 +32,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/git/introgit.qmd")
 ```
+:::
 
 # Pourquoi faire du `Git` <i class="fas fa-code-branch"></i> ?
 
diff --git a/content/course/manipulation/01_numpy/index.qmd b/content/course/manipulation/01_numpy/index.qmd
index c78578420..a62804e1f 100644
--- a/content/course/manipulation/01_numpy/index.qmd
+++ b/content/course/manipulation/01_numpy/index.qmd
@@ -23,6 +23,7 @@ summary: |
 
 Pour essayer les exemples présents dans ce tutoriel : 
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -36,7 +37,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/manipulation/01_numpy.qmd")
 ```
-
+:::
 
 Il est recommandé de régulièrement se référer à
 la [cheatsheet numpy](https://www.datacamp.com/community/blog/python-numpy-cheat-sheet) et à la
diff --git a/content/course/manipulation/02b_pandas_TP/index.qmd b/content/course/manipulation/02b_pandas_TP/index.qmd
index 250840730..900ac99e3 100644
--- a/content/course/manipulation/02b_pandas_TP/index.qmd
+++ b/content/course/manipulation/02b_pandas_TP/index.qmd
@@ -26,6 +26,7 @@ eval: false
 
 Les exemples de ce TP sont visualisables sous forme de notebooks:
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -39,7 +40,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/manipulation/02b_pandas_TP.qmd")
 ```
-
+:::
 
 Dans ce tutoriel `pandas`, nous allons utiliser deux sources de données :
 
diff --git a/content/course/manipulation/03_geopandas_TP/index.qmd b/content/course/manipulation/03_geopandas_TP/index.qmd
index a375ca6c4..9ef0facc1 100644
--- a/content/course/manipulation/03_geopandas_TP/index.qmd
+++ b/content/course/manipulation/03_geopandas_TP/index.qmd
@@ -25,6 +25,7 @@ eval: false
 echo: false
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -38,6 +39,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/manipulation/03_geopandas_TP.qmd")
 ```
+:::
 
 Installations préalables : 
 
diff --git a/content/course/manipulation/03_geopandas_tutorial/index.qmd b/content/course/manipulation/03_geopandas_tutorial/index.qmd
index a9b7c0431..31e059fe1 100644
--- a/content/course/manipulation/03_geopandas_tutorial/index.qmd
+++ b/content/course/manipulation/03_geopandas_tutorial/index.qmd
@@ -20,8 +20,7 @@ summary: |
   de manipuler des données géographiques complexe de manière simple.
 ---
 
-
-
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -35,7 +34,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/manipulation/03_geopandas_tutorial.qmd")
 ```
-
+:::
 
 Dans ce tutoriel, nous allons utiliser:
 
diff --git a/content/course/manipulation/04b_regex_TP/index.qmd b/content/course/manipulation/04b_regex_TP/index.qmd
index 06a6e6df8..d524c8099 100644
--- a/content/course/manipulation/04b_regex_TP/index.qmd
+++ b/content/course/manipulation/04b_regex_TP/index.qmd
@@ -20,6 +20,7 @@ summary: |
   ou le nettoyage de données textuelles.
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -33,6 +34,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/manipulation/04b_regex_TP.qmd")
 ```
+:::
 
 Ce TD est directement issu du contenu de [Xavier Dupré](http://www.xavierdupre.fr/app/teachpyx/helpsphinx/c_regex/regex.html),
 l'ancien professeur de ce cours. Il sera mis-à-jour dans le futur.
diff --git a/content/course/manipulation/04c_API_TP/index.qmd b/content/course/manipulation/04c_API_TP/index.qmd
index 35a649539..3e2c861e6 100644
--- a/content/course/manipulation/04c_API_TP/index.qmd
+++ b/content/course/manipulation/04c_API_TP/index.qmd
@@ -23,6 +23,7 @@ summary: |
   la base.  
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -36,7 +37,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/manipulation/04c_API_TP.qmd")
 ```
-
+:::
 
 # Introduction : Qu'est-ce qu'une API ?  
 
diff --git a/content/course/manipulation/06a_exo_supp_webscraping/index.qmd b/content/course/manipulation/06a_exo_supp_webscraping/index.qmd
index d9e6d3f2a..e7fccea8d 100644
--- a/content/course/manipulation/06a_exo_supp_webscraping/index.qmd
+++ b/content/course/manipulation/06a_exo_supp_webscraping/index.qmd
@@ -21,6 +21,7 @@ summary: |
 eval: false
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -34,6 +35,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/manipulation/06a_exo_supp_webscraping.qmd")
 ```
+:::
 
 Cette page présente une série d'exercices de webscraping. Ils permettent 
 d'aller plus loin que le [chapitre dédié](#webscraping)
diff --git a/content/course/manipulation/index.qmd b/content/course/manipulation/index.qmd
index 8916f197f..99baa576a 100644
--- a/content/course/manipulation/index.qmd
+++ b/content/course/manipulation/index.qmd
@@ -58,6 +58,7 @@ possible de les consulter sur ce site ou d'utiliser l'un des
 badges présents en début de chapitre, par exemple
 ceux-ci pour ouvrir le TP `pandas`:
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -71,7 +72,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/manipulation/02b_pandas_TP.qmd")
 ```
-
+:::
 
 
 ## Pour aller plus loin
diff --git a/content/course/modelisation/0_preprocessing/index.qmd b/content/course/modelisation/0_preprocessing/index.qmd
index 7a00c51c0..fe5fcb668 100644
--- a/content/course/modelisation/0_preprocessing/index.qmd
+++ b/content/course/modelisation/0_preprocessing/index.qmd
@@ -29,6 +29,7 @@ summary: |
 plotly: true
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -42,7 +43,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/modelisation/0_preprocessing.qmd")
 ```
-
+:::
 
 Ce chapitre utilise le jeu de données présenté dans l'[introduction
 de cette partie](https://linogaliana-teaching.netlify.app/modelisation/):
diff --git a/content/course/modelisation/1_modelevaluation/index.qmd b/content/course/modelisation/1_modelevaluation/index.qmd
index e2c620ecc..0e19088db 100644
--- a/content/course/modelisation/1_modelevaluation/index.qmd
+++ b/content/course/modelisation/1_modelevaluation/index.qmd
@@ -29,6 +29,7 @@ summary: |
   un [cycle de séminaire de Princeton](https://reproducible.cs.princeton.edu/)
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -42,7 +43,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/modelisation/1_modelevaluation.qmd")
 ```
-
+:::
 
 Pour illustrer le travail de données nécessaire pour construire un modèle de
 Machine Learning, mais aussi nécessaire pour l'exploration de données avant de
diff --git a/content/course/modelisation/2_SVM/index.qmd b/content/course/modelisation/2_SVM/index.qmd
index 58e860866..b1a117ca1 100644
--- a/content/course/modelisation/2_SVM/index.qmd
+++ b/content/course/modelisation/2_SVM/index.qmd
@@ -27,6 +27,7 @@ summary: |
   ce modèle sur les données de vote aux élections présidentielles US de 2020.
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -40,7 +41,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/modelisation/2_SVM.qmd")
 ```
-
+:::
 
 Pour illustrer le travail d'exploration des données nécessaire avant de construire un modèle de Machine Learning, nous allons partir du même jeu de données que précédemment,
 c'est-à-dire les résultats des élections US 2020 présentés dans l'[introduction
diff --git a/content/course/modelisation/3_regression/index.qmd b/content/course/modelisation/3_regression/index.qmd
index 10c9b709a..6ba929ef4 100644
--- a/content/course/modelisation/3_regression/index.qmd
+++ b/content/course/modelisation/3_regression/index.qmd
@@ -25,6 +25,7 @@ summary: |
   data scientists et économistes. 
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -38,7 +39,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/modelisation/3_regression.qmd")
 ```
-
+:::
 
 Le précédent chapitre visait à proposer un premier modèle pour comprendre
 les comtés où le parti Républicain l'emporte. La variable d'intérêt étant
diff --git a/content/course/modelisation/4_featureselection/index.qmd b/content/course/modelisation/4_featureselection/index.qmd
index 4470ab7c4..8f010224e 100644
--- a/content/course/modelisation/4_featureselection/index.qmd
+++ b/content/course/modelisation/4_featureselection/index.qmd
@@ -30,6 +30,7 @@ summary: |
 ---
 
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -43,7 +44,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/modelisation/4_featureselection.qmd")
 ```
-
+:::
 
 Pour illustrer le travail de données nécessaire pour faire de la sélection de variables,
 nous allons partir du même jeu de données que précédemment,
diff --git a/content/course/modelisation/5_clustering/index.qmd b/content/course/modelisation/5_clustering/index.qmd
index a1b59f3d7..e20ce189b 100644
--- a/content/course/modelisation/5_clustering/index.qmd
+++ b/content/course/modelisation/5_clustering/index.qmd
@@ -28,6 +28,7 @@ summary: |
 ---
 
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -41,7 +42,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/modelisation/5_clustering.qmd")
 ```
-
+:::
 
 Nous allons continuer avec le jeu de données de [résultat des élections US 2020 au niveau des comtés](#preprocessing)
 
diff --git a/content/course/modelisation/6_pipeline/index.qmd b/content/course/modelisation/6_pipeline/index.qmd
index 1a08e3c4e..1633792a9 100644
--- a/content/course/modelisation/6_pipeline/index.qmd
+++ b/content/course/modelisation/6_pipeline/index.qmd
@@ -24,6 +24,7 @@ eval: false
 ---
 
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -37,6 +38,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/modelisation/6_pipeline.qmd")
 ```
+:::
 
 # Pourquoi utiliser les pipelines ?
 
diff --git a/content/course/modern-ds/elastic_approfondissement/index.qmd b/content/course/modern-ds/elastic_approfondissement/index.qmd
index e69244b4c..9ad23a8f4 100644
--- a/content/course/modern-ds/elastic_approfondissement/index.qmd
+++ b/content/course/modern-ds/elastic_approfondissement/index.qmd
@@ -18,6 +18,7 @@ summary: |
 
 Pour essayer les exemples présents dans ce tutoriel : 
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -31,6 +32,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/modern-ds/elastic_approfondissement.qmd")
 ```
+:::
 
 Ce chapitre est issu du travail produit
 dans le cadre d'un hackathon de l'Insee avec
diff --git a/content/course/modern-ds/elastic_intro/index.qmd b/content/course/modern-ds/elastic_intro/index.qmd
index 7c0205f54..19e8e9ba4 100644
--- a/content/course/modern-ds/elastic_intro/index.qmd
+++ b/content/course/modern-ds/elastic_intro/index.qmd
@@ -23,6 +23,7 @@ summary: |
 
 Pour essayer les exemples présents dans ce tutoriel : 
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -36,6 +37,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/modern-ds/elastic_intro.qmd")
 ```
+:::
 
 Ce chapitre a été écrit avec [Milena Suarez-Castillo](https://milenasuarezcastillo.netlify.app/) 
 et présente quelques éléments qui servent de base à un travail en cours
diff --git a/content/course/modern-ds/s3/index.qmd b/content/course/modern-ds/s3/index.qmd
index e6acce862..99e942236 100644
--- a/content/course/modern-ds/s3/index.qmd
+++ b/content/course/modern-ds/s3/index.qmd
@@ -24,6 +24,7 @@ summary: |
 eval: false
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -37,6 +38,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/NLP/05a_s3.qmd")
 ```
+:::
 
 ## Qu'est-ce que le système de stockage S3 ?
 
diff --git a/content/course/visualisation/maps/index.qmd b/content/course/visualisation/maps/index.qmd
index e64d02d7e..b85679d0e 100644
--- a/content/course/visualisation/maps/index.qmd
+++ b/content/course/visualisation/maps/index.qmd
@@ -27,6 +27,7 @@ summary: |
   vélos des routes parisiennes.
 ---
 
+::: {.cell .markdown}
 ```{python}
 #| echo: false
 #| output: 'asis'
@@ -40,7 +41,7 @@ from utils import print_badges
 #print_badges(__file__)
 print_badges("content/course/visualisation/maps.qmd")
 ```
-
+:::
 
 
 La pratique de la cartographie se fera, dans ce cours, en répliquant des cartes qu'on peut trouver sur