From db61e009dd4460fe370fb461d2634da839a07dc6 Mon Sep 17 00:00:00 2001
From: Eaielectronic <164761054+Eaielectronic@users.noreply.github.com>
Date: Thu, 7 Nov 2024 20:10:27 +0100
Subject: [PATCH] Update index.html

---
 Cours/JSON/index.html | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/Cours/JSON/index.html b/Cours/JSON/index.html
index 3144d55..5bd1212 100644
--- a/Cours/JSON/index.html
+++ b/Cours/JSON/index.html
@@ -133,7 +133,14 @@
     <h1>Introduction à JSON (JavaScript Object Notation)</h1>
     <p>Comprendre et manipuler JSON dans vos applications.</p>
 </header>
-
+<script>
+    function toggleSidebar() {
+        const sidebar = document.getElementById('sidebar');
+        const content = document.getElementById('main-content');
+        sidebar.classList.toggle('active');
+        content.classList.toggle('shifted');
+    }
+</script>
 <div class="container">
 
     <section id="objectifs">
@@ -239,14 +246,17 @@ <h3>4.3 En Python</h3>
         </code>
     </section>
 <section>
-    <div class="sidebar">
-        <h2>Lignes de code</h2>
-        <a href="#ajout-modification">1. Ajout et modification</a>
-        <a href="#suppression">2. Suppression de clés</a>
-        <a href="#recherche">3. Recherche de clés et valeurs</a>
-        <a href="#parcours">4. Parcours des clés et valeurs</a>
-        <a href="#conversion">5. Conversion JSON et String</a>
-    </div>
+    <button class="toggle-btn" onclick="toggleSidebar()">☰ Menu</button>
+
+<!-- Sidebar -->
+<div class="sidebar" id="sidebar">
+    <h2>Lignes de code</h2>
+    <a href="#ajout-modification">1. Ajout et modification</a>
+    <a href="#suppression">2. Suppression de clés</a>
+    <a href="#recherche">3. Recherche de clés et valeurs</a>
+    <a href="#parcours">4. Parcours des clés et valeurs</a>
+    <a href="#conversion">5. Conversion JSON et String</a>
+</div>
     <div class="container">
         <h1>Manipulation de JSON en JavaScript et Python</h1>