header right langue switcher hidden

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

@@ -72,6 +72,8 @@ var __webpack_exports__ = {};
 } (Drupal));
 
 
+
+
 //////// start header ////////////
 document.addEventListener('DOMContentLoaded', function() {
 

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

@@ -379,6 +379,7 @@ header[role=banner] .header_left_container img {
   }
 }
 header[role=banner] .header_right_container {
+  display: none;
   flex: 0 0 0%;
   width: fit-content;
   min-width: fit-content;
@@ -2576,6 +2577,7 @@ body {
   }
 }
 #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux {
+  display: none !important;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -4472,10 +4474,13 @@ body {
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .btn-equipe-toggle::after {
   display: inline-flex;
-  content: url("../img/noun-arrow-to-right.svg");
+  content: url("../img/arrow-down-white.svg");
   padding-right: 0.2rem;
   padding-left: 0.2rem;
-  height: 25px;
+  height: 12px;
+}
+.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .btn-equipe-toggle[aria-expanded=true]::after {
+  content: url("../img/arrow-up-white.svg");
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .equipe-separator {
   border-bottom: 1px solid black;
@@ -4706,32 +4711,8 @@ body {
   font-size: 0.5rem;
   padding-right: 0.5rem;
   background-color: black;
-  padding-bottom: 0.1rem;
+  padding-bottom: 0.2rem;
-  padding-top: 0.1rem;
+  padding-top: 0.2rem;
-  padding-left: 0.2rem;
-}
-.node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_link a::before {
-  display: inline-flex;
-  content: url("../img/noun-arrow-to-left.svg");
-  padding-right: 0.2rem;
-  padding-left: 0.2rem;
-  height: 12px;
-}
-.node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_link div {
-  display: flex;
-  justify-content: center;
-}
-.node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_link a {
-  display: inline-flex;
-  justify-content: space-between;
-  align-items: center;
-  color: white;
-  text-transform: uppercase;
-  font-size: 0.5rem;
-  padding-right: 0.5rem;
-  background-color: black;
-  padding-bottom: 0.1rem;
-  padding-top: 0.1rem;
   padding-left: 0.2rem;
 }
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_link a::before {
@@ -4852,9 +4833,10 @@ body {
   background: black;
   padding-left: 0.5rem;
   text-transform: uppercase;
-  font-size: 0.6rem;
+  font-size: 0.5rem;
   margin-bottom: 0.3rem;
   padding: 0.3rem;
+  padding: 0.2rem 0.5rem;
 }
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_documents) .field_field_documents a {
   color: white;
@@ -4873,7 +4855,7 @@ body {
   background: black;
   padding-left: 0.5rem;
   text-transform: uppercase;
-  font-size: 0.6rem;
+  font-size: 0.5rem;
   margin-bottom: 0.3rem;
 }
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) .field_field_liens svg {
@@ -4884,6 +4866,7 @@ body {
   content: url("../img/noun-arrow-to-right.svg");
   padding-right: 0.2rem;
   padding-left: 0.2rem;
+  height: 25px;
 }
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) .field_field_liens a {
   color: white;
@@ -5078,6 +5061,9 @@ main {
   background-color: #f6f7f3;
 }
 
+#lesprojets #header_right_container {
+  visibility: hidden !important;
+}
 #lesprojets .content_container {
   display: flex;
   flex-direction: column;

web/themes/custom/quartiers_de_demain/dist/assets/img/arrow-down-white.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="14.947381"
+   height="18.174984"
+   viewBox="0 0 4.497851 5.4690765"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="translate(-102.76452,-145.67101)">
+    <path
+       d="m 107.0214,148.83607 -1.86476,1.82265 v -4.84236 a 0.14436835,0.14436835 0 1 0 -0.28873,0 v 4.84236 l -1.86476,-1.82265 a 0.14436835,0.14436835 0 0 0 -0.19851,0 0.1503837,0.1503837 0 0 0 0,0.20452 l 2.10537,2.06326 a 0.1624144,0.1624144 0 0 0 0.20452,0 l 2.10538,-2.06326 a 0.14436835,0.14436835 0 0 0 0,-0.20452 0.14436835,0.14436835 0 0 0 -0.19851,0 z"
+       id="path2-2"
+       style="fill:#ffffff;stroke-width:0.0601533" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/arrow-up-white.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="14.947379"
+   height="18.174984"
+   viewBox="0 0 4.4978504 5.4690765"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="translate(-102.76452,-145.67101)">
+    <path
+       d="m 103.00549,147.97502 1.86476,-1.82265 v 4.84236 a 0.14436835,0.14436835 0 1 0 0.28873,0 v -4.84236 l 1.86476,1.82265 a 0.14436835,0.14436835 0 0 0 0.19851,0 0.1503837,0.1503837 0 0 0 0,-0.20452 l -2.10537,-2.06326 a 0.1624144,0.1624144 0 0 0 -0.20452,0 l -2.10538,2.06326 a 0.14436835,0.14436835 0 0 0 0,0.20452 0.14436835,0.14436835 0 0 0 0.19851,0 z"
+       id="path2-2"
+       style="fill:#ffffff;stroke-width:0.0601533" />
+  </g>
+</svg>

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

@@ -5,41 +5,10 @@
    version="1.1"
    id="svg1"
    width="1801.0212"
-   height="4029.4231"
+   height="4008.7539"
-   viewBox="0 0 1801.0212 4029.4232"
+   viewBox="0 0 1801.0212 4008.754"
-   sodipodi:docname="formes-animees.svg"
-   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:zoom="0.22209622"
-     inkscape:cx="900.51061"
-     inkscape:cy="1339.5095"
-     inkscape:window-width="1920"
-     inkscape:window-height="1016"
-     inkscape:window-x="0"
-     inkscape:window-y="36"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g2">
-    <inkscape:page
-       x="0"
-       y="0"
-       width="1801.0212"
-       height="4029.4231"
-       id="page2"
-       margin="0"
-       bleed="0" />
-  </sodipodi:namedview>
   <defs
      id="defs1">
     <clipPath
@@ -72,21 +41,15 @@
      transform="translate(-299.16899,-2519.6031)">
     <g
        id="g1"
-       transform="translate(0.17944336,-2.9196463)"
+       transform="translate(0.17944336,-2.9196463)">
-       inkscape:export-filename="formes-animees.svg"
-       inkscape:export-xdpi="300"
-       inkscape:export-ydpi="300">
       <path
          id="path256"
          d="m 321.27266,3436.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"
+         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-         inkscape:export-filename="formes-animees.svg"
-         inkscape:export-xdpi="300"
-         inkscape:export-ydpi="300" />
       <path
          id="path256-3"
          d="m 1852.1683,6336.9184 -163.0856,194.3583"
-         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+         style="fill:none;stroke:none;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
       <path
          id="path257"
          d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
@@ -102,7 +65,7 @@
       <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"
+         style="fill:none;stroke:none;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
          transform="matrix(0.82260013,0,0,-0.82260013,2051.1937,5635.4927)"
          clip-path="url(#clipPath303)" />
       <path
@@ -117,7 +80,7 @@
      width="1550.348"
      height="201.3089"
      x="122.31378"
-     y="-9.4031076e-13" />
+     y="-2.4338836e-20" />
   <rect
      style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
      id="rect1"
@@ -137,9 +100,6 @@
      id="rect4"
      width="1801.0212"
      height="442.35608"
-     x="1.3299257e-06"
+     x="1.1471996e-08"
-     y="7.8992786"
+     y="7.8992786" />
-     inkscape:export-filename="formes-animees.svg"
-     inkscape:export-xdpi="300"
-     inkscape:export-ydpi="300" />
 </svg>

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

@@ -14,6 +14,8 @@
 } (Drupal));
 
 
+
+
 //////// start header ////////////
 document.addEventListener('DOMContentLoaded', function() {
 

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

@@ -305,6 +305,7 @@
 
                     }
                     .enjeux{
+                        display: none !important;
                         display: flex;
                         flex-direction: row;
                         flex-wrap: wrap;

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

@@ -2,6 +2,9 @@ main{
     background-color: #f6f7f3;
 }
 #lesprojets{
+    #header_right_container{
+        visibility: hidden !important;
+    }
     .content_container{
         // background-color: red;
         display: flex;

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss

@@ -222,20 +222,25 @@
                     margin: auto;
                     display: flex;
                     border: none;
+                    // padding-top: 0.3rem;
+                    // padding-bottom: 0.3rem;
                     svg{
                         display: none;
                     }
                     &::after{
                         display: inline-flex;
-                        content: url("../img/noun-arrow-to-right.svg");
+                        content: url("../img/arrow-down-white.svg");
                         padding-right: 0.2rem;
                         padding-left: 0.2rem;
                         // padding-bottom: 0.2rem;
-                        height: 25px;
+                        height: 12px;
                     }
                     margin-bottom: 1rem;
                    
                 }
+                .btn-equipe-toggle[aria-expanded="true"]::after {
+                    content: url("../img/arrow-up-white.svg");
+                }
                 .equipe-separator {
                     border-bottom: 1px solid black;
                     margin: 20px 0;

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-ressource.scss

@@ -28,37 +28,8 @@
                             content: " :";
                         }
                     }
-                }                .field_field_link{
+                }                
-                    div{
-                        display: flex;
-                        justify-content: center;
-                    }
-                    a{
-                        display: inline-flex;
-                        justify-content: space-between;
-                        align-items: center;
-                        color: white;
-                        text-transform: uppercase;
-                        font-size: 0.5rem;
-                        padding-right: 0.5rem;
-                        background-color: black;
-                        padding-bottom: 0.1rem;
-                        padding-top: 0.1rem;
-                        padding-left: 0.2rem;
 
-                        // svg{
-                        //     display: none;
-                        // }
-                        &::before{
-                            display: inline-flex;
-                            content: url("../img/noun-arrow-to-left.svg");
-                            padding-right: 0.2rem;
-                            padding-left: 0.2rem;
-                            // padding-bottom: 0.2rem;
-                            height: 12px;
-                        }
-                    } 
-                }
                 .field_field_link{
                     div{
                         display: flex;
@@ -73,8 +44,8 @@
                         font-size: 0.5rem;
                         padding-right: 0.5rem;
                         background-color: black;
-                        padding-bottom: 0.1rem;
+                        padding-bottom: 0.2rem;
-                        padding-top: 0.1rem;
+                        padding-top: 0.2rem;
                         padding-left: 0.2rem;
 
                         // svg{
@@ -206,9 +177,10 @@
                         background: black;
                         padding-left: 0.5rem;
                         text-transform: uppercase;
-                        font-size: 0.6rem;
+                        font-size: 0.5rem;
                         margin-bottom: 0.3rem;
                         padding: 0.3rem;
+                        padding: 0.2rem 0.5rem;
                         
                         svg{
                             display: none;
@@ -226,7 +198,7 @@
                         background: black;
                         padding-left: 0.5rem;
                         text-transform: uppercase;
-                        font-size: 0.6rem;
+                        font-size: 0.5rem;
                         margin-bottom: 0.3rem;
                         
                         svg{
@@ -237,6 +209,7 @@
                             content: url("../img/noun-arrow-to-right.svg");
                             padding-right: 0.2rem;
                             padding-left: 0.2rem;
+                            height: 25px;
                         }
                         a{
                             color: white;

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

@@ -120,7 +120,7 @@ header[role="banner"]{
         }
     }
     .header_right_container{
-        // display: none;
+        display: none;
         flex: 0 0 0%;
         width: fit-content;
         min-width: fit-content;

web/themes/custom/quartiers_de_demain/webpack.config.js

@@ -66,11 +66,18 @@ let config = {
             
         ],
         
-    }
+    },
+
+    externals: {
+      drupal: 'Drupal',
+      Drupal: 'Drupal',
+    },
 }
 
 
 
 
 
-module.exports = config;
+module.exports = config;
+
+