animated background

web/themes/custom/colloque2024/css-compiled/index.css

@@ -338,7 +338,9 @@ footer h2 {
   font-size: 1rem;
   line-height: 1.5rem; }
 
-/* Link the SVG file */
+#content-ontop {
+  display: none; }
+
 @keyframes pulse {
   0% {
     transform: scale(0); }
@@ -383,12 +385,6 @@ footer h2 {
     fill: #349a84;
     /* Final fill color */ } }
 
-@keyframes football-motion {
-  0% {
-    transform: translateX(0) translateY(0); }
-  100% {
-    transform: translateX(100px); } }
-
 @keyframes traceAppear {
   0% {
     opacity: 0; }
@@ -400,18 +396,6 @@ footer h2 {
 #path_circle_vert_clair_erable_2 {
   animation: traceAppear 2.5s forwards; }
 
-/* Apply styles to the SVG paths
-#circle_pop_trans,
-#circle_pop_trans-2,
-/* Add other SVG IDs or classes here */
-#circle_orange {
-  /* Add styles to your SVG paths */
-  /* Example animation */
-  /* animation: pulse 2s infinite alternate; */
-  /* animation: dropDown 2s infinite alternate; */
-  /* animation: pulse 2s infinite alternate; */
-  /* animation: slidein 2s infinite alternate; */ }
-
 /*!
  * Hamburgers
  * @description Tasty CSS-animated hamburgers
@@ -538,7 +522,8 @@ body {
   body #content-ontop {
     z-index: 3000;
     position: relative;
-    top: -1200px; }
+    top: -1200px;
+    display: none; }
   body #background-animated {
     z-index: 2000;
     position: relative;

web/themes/custom/colloque2024/css-compiled/pages/layout.css

@@ -11,7 +11,8 @@ body {
   body #content-ontop {
     z-index: 3000;
     position: relative;
-    top: -1200px; }
+    top: -1200px;
+    display: none; }
   body #background-animated {
     z-index: 2000;
     position: relative;

web/themes/custom/colloque2024/css/pages/layout.scss

@@ -13,6 +13,7 @@ body {
  z-index: 3000;
  position: relative;
  top: -1200px;
+ display: none;
  }
  
 

web/themes/custom/colloque2024/js/animation_home.js

@@ -41,7 +41,7 @@ Array.from(dropdowns1).forEach(dropdown1 => {
     let progress = (timestamp - startTime) / duration; // Calcul de la progression de l'animation
     progress = Math.min(progress, 0.3); // Limite la progression à 1 (pour éviter un dépassement)
     progress = easeInOut(progress);
-    translateY = 70 * progress; // Déplacement d'un pixel vers le haut à chaque itération
+    translateY = 65 * progress; // Déplacement d'un pixel vers le haut à chaque itération
     dropdown1.style.transform = `translateY(${translateY}%)`; // Appliquer la transformation
     if (progress < 0.8) {
       requestAnimationFrame(animate);