From 1a3e5ccedd2f0df409cd1859030ca1e12e308c5b Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Wed, 10 Jul 2024 17:22:49 +0200
Subject: [PATCH] config diaporama home css

---
 .../dist/assets/css/bundle.css                   | 11 ++++++++++-
 .../src/assets/scss/global/_layout.scss          | 16 ++++------------
 .../src/assets/scss/pages/home.scss              | 12 ++++++++++++
 .../src/assets/scss/partials/header.scss         | 10 ----------
 .../templates/page--front.html.twig              |  4 ++--
 5 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index 85d45f3..57b4f8f 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/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;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
index 71dbe0d..8fc2168 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
+++ b/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;   
-   
 }
 
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
index a52929f..d315b9a 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
+++ b/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;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
index 4091246..1094496 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
@@ -167,16 +167,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%);
diff --git a/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig b/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig
index a99aea6..e9b02e5 100644
--- a/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig
+++ b/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 #}