reparer missions

.vscode/extensions.json

@@ -25,6 +25,8 @@
         "nhoizey.gremlins",
         "s2junn.image-essentials",
         "shardulm94.trailing-spaces",
-        "esbenp.prettier-vscode"
+        "esbenp.prettier-vscode",
+        "wassim-k.rename-replace-extension",
+        "karenpommeroy.batch-rename"
     ]
 }

www/css/style.css

@@ -962,6 +962,13 @@ footer a:hover {
 
 }
 
+.missions .sidebyside {
+
+        display: flex;
+    max-width: 100%;
+
+}
+
 .missions section {
     height: 40vh;
     min-height: 200px;
@@ -990,12 +997,12 @@ footer a:hover {
     font-weight: 600;
 }
 
-.missions section:nth-child(odd) article {
+.missions section:nth-child(even) article {
     text-align: right;
     /* float: right; */
 }
 
-.missions section:nth-child(even) article {
+.missions section:nth-child(odd) article {
     text-align: left;
 }
 
@@ -1003,7 +1010,7 @@ footer a:hover {
     max-width: 50%;
 }
 
-.missions section:nth-child(odd)>article>p {
+.missions section:nth-child(even)>article>p {
     margin: auto 0 auto auto;
     text-align: right;
 }
@@ -1278,7 +1285,7 @@ footer a:hover {
 }
 
 .credits header.introduction {
-    background: #13172c url("../images/ImagesCredits/Header.webp") center/cover fixed;
+    background: #13172c url("../images/imagesCredits/Header.webp") center/cover fixed;
     background-position: top;
     height: 100vh;
     display: block;
@@ -1375,7 +1382,7 @@ footer a:hover {
 /* AUTEUR: Jérémy Hébert */
 /****************************/
 .reponse {
-    background: #C19F8A url("../images/ImagesReponse/Merci.png") center;
+    background: #C19F8A url("../images/imagesReponse/Merci.png") center;
     background-size: cover;
     background-position: top;
     color: #ffefe5;

www/js/script.js

@@ -6,49 +6,45 @@
 
 // https://www.w3schools.com/js/js_timing.asp
 // https://stackoverflow.com/questions/62039703/blur-an-image-with-javascript
-function timerBlur(){
+function timerBlur() {
-    var count = 3;
+  var count = 3;
-    var timer2 = setInterval(function(){
+  var timer2 = setInterval(function () {
-        
-        if (count == 3) {
-            document.getElementById('logoAccueil').style.filter = "blur(3px)";
 
-        }
+    if (count == 3) {
-        else if (count == 2) 
+      document.getElementById('logoAccueil').style.filter = "blur(3px)";
-        {
+
-          document.getElementById('logoAccueil').style.filter = "blur(2px)";
+    }
-        }
+    else if (count == 2) {
-        else if (count == 1) 
+      document.getElementById('logoAccueil').style.filter = "blur(2px)";
-        {
+    }
-          document.getElementById('logoAccueil').style.filter = "blur(1px)";
+    else if (count == 1) {
-        }
+      document.getElementById('logoAccueil').style.filter = "blur(1px)";
-                  else if (count == 0) 
+    }
-        {
+    else if (count == 0) {
-          document.getElementById('logoAccueil').style.filter = "";
+      document.getElementById('logoAccueil').style.filter = "";
-          clearInterval(timer2);
+      clearInterval(timer2);
-        }
+    }
-        count--;
+    count--;
-    }, 350);
+  }, 350);
 
 }
 
-function timerGlitch(){
+function timerGlitch() {
-    var timer = setInterval(function(){
+  var timer = setInterval(function () {
-        curSrc = document.getElementById('logoAccueil').getAttribute('src');
+    curSrc = document.getElementById('logoAccueil').getAttribute('src');
-        if (curSrc == 'images/LogoALT-F4_Nav.svg') {
+    if (curSrc == 'images/logoALT-F4_Nav.svg') {
-          timerBlur();
+      timerBlur();
-            document.getElementById('logoAccueil').setAttribute('src', 'images/LogoAlt-F4_NavGlitch.svg')
+      document.getElementById('logoAccueil').setAttribute('src', 'images/logoAlt-F4_NavGlitch.svg')
-        }
+    }
-        else
+    else {
-        {
+      document.getElementById('logoAccueil').setAttribute('src', 'images/logoALT-F4_Nav.svg')
-          document.getElementById('logoAccueil').setAttribute('src', 'images/LogoALT-F4_Nav.svg')
+    }
-        }
+  }, 2500);
-    }, 2500);
 }
 
 window.onload = function () {
-    timerGlitch();
+  timerGlitch();
-            // NOTE: Change Current Page based on url in <NAV>
+  // NOTE: Change Current Page based on url in <NAV>
-            // NOTE Track mouse mouvement and show after a percentage of ?
+  // NOTE Track mouse mouvement and show after a percentage of ?
-            // NOTE une page sur deux, ...
+  // NOTE une page sur deux, ...
-        };
+};

www/sousPageLore2.html

@@ -19,8 +19,7 @@
 
 <body class="lore">
     <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4" id="logoAccueil"
+        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4" id="logoAccueil"></a>
-                </a>
 
             <ul>
                 <li><a href="aPropos.html">À propos</a></li>