ouidade 2 weeks ago
parent
commit
f77bf9cc74

+ 177 - 0
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 {

+ 1 - 0
web/themes/custom/colloque2024/css/components/paragraph/_media.scss

@@ -1,4 +1,5 @@
 .medias{
+
     .paragraph--type--images{
         width: 100%;
     }

+ 22 - 6
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 */

+ 1 - 0
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";
 

+ 21 - 0
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;
+}

+ 3 - 1
web/themes/custom/colloque2024/images/fond-ronds.svg

@@ -126,4 +126,6 @@
        id="circle_orange-6"
        cx="173.08269"
        cy="80.826645"
-       r="15" /></g></svg>
+       r="15" /></g>
+      
+      </svg>