taille header et padding contenu

config/sync/metatag.metatag_defaults.front.yml

@@ -8,4 +8,7 @@ id: front
 label: "Page d'accueil"
 tags:
   canonical_url: '[site:url]'
+  description: 'La consultation internationale Quartiers de demain a pour ambition de mobiliser l’innovation et l’excellence architecturale, urbaine et paysagère afin de transformer dix quartiers et de capitaliser à l’échelle nationale en faveur de la politique de la ville. '
+  original_source: 'https://quartiers-de-demain.archi.fr/'
   shortlink: '[site:url]'
+  title: 'Quartiers de demain | Accueil'

config/sync/metatag.metatag_defaults.global.yml

@@ -8,6 +8,6 @@ id: global
 label: Global
 tags:
   canonical_url: '[current-page:url]'
-  description: 'Le Président de la République a annoncé les 26 et 27 juin 2023 à Marseille, le lancement d’une consultation internationale visant la réalisation de dix projets démonstrateurs de la transition écologique et solidaire dans les Quartiers prioritaires de la politique de la ville (QPV).'
+  description: 'La consultation internationale Quartiers de demain a pour ambition de mobiliser l’innovation et l’excellence architecturale, urbaine et paysagère afin de transformer dix quartiers et de capitaliser à l’échelle nationale en faveur de la politique de la ville.'
   google_site_verification: Rl_smMXh2b2szpTsHwbarHx7xeNmae4rZ6BxSYpnmKs
   title: '[current-page:title] | [site:name]'

config/sync/metatag.metatag_defaults.node.yml

@@ -7,6 +7,6 @@ _core:
 id: node
 label: Contenu
 tags:
-  title: '[node:title] | [site:name]'
-  description: '[node:summary]'
   canonical_url: '[node:url]'
+  description: '[node:summary]'
+  title: '[node:title] | [site:name]'

config/sync/system.site.yml

@@ -2,7 +2,7 @@ _core:
   default_config_hash: 3eoyJMZ2F5yndpX9nBrZLTRUzSvffH38lH5xN8tFvWE
 langcode: fr
 uuid: 65eb38ee-cad9-4604-8b7b-9a47e7422815
-name: 'quartiers de demain'
+name: 'Quartiers de demain'
 mail: webmaster@quartiers-de-demain.archi.fr
 slogan: ''
 page:

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

@@ -193,7 +193,7 @@ h2 {
 }
 .layout-container main {
   width: 100%;
-  padding-top: 320px;
+  padding-top: 270px;
 }
 @media (max-width: 810px) {
   .layout-container main {
@@ -287,7 +287,7 @@ header .header_left_container #block-quartiers-de-demain-logorepu-2 {
 }
 header .header_left_container #block-quartiers-de-demain-logoepau-2 {
   display: none;
-  height: 320px;
+  height: 270px;
 }
 @media (max-width: 891px) {
   header .header_left_container #block-quartiers-de-demain-logoepau-2 {
@@ -301,7 +301,7 @@ header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
 header .header_left_container img {
   width: auto;
   margin: auto;
-  height: calc(320px - 5rem);
+  height: calc(270px - 5rem);
   padding: 2rem;
   transition: height 0.3s; /* Add transition for smooth resizing */
 }
@@ -383,7 +383,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
   flex-direction: column;
   align-items: flex-start;
   position: relative;
-  top: 80px;
+  top: 54px;
   padding-left: 1rem;
   padding-right: 1rem;
   margin: 0;
@@ -446,7 +446,7 @@ header .header:hover + .header_nav_container {
 
 /* Taille définitive du header après l'animation */
 .header--collapsed {
-  height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */
+  height: 270px; /* Ou la hauteur que vous souhaitez pour votre header */
   width: 45%;
   transform-origin: bottom right;
   transition: all 1s ease-in-out;
@@ -461,7 +461,7 @@ header .header:hover + .header_nav_container {
   }
 }
 .header--collapsed .header_left_container {
-  flex: 0 0 61%;
+  flex: 0 0 50%;
   transform-origin: bottom right;
 }
 @media (max-width: 810px) {
@@ -482,7 +482,7 @@ header .header:hover + .header_nav_container {
 }
 
 .header--collapsed-already {
-  height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */
+  height: 270px; /* Ou la hauteur que vous souhaitez pour votre header */
   width: 45%;
   transform-origin: bottom right;
   transition: all 0s ease-in-out;
@@ -497,7 +497,7 @@ header .header:hover + .header_nav_container {
   }
 }
 .header--collapsed-already .header_left_container {
-  flex: 0 0 60%;
+  flex: 0 0 50%;
   transform-origin: bottom right;
 }
 @media (max-width: 810px) {
@@ -1681,12 +1681,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   display: none;
 }
 #home article.node-type-static .field_body {
-  width: 80%;
+  width: 65%;
   margin: auto;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   position: relative;
+  margin-left: 14rem;
 }
 @media (max-width: 1090px) {
   #home article.node-type-static .field_body {
@@ -1720,7 +1721,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   }
 }
 #home article.node-type-static .field_body > p:nth-child(2) {
-  padding-left: 15rem;
+  padding-left: 10rem;
 }
 @media (max-width: 1090px) {
   #home article.node-type-static .field_body > p:nth-child(2) {
@@ -1743,6 +1744,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 #home article.node-type-static #paragraph-id--1 {
   background-color: #edefe8;
   position: relative;
+  padding-left: 4rem;
 }
 #home article.node-type-static #paragraph-id--1.paragraph--type--static-parts {
   padding-bottom: 0 !important;
