diff --git a/web/themes/custom/colloque2024/css-compiled/index.css b/web/themes/custom/colloque2024/css-compiled/index.css index 1e4114f3..d9b5843c 100644 --- a/web/themes/custom/colloque2024/css-compiled/index.css +++ b/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; diff --git a/web/themes/custom/colloque2024/css-compiled/pages/layout.css b/web/themes/custom/colloque2024/css-compiled/pages/layout.css index cec0a494..60dca748 100644 --- a/web/themes/custom/colloque2024/css-compiled/pages/layout.css +++ b/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; diff --git a/web/themes/custom/colloque2024/css/pages/layout.scss b/web/themes/custom/colloque2024/css/pages/layout.scss index 3892007e..17d0fff6 100644 --- a/web/themes/custom/colloque2024/css/pages/layout.scss +++ b/web/themes/custom/colloque2024/css/pages/layout.scss @@ -13,6 +13,7 @@ body { z-index: 3000; position: relative; top: -1200px; + display: none; } diff --git a/web/themes/custom/colloque2024/js/animation_home.js b/web/themes/custom/colloque2024/js/animation_home.js index fab13d28..25cd9640 100644 --- a/web/themes/custom/colloque2024/js/animation_home.js +++ b/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); diff --git a/web/themes/custom/colloque2024/template/page--front.html.twig b/web/themes/custom/colloque2024/template/page--front.html.twig index 5e540f97..a31da4a8 100644 --- a/web/themes/custom/colloque2024/template/page--front.html.twig +++ b/web/themes/custom/colloque2024/template/page--front.html.twig @@ -89,24 +89,25 @@ cy="132.53793" r="15.890945" /> + id="circle_pop_trans" cx="136.45699" cy="74.141045" r="15.890945" /> + id="circle_orange_2" cx="194.12822" cy="74.014618" r="15.890945" /> + id="circle_vert_erable_2" class="toleft3" cx="400" cy="166.14003" r="15.890945" /> + id="circle_vert_clair_erable_3" class="toright3" cx="18" cy="166.14003" r="15.890945" /> + @@ -120,22 +121,22 @@ id="circle_vert_clair_erable_5" cx="437.38623" cy="165.2007" - r="15.890945" /> + + + + + + + + - - + id="path_circle_vert_erable_3" class="dropdown3"/> + + + id="circle_vert_clair_erable_4" cx="438.36194" cy="74.165817" r="15.890945" /> + id="circle_vert_erable" class="dropdown1" cx="194.12822" cy="0" r="15.890945" /> - + + + -