From 4595b84af19815e4c44fc768fb76b3b6d1acd839 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 8 Nov 2024 21:10:16 +0100
Subject: [PATCH] css home buton et forme

---
 .../dist/assets/css/bundle.css                | 28 +++++++++++--------
 .../dist/assets/img/formes-animees.svg        | 12 ++++----
 .../src/assets/scss/pages/home.scss           | 18 ++++++++----
 .../src/assets/scss/pages/node-type-site.scss |  2 +-
 .../assets/scss/partials/formes-animees.scss  |  6 ++--
 5 files changed, 38 insertions(+), 28 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 b3343bd..64c6953 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
@@ -1556,9 +1556,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 
 #home #background-animated {
   position: absolute;
-  top: 1800px;
-  left: 220px;
-  width: 87%;
+  top: 1500px;
+  left: 200px;
+  width: 90%;
   pointer-events: none; /* Permet de cliquer à travers l'élément */
   z-index: 2; /* S'assure que l'élément soit au-dessus */
 }
@@ -1835,15 +1835,19 @@ body {
     margin-top: 0;
   }
 }
-#home article.node-type-static .field_body > p:nth-child(4) {
-  flex: 1 100%;
+#home article.node-type-static .field_body h6 {
   display: flex;
   justify-content: center;
-  padding-right: 2rem;
-  margin-top: 0;
-  margin-bottom: 2rem;
+  margin-top: 1rem;
+  margin-bottom: 2rem !important;
+  width: fit-content;
+  color: white;
+  background: black;
+  text-transform: uppercase;
+  font-size: 0.6rem;
+  margin-bottom: 0.3rem;
 }
-#home article.node-type-static .field_body > p:nth-child(4) a {
+#home article.node-type-static .field_body h6 a {
   display: inline-flex;
   align-items: center;
   color: white;
@@ -1852,10 +1856,10 @@ body {
   font-size: 0.6rem;
   padding-left: 0.5rem;
 }
-#home article.node-type-static .field_body > p:nth-child(4) a svg {
+#home article.node-type-static .field_body h6 a svg {
   display: none;
 }
-#home article.node-type-static .field_body > p:nth-child(4) a::after {
+#home article.node-type-static .field_body h6 a::after {
   display: inline-flex;
   content: url("../img/noun-arrow-to-right.svg");
   padding-right: 0.2rem;
@@ -3300,7 +3304,7 @@ body {
   flex-direction: column;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .documents-liens-wrapper .field_field_documents {
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.3rem;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site {
   display: flex;
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg
index 164deeb..ff44357 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg
@@ -4,9 +4,9 @@
 <svg
    version="1.1"
    id="svg1"
-   width="1760.8781"
+   width="1800.8781"
    height="3633.5603"
-   viewBox="0 0 1760.878 3633.5604"
+   viewBox="0 0 1800.878 3633.5604"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
@@ -38,7 +38,7 @@
   </defs>
   <g
      id="g3"
-     transform="translate(-339.16899,-2704.2078)">
+     transform="translate(-299.16899,-2704.2078)">
     <g
        id="g2">
       <g
@@ -46,7 +46,7 @@
          transform="translate(0.17944336,-2.9196463)">
         <path
            id="path256"
-           d="m 361.27266,3336.1817 182.91889,175.8201"
+           d="m 321.27266,3336.1817 182.91889,175.8201"
            style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
         <path
            id="path256-3"
@@ -89,13 +89,13 @@
      id="rect1"
      width="1540.1483"
      height="112.19624"
-     x="37.598515"
+     x="77.598511"
      y="68.049271" />
   <rect
      style="fill:none;stroke-width:0;paint-order:stroke fill markers"
      id="rect3"
      width="1559.4871"
      height="238.19258"
-     x="73.212296"
+     x="113.2123"
      y="3395.3674" />
 </svg>
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 0749005..aec6bec 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
@@ -115,14 +115,20 @@
                     margin-top: 0;
                 }
             }
-            > p:nth-child(4){
-                flex: 1 100%;
+            h6{
+                // flex: 1 100%;
                 display: flex;
                 justify-content: center;
-                padding-right: 2rem;
-                margin-top: 0;
-                margin-bottom: 2rem;
-                
+                // padding-right: 2rem;
+                margin-top: 1rem;
+                margin-bottom: 2rem !important;
+                width: fit-content;
+                color: white;
+                background: black;
+                // padding-left: 0.5rem;
+                text-transform: uppercase;
+                font-size: 0.6rem;
+                margin-bottom: 0.3rem;
                 // margin: auto;
                 // padding-bottom: 2rem;
                 // @media(max-width: 1090px){
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
index 1f57fdc..a97e011 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
@@ -371,7 +371,7 @@
                     flex-direction: column;
                 }
                 .field_field_documents{
-                    margin-bottom: 0.5rem;
+                    margin-bottom: 0.3rem;
                 }
             }
             .field_field_liens_site{
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
index 48ab6ce..d58f00c 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
@@ -3,9 +3,9 @@
   #background-animated {
       // display: none;
       position: absolute;
-      top: 1800px;
-      left: 220px;
-      width: 87%;
+      top: 1500px;
+      left: 200px;
+      width: 90%;
       // height: 100%;
       pointer-events: none; /* Permet de cliquer à travers l'élément */
       z-index: 2; /* S'assure que l'élément soit au-dessus */