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;
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 {
@@ -1,4 +1,5 @@
.medias{
.paragraph--type--images{
width: 100%;
}
@@ -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 */
@@ -14,6 +14,7 @@
@import "configs/global.scss";
@import "configs/animation.scss";
// Lib Js
@import "hamburgers/hamburgers.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;
}
@@ -126,4 +126,6 @@
id="circle_orange-6"
cx="173.08269"
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