config diaporama home css

web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css

@@ -194,6 +194,9 @@ h2 {
     padding-top: 180px;
   }
 }
+.layout-container main#home {
+  padding-top: 0;
+}
 
 /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
 ul {
@@ -239,7 +242,6 @@ header {
   position: fixed;
   top: 0;
   transition: none;
-  /* Classes for scroll effect */
 }
 @media (max-width: 810px) {
   header {
@@ -1432,6 +1434,10 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 }
 
 /*pages*/
+#home .config_pages--type--diaporama-home .field_field_images img {
+  width: 100%;
+  height: auto;
+}
 #home .content_container #block-quartiers-de-demain-titredepage {
   display: none;
 }
@@ -1439,6 +1445,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   padding-top: 4rem;
   padding-bottom: 2rem;
 }
+#home article.node-type-static .field_title {
+  display: none;
+}
 #home article.node-type-static .field_body {
   width: 80%;
   margin: auto;

web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss

@@ -36,21 +36,13 @@ $width-menu-slidedown : 550px;
     main{
         width: 100%;
         padding-top: $header-height;
-        // display: grid;
+
-        // grid-template-columns: repeat(12, 1fr);
         @media(max-width: 810px){
             padding-top: 180px;
         }
+        &#home{
+            padding-top: 0;
+        }
     }
-    // .content_container{
-    //     display: grid;
-    //     grid-template-columns: repeat(12, 1fr);
-    // }
-}
-
-.layout-content{
-    // grid-column: 1 / span 12;
-    // padding-top: $header-height;   
-   
 }
 

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss

@@ -1,4 +1,13 @@
 #home{
+   
+    .config_pages--type--diaporama-home{
+        .field_field_images{
+            img{
+                width: 100%;
+                height: auto;
+            }
+        }
+    }
     .content_container{
         #block-quartiers-de-demain-titredepage{
             display: none;
@@ -9,6 +18,9 @@
         padding-bottom: 2rem;
     }
     article.node-type-static{
+        .field_title{
+            display: none;
+        }
         .field_body{  ///// texte de présentation
             width: 80%;
             margin: auto;

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss

@@ -168,16 +168,6 @@ header{
         }
     }
 
-    /* Classes for scroll effect */
-
-//   &.shrink {
-//     height: var(--header-height-small);
-//   }
-
-//   .header_left_container.shrink {
-//     transform: scale(0.8);
-//   }
-
   .header_nav_container.hidden {
     transform: translateX(30%);
   }

web/themes/custom/quartiers_de_demain/templates/page--front.html.twig

@@ -61,7 +61,7 @@
 
 
     <div class="layout-content">
-      <div id="logo-animated-container">
+      {# <div id="logo-animated-container">
         <div id="logo-animated">
 
           <svg viewBox="0 0 1300 1000" preserveAspectRatio="xMinYMin meet" id="traits">
@@ -78,7 +78,7 @@
           <img src="/themes/custom/quartiers_de_demain/src/assets/img/quartier-noir.png" id="quartier-noir"/>
 
         </div>
-      </div>
+      </div> #}
       {{ page.content }}
     </div>{# /.layout-content #}