header

web/themes/custom/colloque2024/css-compiled/pages/layout.css

@@ -6,28 +6,14 @@
   main:not(.home) {
     padding: 4rem 0 !important; } }
 
-body {
-  position: relative; }
-  body #content-ontop {
-    z-index: 3000;
-    position: relative;
-    top: -1200px; }
-  body #background-animated {
-    z-index: 2000;
-    position: relative;
-    left: -350px; }
-  body::before {
-    z-index: -1;
-    content: " ";
-    width: 100%;
-    height: 100%;
-    background-repeat: no-repeat;
-    background-size: content;
-    display: block;
-    position: absolute;
-    opacity: 0.5;
-    top: 100px;
-    left: +53px; }
+body #content-ontop {
+  position: relative;
+  top: -1200px; }
+
+body #background-animated {
+  z-index: -1;
+  position: relative;
+  left: -350px; }
 
 article.publications, article.interviews {
   margin-top: 1rem; }

web/themes/custom/colloque2024/css/components/footer/footer.scss

@@ -1,5 +1,6 @@
 footer{
   background: white;
+  border-top: 1px solid black;
   width: 100%;
   height: auto;
   padding: 2rem 0 0 0;

web/themes/custom/colloque2024/css/components/header/header.scss

@@ -35,7 +35,7 @@ header{
       width: 35%;
       border-left: 1px solid $color1;
       padding: 0;
-      display: none;
+      // display: none;
       a{
         display: flex;
       }
@@ -89,7 +89,7 @@ header{
         padding-top: 0.25rem;
         z-index: 9999;
       }
-      // .nav-main{
+      .nav-main{
         @media screen and (min-width: 1200px) {
         display: flex;
           ul{
@@ -106,7 +106,7 @@ header{
               }
             }
           }
-        // }
+        }
         &.is-active{
           display: block;
           position: fixed;
@@ -145,7 +145,7 @@ header{
                   width: 0%;
                   transition: width 1s ease;
                   height: 1px;
-                  background: $color1;
+                  background: $color2024;
                 }
                 &:hover{
                   &::before{
@@ -201,7 +201,5 @@ header.front{
       }
     }
   }
-  #block-colloque2024-renderedsitesettingsblock-2{
-    // display: none;
-  }
+
 }

web/themes/custom/colloque2024/css/components/slides/slides.scss

@@ -19,7 +19,6 @@
     article {
       width: calc(100% - 30px);
       height: 325px;
-      // background: none;
       display: flex;
       flex-direction: column;
       margin: 3rem $gutter 1.5rem $gutter;
@@ -79,35 +78,26 @@
   .views {
     section.wrap_head {
       // @include croix_or;
-      
       .head {
         display: flex;
         flex-direction: row;
         align-items: center;
         position: relative;
-        
-        .custom-line {
-          flex: 1; /* Pour étendre le trait sur toute la largeur disponible */
-          border: none;
-          border-top: 1px solid #000; /* Couleur et style de la ligne */
-          margin: 10px 0; /* Marge supérieure et inférieure pour l'espacement */
-        }
         h3{
-          // &:after{
-          //   content:url(../images/path1.svg);
-          //   max-width: fit-content;
-          // }
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+
+          &:after{
+            display: block;
+            content: "";
+            max-width: fit-content;
+            width: 100%; /* Étendre la ligne sur toute la largeur */
+            border-bottom: 1px solid #000; /* Couleur et style de la ligne */
+          }
         }
         
       }
-      .head::after {
-        content: "";
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%; /* Étendre la ligne sur toute la largeur */
-        border-bottom: 1px solid #000; /* Couleur et style de la ligne */
-      }
     }
   }
   @media screen and (min-width: 576px) {
@@ -135,7 +125,7 @@
       }
     }
     .flickity-viewport {
-      // overflow: initial;
+      overflow: initial;
     }
     .flickity-slider > div {
       width: 70%;
@@ -150,10 +140,7 @@
 
 .flickity-slider {
   position: absolute;
-  // width: 300px;
+  width: 100%;
   height: 100%;
   margin-left: 10px;
-  &:hover{
-    // border: solid 1px black;
-  }
 }

web/themes/custom/colloque2024/css/pages/front.scss

@@ -24,9 +24,7 @@ header {
 
 #txt_present {
   margin: 3rem 0;
-  .medias{
-    display: none;
-  }
+
   @media screen and (min-width: 992px) {
     margin: 5rem 0;
   }
@@ -172,27 +170,24 @@ header {
 
 #block-colloque2024-views-block-slide-programme-block-1 {
   h3 {
-    // &::after {
-    //   display: inline-flex;
-    //   width: 60px;
-    //   height: 60px;
-    //   vertical-align: middle;
-    //   margin-left: 20px;
-    //   // @include labelOnline;
-    // }
+    &::after {
+      display: inline-flex;
+      width: 60px;
+      height: 60px;
+      vertical-align: middle;
+      margin-left: 20px;
+      // @include labelOnline;
+    }
   }
 }
 
-#block-colloque2024-mainpagecontent{
-  background-color: transparent;
-}
 
 
 ///changement 2024
 
-#block-colloque2024-mainpagecontent{
+#txt_present{
   .medias{
-    display: none;
+  display: none;
   }
 }
 

web/themes/custom/colloque2024/css/pages/layout.scss

@@ -10,59 +10,18 @@ main:not(.home) {
 //
 body {
  #content-ontop{
- z-index: 3000;
  position: relative;
  top: -1200px;
  }
- 
-
  #background-animated{
- z-index: 2000;
+ z-index: -1;
  position: relative;
   left: -350px;
  
  }
-  position: relative;
-  &::before {
-    z-index: -1;
-    content: " ";
-    width: 100%;
-    height: 100%;
-    // background-image: url("../images/fond-ronds-trace.svg");
-    background-repeat: no-repeat;
-    background-size: content;
-    display: block;
-    position: absolute;
-    opacity: 0.5;
-    top: 100px;
-    left: +53px;
-  }
-
-
-
-
-  // &::after {
-  //   z-index: -1;
-  //   content: " ";
-  //   width: 100%;
-  //   height: 100%;
-  //   background: linear-gradient(
-  //     to top,
-  //     white,
-  //     rgba(255, 255, 255, 0.8)
-  //   );
-  //   display: block;
-  //   position: absolute;
-  //   transform: translateY(-100%);
-  //   top: 100%;
-  //   left: 0;
-  // }
 }
 
 article {
-  .__title {
-    // @include croix_or;
-  }
   &.publications,
   &.interviews {
     margin-top: 1rem;
@@ -78,7 +37,5 @@ article {
     }
   }
 }
