This commit is contained in:
2024-04-17 12:30:12 +02:00
parent e16cdef3ba
commit f77bf9cc74
6 changed files with 225 additions and 7 deletions
@@ -338,6 +338,171 @@ footer h2 {
font-size: 1rem; font-size: 1rem;
line-height: 1.5rem; } 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 * Hamburgers
* @description Tasty CSS-animated hamburgers * @description Tasty CSS-animated hamburgers
@@ -629,6 +794,18 @@ header #block-colloque2024-mainnavigation ul li {
#block-colloque2024-mainpagecontent { #block-colloque2024-mainpagecontent {
background-color: transparent; } 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 { #presentation {
margin-top: 0.5rem; } margin-top: 0.5rem; }
#presentation .__title h2 { #presentation .__title h2 {
@@ -1,4 +1,5 @@
.medias{ .medias{
.paragraph--type--images{ .paragraph--type--images{
width: 100%; width: 100%;
} }
@@ -63,12 +63,15 @@
100% {stroke: #ff0000; /* Final stroke color */} 100% {stroke: #ff0000; /* Final stroke color */}
} }
@keyframes animateCircle_orange-6 { @keyframes translateAnimation {
0% { 0% {
transform: translateX(0); /* Start translation */ transform: translateX(0); /* Start translation */
} }
50% {
transform: translateX(200);
}
100% { 100% {
transform: translateX(50px); /* End translation */ transform: translateX(500px); /* End translation */
} }
} }
@@ -92,15 +95,28 @@
100% {fill: #00ff00; /* Final 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 */ /* Add more keyframes for other paths as needed */
#circle_pop_trans { #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 { #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 */ /* Apply animations to other paths similarly */
@@ -14,6 +14,7 @@
@import "configs/global.scss"; @import "configs/global.scss";
@import "configs/animation.scss"; @import "configs/animation.scss";
// Lib Js // Lib Js
@import "hamburgers/hamburgers.scss"; @import "hamburgers/hamburgers.scss";
@@ -183,3 +183,24 @@ header {
#block-colloque2024-mainpagecontent{ #block-colloque2024-mainpagecontent{
background-color: transparent; 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;
}
@@ -126,4 +126,6 @@
id="circle_orange-6" id="circle_orange-6"
cx="173.08269" cx="173.08269"
cy="80.826645" cy="80.826645"
r="15" /></g></svg> r="15" /></g>
</svg>

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB