meta description

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

@@ -616,10 +616,11 @@ footer {
   .footer #footer-right {
     display: flex;
     justify-content: flex-end;
-    max-width: 35%;
+    max-width: 50%;
   }
 }
 .footer #footer-right #block-quartiers-de-demain-socialmedialinks {
+  display: none;
   flex-direction: column;
 }
 .footer #footer-right #block-quartiers-de-demain-socialmedialinks h2 {
@@ -868,7 +869,7 @@ footer {
 }
 
 .slick-prev {
-  left: 46%;
+  left: 45%;
 }
 @media (max-width: 810px) {
   .slick-prev {
@@ -1142,6 +1143,7 @@ footer {
 #home .timeline .__timeline-arrows button {
   background-color: transparent;
   border: none;
+  padding-left: 1rem;
 }
 #home .timeline .__timeline-arrows button:hover {
   opacity: 0.5;
@@ -1300,6 +1302,9 @@ footer {
     font-size: 1rem;
   }
 }
+#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_description {
+  font-family: "gilroy-regular";
+}
 #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_description p {
   font-size: 0.6rem !important;
   margin: 0;
@@ -1438,6 +1443,7 @@ footer {
 #actus-caroussel .content-actus .views-row article.node-type-actualite .field_body {
   opacity: 1 !important;
   transform: none !important;
+  font-family: "gilroy-regular";
 }
 #actus-caroussel .content-actus .views-row article.node-type-actualite .field_body p {
   margin: 0;
@@ -1514,7 +1520,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 
 #home #background-animated {
   position: absolute;
-  top: -400px;
+  top: -150px;
   left: 0;
   width: 100%;
   height: 100%;
@@ -1551,32 +1557,32 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 #home .visible svg #pillier-1-path365 {
   stroke-dasharray: 1000; /* Longueur totale du chemin */
   stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
-  animation: Appear 1s 0.2s forwards, fillAnimation 2s 0.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
+  animation: Appear 1s 0s forwards, fillAnimation 2s 0s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
 }
 #home .visible p:nth-of-type(1) {
-  animation: Appear 1s 1s forwards;
+  animation: Appear 1s 0.5s forwards;
 }
 #home .visible h5:nth-of-type(2) {
-  animation: Appear 1s 2s forwards;
+  animation: Appear 1s 1.2s forwards;
 }
 #home .visible svg #pillier-2-path367 {
   stroke-dasharray: 1000; /* Longueur totale du chemin */
   stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
-  animation: Appear 1s 2.2s forwards, fillAnimation 2s 2.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
+  animation: Appear 1s 1.5s forwards, fillAnimation 2s 1.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
 }
 #home .visible p:nth-of-type(2) {
-  animation: Appear 1s 3s forwards;
+  animation: Appear 1s 2s forwards;
 }
 #home .visible h5:nth-of-type(3) {
-  animation: Appear 1s 4s forwards;
+  animation: Appear 1s 2.2s forwards;
 }
 #home .visible svg #pillier-3-path369 {
   stroke-dasharray: 1000; /* Longueur totale du chemin */
   stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
-  animation: Appear 1s 4.2s forwards, fillAnimation 2s 4.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
+  animation: Appear 1s 2.5s forwards, fillAnimation 2s 2.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
 }
 #home .visible p:nth-of-type(3) {
-  animation: Appear 1s 5s forwards;
+  animation: Appear 1s 3s forwards;
 }
 @keyframes Appear {
   0% {
@@ -1611,7 +1617,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   padding-bottom: 2rem;
 }
 #home article.node-type-static {
-  padding-top: 6rem;
+  padding-top: 3rem;
 }
 @media (max-width: 810px) {
   #home article.node-type-static {
@@ -1650,6 +1656,8 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 #home article.node-type-static .field_body p:nth-child(3) {
   flex: 1;
   padding: 1rem;
+  font-family: "gilroy-regular";
+  margin-top: 0;
 }
 @media (max-width: 1090px) {
   #home article.node-type-static .field_body > p:nth-child(2),
@@ -1727,6 +1735,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   max-width: 30%;
   display: flex;
   flex-direction: column;
+  font-family: "gilroy-regular";
 }
 @media (max-width: 1090px) {
   #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p {
@@ -2183,6 +2192,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 #home .paragraph--type--static-parts:not(#paragraph-id--7) #svg1 {
   display: none;
 }
+#home #actus-caroussel {
+  display: none;
+}
 
 #consultation {
   background-color: #f6f7f3;
@@ -2274,6 +2286,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   padding-top: 2rem;
   margin-top: 2rem;
   margin: auto;
+  font-family: "gilroy-regular";
 }
 @media (max-width: 500px) {
   #consultation .layout-content .content_container .node-type-static #paragraph-id--10 .colone-picto p:last-of-type {
@@ -2313,6 +2326,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 #consultation .layout-content .content_container .node-type-static #paragraph-id--11 .colone-picto p {
   padding: 0rem;
   margin: 0;
+  font-family: "gilroy-regular";
 }
 #consultation .layout-content .content_container .node-type-static #paragraph-id--11 .colone-picto p:nth-of-type(1) {
   grid-column: 1;
@@ -2351,6 +2365,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   flex-direction: column;
   align-items: center;
   padding: 1rem;
+  font-family: "gilroy-regular";
 }
 @media (max-width: 500px) {
   #consultation .layout-content .content_container .node-type-static #paragraph-id--12,
@@ -2475,6 +2490,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   grid-column: 3/span 4;
   grid-row: 2;
   margin-left: 1rem;
+  font-family: "gilroy-regular";
 }
 @media (max-width: 810px) {
   .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_body {

web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg

@@ -51,7 +51,7 @@
        id="path148"
        d="M 0,0 211.55,177.512"
        style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,1686.6035,8050)" />
+       transform="matrix(1.3333333,0,0,-1.3333333,1686.6035, 8750)" />
     <path
        id="path151"
        d="M 0,0 V -174.775"
@@ -61,7 +61,7 @@
        id="path254"
        d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
        style="fill:none;stroke:#000000;stroke-width:100.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,9150)"
+       transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,9800)"
        clip-path="url(#clipPath255)" />
     <path
        id="path256"
@@ -78,20 +78,19 @@
        id="path300"
        d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
        style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,1968.6667,3650
-       )"
+       transform="matrix(1.3333333,0,0,-1.3333333,1968.6667,3850)"
        clip-path="url(#clipPath301)" />
     <path
        id="path302"
        d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
        style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,2165.1349,5600)"
+       transform="matrix(1.3333333,0,0,-1.3333333,2165.1349,5700)"
        clip-path="url(#clipPath303)" />
     <path
        id="path311"
        d="M 0,0 V 283"
        style="fill:none;stroke:#000000;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,247.22107,5400)" />
+       transform="matrix(1.3333333,0,0,-1.3333333,247.22107,5500)" />
     <rect
        style="fill:none;stroke:none;stroke-width:0.872103;paint-order:fill markers stroke"
        id="rect717"

web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js

@@ -433,6 +433,9 @@ observer.observe(document.body, config);
         arrows: true,
         centerMode: true,
         adaptiveHeight: true,
+        autoplay: true,
+        autoplaySpeed: 1500,
+        infinite: true,
         // centerPadding: '100px',
         responsive: [
           {
@@ -443,6 +446,8 @@ observer.observe(document.body, config);
               arrows: true,
               draggable: true,
               centerMode: true,
+              autoplay: true,
+              autoplaySpeed: 2000,
             }
           }]
       });

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