-h4 {
-  // @include croix_or;
-}
+
 

web/themes/custom/colloque2024/css/pages/programme.scss

@@ -8,14 +8,13 @@
       position: relative;
       color: $color2024;
       &::after{
-        // display: inline-flex;
-        display: none;
+        display: inline-flex;
         position: absolute;
         right: 0;
         width: 100px;
         height: 100px;
         vertical-align: middle;
-        @include labelOnline;
+        // @include labelOnline;
         @media screen and (min-width: 768px) {
           width: 150px;
           height: 150px;

web/themes/custom/colloque2024/js/script.js

@@ -134,7 +134,7 @@
     var $slide = $('main section .__slide');
 
     var thumbnails = $('.__slide article.programme.is-selected');
-    var $head_date =  $('#block-views-block-slide-programme-block-1 section.first:before');
+    var $head_date =  $('#block-colloque2024-views-block-slide-programme-block-1 section.first:before');
 
     $slide.each(function() {
       $(this).flickity({

web/themes/custom/colloque2024/template/components/header_slide.html.twig

@@ -1,6 +1,5 @@
 <div class="head">
   {{ header }}
-  <hr class="custom-line">
   {% if more or view.storage.id == 'slide_programme' %}
   
   <div class="wrap d-flex">

web/themes/custom/colloque2024/template/node/node--page-d-accueil.html.twig

@@ -73,6 +73,7 @@
  */
 #}
 
+
 <div class="__img-hero">
   {{content.field_image_hero}}
 </div>