From f77bf9cc7486d50bc35b5c58a269ccdee70bf39b Mon Sep 17 00:00:00 2001 From: ouidade Date: Wed, 17 Apr 2024 12:30:12 +0200 Subject: [PATCH] home --- .../colloque2024/css-compiled/index.css | 177 ++++++++++++++++++ .../css/components/paragraph/_media.scss | 1 + .../colloque2024/css/configs/animation.scss | 28 ++- web/themes/custom/colloque2024/css/index.scss | 1 + .../custom/colloque2024/css/pages/front.scss | 21 +++ .../custom/colloque2024/images/fond-ronds.svg | 4 +- 6 files changed, 225 insertions(+), 7 deletions(-) diff --git a/web/themes/custom/colloque2024/css-compiled/index.css b/web/themes/custom/colloque2024/css-compiled/index.css index 2d896fa8..55c1d1a1 100644 --- a/web/themes/custom/colloque2024/css-compiled/index.css +++ b/web/themes/custom/colloque2024/css-compiled/index.css @@ -338,6 +338,171 @@ footer h2 { font-size: 1rem; line-height: 1.5rem; } +@keyframes animateCircle_pop_trans { + 0% { + stroke: #000000; + /* Initial stroke color */ } + 100% { + stroke: #ff0000; + /* Final stroke color */ } } + +@keyframes animateCircle_pop_trans-2 { + 0% { + fill: #ffffff; + /* Initial fill color */ } + 100% { + fill: #00ff00; + /* Final fill color */ } } + +@keyframes animateCircle_vert_clair_erable { + 0% { + stroke: #000000; + /* Initial stroke color */ } + 100% { + stroke: #ff0000; + /* Final stroke color */ } } + +@keyframes animateCircle_vert_clair_erable-93 { + 0% { + fill: #ffffff; + /* Initial fill color */ } + 100% { + fill: #00ff00; + /* Final fill color */ } } + +@keyframes animateCircle_vert_clair_erable-9 { + 0% { + stroke: #000000; + /* Initial stroke color */ } + 100% { + stroke: #ff0000; + /* Final stroke color */ } } + +@keyframes animateCircle_vert_clair_erable-3 { + 0% { + fill: #ffffff; + /* Initial fill color */ } + 100% { + fill: #00ff00; + /* Final fill color */ } } + +@keyframes animateCircle_vert_clair_erable-3-1 { + 0% { + stroke: #000000; + /* Initial stroke color */ } + 100% { + stroke: #ff0000; + /* Final stroke color */ } } + +@keyframes animateCircle_vert_clair_erable-3-1-7 { + 0% { + fill: #ffffff; + /* Initial fill color */ } + 100% { + fill: #00ff00; + /* Final fill color */ } } + +@keyframes animateCircle_vert_erable { + 0% { + stroke: #000000; + /* Initial stroke color */ } + 100% { + stroke: #ff0000; + /* Final stroke color */ } } + +@keyframes animateCircle_vert_erable-4 { + 0% { + fill: #ffffff; + /* Initial fill color */ } + 100% { + fill: #00ff00; + /* Final fill color */ } } + +@keyframes animateCircle_vert_erable-4-6 { + 0% { + stroke: #000000; + /* Initial stroke color */ } + 100% { + stroke: #ff0000; + /* Final stroke color */ } } + +@keyframes animateCircle_vert_erable-4-3 { + 0% { + fill: #ffffff; + /* Initial fill color */ } + 100% { + fill: #00ff00; + /* Final fill color */ } } + +@keyframes animateCircle_vert_erable-2 { + 0% { + stroke: #000000; + /* Initial stroke color */ } + 100% { + stroke: #ff0000; + /* Final stroke color */ } } + +@keyframes translateAnimation { + 0% { + transform: translateX(0); + /* Start translation */ } + 50% { + transform: translateX(200); } + 100% { + transform: translateX(500px); + /* End translation */ } } + +@keyframes animateCircle_orange-7 { + 0% { + stroke: #000000; + /* Initial stroke color */ } + 100% { + stroke: #ff0000; + /* Final stroke color */ } } + +@keyframes animateCircle_orange-2 { + 0% { + fill: #ffffff; + /* Initial fill color */ } + 100% { + fill: #00ff00; + /* Final fill color */ } } + +@keyframes animateCircle_orange-9 { + 0% { + stroke: #000000; + /* Initial stroke color */ } + 100% { + stroke: #ff0000; + /* Final stroke color */ } } + +@keyframes animateCircle_orange { + 0% { + fill: #ffffff; + /* Initial fill color */ } + 100% { + fill: #00ff00; + /* Final fill color */ } } + +@keyframes slidein { + from { + transform: translateX(0%); } + to { + transform: translateX(100%); } } + +/* Add more keyframes for other paths as needed */ +#circle_pop_trans { + animation-name: translateAnimation; + animation-duration: 13s; + animation-repeat: infinite; + animation-delay: 1s; + animation-fill-mode: none; } + +#circle_orange-6 { + animation: slidein 2s infinite alternate; + /* Animate fill color */ } + +/* Apply animations to other paths similarly */ /*! * Hamburgers * @description Tasty CSS-animated hamburgers @@ -629,6 +794,18 @@ header #block-colloque2024-mainnavigation ul li { #block-colloque2024-mainpagecontent { background-color: transparent; } +#block-colloque2024-mainpagecontent .medias { + display: none; } + +#block-colloque2024-views-block-slide-interviews-block-1 { + display: none; } + +#block-colloque2024-views-block-gallerie-block-1 { + display: none; } + +#block-colloque2024-views-block-dernieres-publications-block-1 { + display: none; } + #presentation { margin-top: 0.5rem; } #presentation .__title h2 { diff --git a/web/themes/custom/colloque2024/css/components/paragraph/_media.scss b/web/themes/custom/colloque2024/css/components/paragraph/_media.scss index 7efc180a..2c5230b6 100644 --- a/web/themes/custom/colloque2024/css/components/paragraph/_media.scss +++ b/web/themes/custom/colloque2024/css/components/paragraph/_media.scss @@ -1,4 +1,5 @@ .medias{ + .paragraph--type--images{ width: 100%; } diff --git a/web/themes/custom/colloque2024/css/configs/animation.scss b/web/themes/custom/colloque2024/css/configs/animation.scss index cff40fbd..de020484 100644 --- a/web/themes/custom/colloque2024/css/configs/animation.scss +++ b/web/themes/custom/colloque2024/css/configs/animation.scss @@ -63,12 +63,15 @@ 100% {stroke: #ff0000; /* Final stroke color */} } - @keyframes animateCircle_orange-6 { + @keyframes translateAnimation { 0% { transform: translateX(0); /* Start translation */ } + 50% { + transform: translateX(200); + } 100% { - transform: translateX(50px); /* End translation */ + transform: translateX(500px); /* End translation */ } } @@ -92,15 +95,28 @@ 100% {fill: #00ff00; /* Final fill color */} } - + @keyframes slidein { + from { + transform: translateX(0%); + } + + to { + transform: translateX(100%); + } + + } + /* Add more keyframes for other paths as needed */ #circle_pop_trans { - animation: animatePath1 2s infinite alternate; /* Animate stroke color */ - } + animation-name: translateAnimation; + animation-duration:13s; + animation-repeat:infinite; + animation-delay: 1s; + animation-fill-mode: none; } #circle_orange-6 { - animation: animateCircle_orange-6 2s infinite alternate; /* Animate fill color */ + animation: slidein 2s infinite alternate; /* Animate fill color */ } /* Apply animations to other paths similarly */ diff --git a/web/themes/custom/colloque2024/css/index.scss b/web/themes/custom/colloque2024/css/index.scss index f1db8d00..9465e85c 100644 --- a/web/themes/custom/colloque2024/css/index.scss +++ b/web/themes/custom/colloque2024/css/index.scss @@ -14,6 +14,7 @@ @import "configs/global.scss"; @import "configs/animation.scss"; + // Lib Js @import "hamburgers/hamburgers.scss"; diff --git a/web/themes/custom/colloque2024/css/pages/front.scss b/web/themes/custom/colloque2024/css/pages/front.scss index 9e25ce78..49885cb1 100644 --- a/web/themes/custom/colloque2024/css/pages/front.scss +++ b/web/themes/custom/colloque2024/css/pages/front.scss @@ -183,3 +183,24 @@ header { #block-colloque2024-mainpagecontent{ background-color: transparent; } + + +///changement 2024 + +#block-colloque2024-mainpagecontent{ + .medias{ + display: none; + } +} + +#block-colloque2024-views-block-slide-interviews-block-1{ + display: none; +} + +#block-colloque2024-views-block-gallerie-block-1{ + display: none; +} + +#block-colloque2024-views-block-dernieres-publications-block-1{ + display: none; +} \ No newline at end of file diff --git a/web/themes/custom/colloque2024/images/fond-ronds.svg b/web/themes/custom/colloque2024/images/fond-ronds.svg index 6797c5aa..d14fe522 100644 --- a/web/themes/custom/colloque2024/images/fond-ronds.svg +++ b/web/themes/custom/colloque2024/images/fond-ronds.svg @@ -126,4 +126,6 @@ id="circle_orange-6" cx="173.08269" cy="80.826645" - r="15" /> + r="15" /> + +