@@ -1,5 +1,6 @@
 #page-node{
         .content_container{
+            
             width: 60%;
             display: flex;
             flex-direction: column;

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

@@ -86,6 +86,7 @@
                             padding-top: 2rem;
                             margin-top: 2rem;
                             margin: auto;
+                            font-family: 'gilroy-regular';
                             @media(max-width: 500px){
                                 width: 80%;
                             }
@@ -121,6 +122,7 @@
                         p{
                             padding: 0rem;
                             margin: 0;
+                            font-family: 'gilroy-regular';
                             
                             &:nth-of-type(1){
                                 grid-column: 1;
@@ -162,6 +164,7 @@
                     flex-direction: column;
                     align-items: center;
                     padding: 1rem;
+                    font-family: 'gilroy-regular';
                     @media(max-width: 500px){
                         width: 90%;
                     }

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

@@ -20,7 +20,7 @@
         padding-bottom: 2rem;
     }
     article.node-type-static{
-        padding-top: 6rem;
+        padding-top: 3rem;
         @media(max-width: 810px){
             padding-top: 2rem;
         }
@@ -52,6 +52,8 @@
             p:nth-child(3){
                 flex: 1 ;
                 padding: 1rem;
+                font-family: 'gilroy-regular';
+                margin-top: 0;
                 @media(max-width: 1090px){
                     padding-left: 0 ;
                     font-size: 1rem;
@@ -118,6 +120,7 @@
                         max-width: 30%;
                         display: flex;
                         flex-direction: column;
+                        font-family: 'gilroy-regular';
                         @media(max-width: 1090px){
                             padding-right: 1rem;
                             flex: 1 30%;
@@ -560,6 +563,9 @@
             display: none;
         }
     }
+    #actus-caroussel{
+        display: none;
+    }
 
 }
 

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

@@ -67,6 +67,7 @@
                         grid-column: 3 /span 4 ;
                         grid-row:  2;
                         margin-left: 1rem;
+                        font-family: 'gilroy-regular';
                         @media (max-width:810px) {  
                             margin-left: 0;
                         }

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss

@@ -121,6 +121,7 @@
                     // visibility: visible;
                     opacity: 1 !important;
                     transform: none !important;
+                    font-family: 'gilroy-regular';
                     p{
                         margin: 0;
                         font-size: 0.7rem ;

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/animation-pilliers.scss

@@ -17,36 +17,36 @@
         svg #pillier-1-path365 {
             stroke-dasharray: 1000; /* Longueur totale du chemin */
             stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
-            animation: Appear 1s 0.2s forwards, fillAnimation 2s 0.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
+            animation: Appear 1s 0s forwards, fillAnimation 2s 0s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
         }
         p:nth-of-type(1) {
-            animation: Appear 1s 1s forwards;
+            animation: Appear 1s 0.5s forwards;
         }
 
 
         h5:nth-of-type(2) {
-            animation: Appear 1s 2s forwards;
+            animation: Appear 1s 1.2s forwards;
             
         }
         svg #pillier-2-path367 {
             stroke-dasharray: 1000; /* Longueur totale du chemin */
             stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
-            animation: Appear 1s 2.2s forwards, fillAnimation 2s 2.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
+            animation: Appear 1s 1.5s forwards, fillAnimation 2s 1.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
         }
         p:nth-of-type(2) {
-            animation: Appear 1s 3s forwards;
+            animation: Appear 1s 2s forwards;
         }
         
         h5:nth-of-type(3) {
-            animation: Appear 1s 4s forwards;
+            animation: Appear 1s 2.2s forwards;
         }
         svg #pillier-3-path369 {
             stroke-dasharray: 1000; /* Longueur totale du chemin */
             stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
-            animation: Appear 1s 4.2s forwards, fillAnimation 2s 4.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
+            animation: Appear 1s 2.5s forwards, fillAnimation 2s 2.5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
         }
         p:nth-of-type(3) {
-            animation: Appear 1s 5s forwards;
+            animation: Appear 1s 3s forwards;
         }
 
         @keyframes Appear {

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

@@ -107,9 +107,10 @@ footer{
          @media (max-width: 700px){
             display: flex;
             justify-content: flex-end;
-            max-width: 35%;
+            max-width: 50%;
          }
         #block-quartiers-de-demain-socialmedialinks{
+            display: none;
             flex-direction: column;
             h2{
                 display: flex;

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss

@@ -1,8 +1,9 @@
 #home{
 
   #background-animated {
+    // display: none;
       position: absolute;
-      top: -400px;
+      top: -150px;
       left: 0;
       width: 100%;
       height: 100%;

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss

@@ -113,7 +113,7 @@ $slick-opacity-not-active: 0.25 !default;
 }
 
 .slick-prev {
-    left: 46%;
+    left: 45%;
     @media(max-width:810px){
         left: 35%;
         

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

@@ -49,6 +49,7 @@
             button{
                 background-color: transparent;
                 border: none; 
+                padding-left: 1rem;
                 &:hover{
                     opacity: 0.5;
                 } 
@@ -220,6 +221,7 @@
                             }
                         }
                         .field_field_description{
+                            font-family: 'gilroy-regular';
                             p{
                                 font-size: 0.6rem !important;
                                 margin: 0;  

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

@@ -40,6 +40,10 @@
     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
     <meta name="msapplication-TileColor" content="#ffffff">
     <meta name="theme-color" content="#ffffff">
+    <meta
+    name="description"
+    content="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).
+    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. ">
 
 
   </head>