fix comments

app.css

@@ -144,17 +144,13 @@ html {
 }
 .footer img {
   height: 2rem;
-  padding-left: 0.5rem;
+  padding-left: 2rem;
 }
 
 .footer.show {
   opacity: 1;
 }
 
-/* svg {
-  height: 30vh;
-} */
-
 .logo-date {
   height: 4rem;
 }
@@ -259,14 +255,15 @@ time {
 #arrow-down {
   height: 5vh;
   opacity: 1;
-  transition: opacity 0.4s ease-in-out;
+  transition: opacity 0.3s ease-in-out;
   cursor: pointer;
 }
 #arrow-up {
   height: 5vh;
   opacity: 0;
-  transition: opacity 0.4s ease-in-out;
+  transition: opacity 0.3s ease-in-out;
   cursor: pointer;
+  padding-right: 0.5rem;
 }
 
 .arrow-container {
@@ -388,14 +385,14 @@ time {
 .hidden {
   opacity: 0;
   filter: blur(5px);
-  transform: translateX(-100%);
+  transform: translateY(100%);
   transition: all 1s;
 }
 
 .show {
   opacity: 1;
   filter: blur(0);
-  transform: translateX(0);
+  transform: translateY(0);
 }
 
 @media screen and (max-width: 1024px) {

dist/index.html

@@ -140,13 +140,13 @@ <h2>Les conférences</h2>
           </p>
           <time>14:00 - 16:00</time>
         </div>
-        <div class="part-two">
-          <p class="hidden">
+        <div class="part-two hidden">
+          <p>
             <span>14:00</span> - Cérémonie d'ouverture et introduction au
             programme OSRD <br>
             <b>Loïc Hamelin</b> - Directeur du programme OSRD
           </p>
-          <p class="hidden">
+          <p>
             <span>14:05</span> - Conférence principale Short Term DCM <br>
             <b>Loïc Hamelin</b> - Directeur du programme OSRD <br>
             <b>Loïc Hamelin</b> - Directeur du programme OSRD <br>
@@ -155,7 +155,7 @@ <h2>Les conférences</h2>
             <b>Loïc Hamelin</b> - Directeur du programme OSRD <br>
             <b>Loïc Hamelin</b> - Directeur du programme OSRD
           </p>
-          <p class="hidden">
+          <p>
             <span>15:45</span> - Conclusion et avenir du projet au sein de SNCF
             Réseau <br>
             <b>Loïc Hamelin</b> - Directeur du programme OSRD

index.html

@@ -275,13 +275,13 @@ <h2>Les conférences</h2>
           </p>
           <time>14:00 - 16:00</time>
         </div>
-        <div class="part-two">
-          <p class="hidden">
+        <div class="part-two hidden">
+          <p>
             <span>14:00</span> - Cérémonie d'ouverture et introduction au
             programme OSRD <br />
             <b>Loïc Hamelin</b> - Directeur du programme OSRD
           </p>
-          <p class="hidden">
+          <p>
             <span>14:05</span> - Conférence principale Short Term DCM <br />
             <b>Loïc Hamelin</b> - Directeur du programme OSRD <br />
             <b>Loïc Hamelin</b> - Directeur du programme OSRD <br />
@@ -290,7 +290,7 @@ <h2>Les conférences</h2>
             <b>Loïc Hamelin</b> - Directeur du programme OSRD <br />
             <b>Loïc Hamelin</b> - Directeur du programme OSRD
           </p>
-          <p class="hidden">
+          <p>
             <span>15:45</span> - Conclusion et avenir du projet au sein de SNCF
             Réseau <br />
             <b>Loïc Hamelin</b> - Directeur du programme OSRD

src/index.js

@@ -16,8 +16,6 @@ function updateCurrentSection() {
       ((document.documentElement && document.documentElement.scrollTop) || 0);
 
   currentSection = scrollPosition / viewportHeight + 1;
-
-  console.log("Current Section:", currentSection);
 }
 
 anime({
@@ -121,7 +119,6 @@ const sectionFour = document.getElementById("section-four");
 
 window.addEventListener("scroll", function () {
   if (window.scrollY === 0) {
-    console.log("at the top");
     arrowUp.style.opacity = "0";
     arrowUp.style.pointerEvents = "none";
   } else {
@@ -130,7 +127,6 @@ window.addEventListener("scroll", function () {
   }
 
   if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
-    console.log("at the bottom");
     arrowDown.style.opacity = "0";
     arrowDown.style.pointerEvents = "none";
   } else {
@@ -155,8 +151,6 @@ arrowDown.addEventListener("mouseleave", function () {
 
 document.addEventListener("scroll", function () {
   updateCurrentSection();
-
-  console.log("current section", currentSection);
 });
 
 arrowDown.addEventListener("click", function () {
@@ -221,17 +215,6 @@ let hours = Math.floor(
 let minutes = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));
 let seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);
 
-console.log("days", days);
-console.log("hours", hours);
-console.log("minutes", minutes);
-console.log("seconds", seconds);
-
-console.log("today", today);
-console.log("end date", endDate);
-// console.log(`Days left: ${daysDifference}`);
-console.log(`Time difference: ${timeDifference}`);
-// console.log(`Hours left: ${hours}`);
-
 // Set up flaps ////////////////////////////////////////////
 speed = 0.1; // seconds
 beginStr = `${hours}H${minutes}M${seconds}s`.toUpperCase().split("");