Fixed menuOpened value. Added picture for parcours and base text. Deleted anime.es.js

avocat/index.html

@@ -16,14 +16,30 @@
     <Navbar></Navbar>
     <div class="avocat">
         <div class="avocat-text">
-            <h1>Saul Bonmonsieur</h1>
+            <h1>Saoul Bonmonsieur</h1>
         </div>
     </div>
     <div class="block">
-        <div class="parcours-text">
+        <div class="parcours">
             <h2>Mon Parcours</h2>
             <br><br>
-            <p></p>
+            <p>
+                Dès mon enfance j’ai toujours été passionné du droit, de mes camarades et de leurs histoires. Durant la
+                primaire à l’école Maternelle du Grand Rond j’ai défendu bon nombre de mes camarades face à la tyrannie
+                qu’était Mme Golade.
+                <br><br>
+                J’ai validé mon Baccalauréat avec mention Assez Bien sûrement à cause de M. Filo, le prof de
+                Mathématiques. Après cela j’ai commencé un DUT en génie des procédés chimiques, que j’ai eu avec succès.
+                C’est après avoir eu quelques problèmes avec certaines lois de l’Arlège dans la création de saucisses de
+                Toulouse sans Toulouse <em>(l’ingrédient principal)</em>. J’ai donc décidé de me venger en attaquant la région
+                Occitanie mais pour cela il me fallait un diplôme. J’ai donc passé les 5 prochaines années à l’UT1
+                Capitole où je me suis spécialisé en droit criminel et des entreprises.
+
+            </p>
+        </div>
+        <div class="parcours">
+            <img src="../assets/287047339_3334368516790942_2121809411522141498_n.jpg"/>
+            <p class="source"><em>Source : <a href="https://www.facebook.com/facdedroitdetoulouse">Bannière Facebook de la Faculté de droit de Toulouse</a></em></p>
         </div>
     </div>
     <Footer></Footer>

css/avocat.css

@@ -17,4 +17,55 @@
     font-size: larger;
     position: relative;
     top: 40%;
+}
+
+@media screen and (min-width: 1000px) {
+    .block {
+        padding: 2rem 2rem;
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .parcours img {
+        max-width: 30rem;
+        margin: 2rem 2rem;
+        height: auto;
+        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
+    }
+
+    .source {
+        display: flex;
+        float: right;
+        margin: 0 2rem;
+    }
+}
+
+@media screen and (max-width: 1000px) {
+    .block {
+        padding: 2rem 2rem;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .parcours img {
+        max-width: 25rem;
+        margin: 2rem 2rem;
+        height: auto;
+        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
+    }
+
+    .source {
+        display: flex;
+        font-size: x-small;
+        float: center;
+        margin: 0 2rem;
+    }
+}
+
+.parcours em {
+    color: var(--color-dark);
 }

js/navbar.js

@@ -107,8 +107,8 @@ function resetNavbar() {
 }
 
 function openMenu(playAnimation) {
-    menuOpened=true;
     if (playAnimation) {
+        menuOpened=true;
         document.getElementById("navbar_text-container").style.display = "block";
         navbarAnimation.reverse();
         navbarAnimation.restart();
@@ -119,8 +119,8 @@ function openMenu(playAnimation) {
 }
 
 function closeMenu(playAnimation) {
-    menuOpened=false;
     if (playAnimation) {
+        menuOpened=false;
         navbarAnimation.reverse();
         navbarAnimation.restart();
         navbarAnimation.finished.then(() => {
@@ -237,7 +237,6 @@ window.addEventListener('resize', function (e) {
     }
     if ((window.innerWidth < 800) && !mobileMode) {
         //when switching from computer to mobile
-        console.log("computer to mobile");
         closeMenu(false);
         mobileMode = true;
     }