@@ -1979,6 +1981,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   }
 }
 #home article.node-type-static #paragraph-id--6 {
+  padding-left: 4rem;
   display: flex;
   flex-direction: column;
   margin: auto;
@@ -2041,6 +2044,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   height: auto;
 }
 #home article.node-type-static #paragraph-id--7 {
+  padding-left: 4rem;
   background-color: #0833c2;
   display: flex;
   flex-direction: column;

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

@@ -1,5 +1,5 @@
 
-$header-height : 320px;
+$header-height : 270px;
 $header-height-pad : 110px;
 $header-height-small : 70px;
 $header-height-ultrasmall : 50px;

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

@@ -78,12 +78,14 @@
             display: none;
         }
         .field_body{  ///// texte de présentation
-            width: 80%;
+            // width: 80%;
+            width: 65%;
             margin: auto;
             display: flex;
             flex-direction: row;
             flex-wrap: wrap ;
             position: relative;
+            margin-left: 14rem;
             @media(max-width: 1090px){
                 flex-direction: column;
                 width: 90%;
@@ -109,7 +111,8 @@
                 }
             }
             > p:nth-child(2){
-                padding-left: 15rem;
+                // padding-left: 15rem;
+                padding-left: 10rem;
                 @media(max-width: 1090px){
                     padding-left: 0 ;
                 }
@@ -131,6 +134,7 @@
         #paragraph-id--1{  ///// Les enjeux 1
             background-color: #edefe8;
             position: relative;
+            padding-left: 4rem;
             &.paragraph--type--static-parts{padding-bottom: 0 !important;}
 
             .field_field_title{
@@ -368,6 +372,7 @@
 
 
         #paragraph-id--6{  /////// quartier 2030
+            padding-left: 4rem;
             display: flex;
             flex-direction: column;
             margin: auto;
@@ -424,6 +429,7 @@
         }
 
         #paragraph-id--7{ ///////// les piliers
+            padding-left: 4rem;
             background-color: #0833c2ff;
             display: flex;
             flex-direction: column;

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

@@ -122,7 +122,7 @@ header{
                 flex-direction: column;
                 align-items: flex-start;
                 position: relative;
-                top: calc($header-height / 4 );
+                top: calc($header-height / 5 );
                 padding-left: 1rem;
                 padding-right: 1rem;
                 margin: 0;
@@ -201,7 +201,7 @@ header{
      height: 170px;
     }
     .header_left_container{
-        flex: 0 0 61%;
+        flex: 0 0 50%;
         transform-origin: bottom right; 
         @media(max-width: 810px){
             flex: 1 0 100%;
@@ -231,7 +231,7 @@ header{
         height: 170px;
        }
     .header_left_container{
-        flex: 0 0 60%;
+        flex: 0 0 50%;
         transform-origin: bottom right; 
         @media(max-width: 810px){
             flex: 1 0 100%;

web/themes/custom/quartiers_de_demain/templates/html.html.twig

@@ -30,8 +30,10 @@
   <head>
     <head-placeholder token="{{ placeholder_token }}">
     <title>{{ head_title|reverse|safe_join(' | ') }}</title>
-    {# <title>Quartiers de demain | Consultation internationale</title> #}
+    {# <meta name="description" content="La consultation internationale Quartiers de demain a pour ambition de mobiliser l’innovation et l’excellence architecturale, urbaine et paysagère afin de transformer dix quartiers et de capitaliser à l’échelle nationale en faveur de la politique de la ville. ">
-    <css-placeholder token="{{ placeholder_token }}">
+    <title>Quartiers de demain | Consultation internationale</title> #}
+   
+   <css-placeholder token="{{ placeholder_token }}">
     <js-placeholder token="{{ placeholder_token }}">