add ressource

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

@@ -496,10 +496,19 @@ document.addEventListener('DOMContentLoaded', function () {
 
   const photo = document.querySelector('.field_field_equipe_photo');
   const pres  = document.querySelector('.field_field_equipe_presentation');
+  const isEnglish = window.location.pathname.startsWith('/en/');
+
+  const openText = isEnglish
+    ? "LEARN MORE ABOUT THE TEAM"
+    : "EN SAVOIR PLUS SUR L'ÉQUIPE";
+
+  const closeText = isEnglish
+    ? "CLOSE THE TEAM PRESENTATION"
+    : "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
 
   if (!photo || !pres) return;
 
-  // 🔒 Forcer l'état FERMÉ au chargement
+  // Forcer l'état FERMÉ au chargement
   photo.classList.remove('is-open');
   pres.classList.remove('is-open');
 
@@ -519,7 +528,8 @@ document.addEventListener('DOMContentLoaded', function () {
   // 3. Création du bouton
   const btn = document.createElement('button');
   btn.className = 'btn-equipe-toggle';
-  btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
+  btn.textContent = openText;
+  // btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
   btn.setAttribute('aria-expanded', 'false');
 
   // Insertion du bouton juste après le panel (et plus après "pres")
@@ -540,7 +550,8 @@ document.addEventListener('DOMContentLoaded', function () {
     const fullHeight = panel.scrollHeight; // inclut photo + texte
     panel.style.maxHeight = fullHeight + 'px';
 
-    btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
+    btn.textContent = closeText;
+    // btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
     btn.setAttribute('aria-expanded', 'true');
   }
 
@@ -555,7 +566,8 @@ document.addEventListener('DOMContentLoaded', function () {
       pres.classList.remove('is-open');
     });
 
-    btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
+    btn.textContent = openText;
+    // btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
     btn.setAttribute('aria-expanded', 'false');
   }
 
@@ -1292,7 +1304,7 @@ document.addEventListener('DOMContentLoaded', function () {
             }
 
             // Ajuster le nombre d'éléments visibles en fonction du type
-            if (typeClass && (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo")) {
+            if (typeClass && (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo" || typeClass.toLowerCase() === "type-les-webinaires-quartiers-de-demain")) {
                 visibleCount = 2; // Pour Podcast et Vidéo
             } else if (typeClass === "type-kit-de-communication") {
                 visibleCount = 1; // Pour Kit de Communication

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

@@ -3727,7 +3727,7 @@ body {
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
   margin-top: 2rem;
   width: 100%;
-  order: 6;
+  order: 7;
 }
 @media (max-width: 500px) {
   .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
@@ -3836,6 +3836,7 @@ body {
   text-transform: uppercase;
   font-size: 0.5rem;
   margin-bottom: 0.3rem;
+  width: fit-content;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens_site) .field_field_liens_site a svg {
   display: none;
@@ -5802,6 +5803,69 @@ main {
     font-size: 1rem;
   }
 }
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row {
+  width: 22%;
+  padding: 0.5rem;
+}
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row {
+    width: 50%;
+  }
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row h2 {
+  margin-bottom: 0.2rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row .views-field-field-date-ressource {
+  padding-top: 0.3rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row .views-field-body-1 p {
+  margin-top: 0.2rem;
+  margin-bottom: 0.2rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row .views-field-field-documents a,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row .views-field-field-liens a {
+  display: inline-flex;
+  align-items: center;
+  color: white;
+  background: black;
+  text-transform: uppercase;
+  font-size: 0.4rem;
+  padding: 0.1rem 0.5rem;
+  padding-right: 0rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row .views-field-field-documents a::after,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Perspectives-Quartiers-de-demain .views-row .views-field-field-liens a::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.1rem;
+  padding-left: 0.1rem;
+  height: 25px;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Webinaires-Quartiers-de-demain .views-row {
+  width: 43%;
+  margin: 1rem;
+  justify-content: space-between;
+}
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Webinaires-Quartiers-de-demain .views-row {
+    width: 100%;
+  }
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Webinaires-Quartiers-de-demain .views-row img {
+  max-width: 100%;
+  height: auto;
+  object-fit: cover;
+  border-radius: 9px;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Webinaires-Quartiers-de-demain .views-row iframe {
+  border-radius: 9px;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Webinaires-Quartiers-de-demain .views-row .views-field-title-1 {
+  margin-top: 1rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Les-Webinaires-Quartiers-de-demain .views-row .views-field-field-liens {
+  display: none;
+}
 
 .type-documentation .views-field-body-1,
 .type-documentation .views-field-field-images,

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

@@ -438,10 +438,19 @@ document.addEventListener('DOMContentLoaded', function () {
 
   const photo = document.querySelector('.field_field_equipe_photo');
   const pres  = document.querySelector('.field_field_equipe_presentation');
+  const isEnglish = window.location.pathname.startsWith('/en/');
+
+  const openText = isEnglish
+    ? "LEARN MORE ABOUT THE TEAM"
+    : "EN SAVOIR PLUS SUR L'ÉQUIPE";
+
+  const closeText = isEnglish
+    ? "CLOSE THE TEAM PRESENTATION"
+    : "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
 
   if (!photo || !pres) return;
 
-  // 🔒 Forcer l'état FERMÉ au chargement
+  // Forcer l'état FERMÉ au chargement
   photo.classList.remove('is-open');
   pres.classList.remove('is-open');
 
@@ -461,7 +470,8 @@ document.addEventListener('DOMContentLoaded', function () {
   // 3. Création du bouton
   const btn = document.createElement('button');
   btn.className = 'btn-equipe-toggle';
-  btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
+  btn.textContent = openText;
+  // btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
   btn.setAttribute('aria-expanded', 'false');
 
   // Insertion du bouton juste après le panel (et plus après "pres")
@@ -482,7 +492,8 @@ document.addEventListener('DOMContentLoaded', function () {
     const fullHeight = panel.scrollHeight; // inclut photo + texte
     panel.style.maxHeight = fullHeight + 'px';
 
-    btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
+    btn.textContent = closeText;
+    // btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
     btn.setAttribute('aria-expanded', 'true');
   }
 
@@ -497,7 +508,8 @@ document.addEventListener('DOMContentLoaded', function () {
       pres.classList.remove('is-open');
     });
 
-    btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
+    btn.textContent = openText;
+    // btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
     btn.setAttribute('aria-expanded', 'false');
   }
 

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

@@ -52,7 +52,7 @@
             }
 
             // Ajuster le nombre d'éléments visibles en fonction du type
-            if (typeClass && (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo")) {
+            if (typeClass && (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo" || typeClass.toLowerCase() === "type-les-webinaires-quartiers-de-demain")) {
                 visibleCount = 2; // Pour Podcast et Vidéo
             } else if (typeClass === "type-kit-de-communication") {
                 visibleCount = 1; // Pour Kit de Communication

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

@@ -269,7 +269,7 @@
                 div:has(.field_field_parties){
                     margin-top: 2rem;
                     width: 100%;
-                    order:6;
+                    order:7;
                     @media(max-width: 500px){
                         width: 100%;
                     }
@@ -392,6 +392,7 @@
                             text-transform: uppercase;
                             font-size: 0.5rem;
                             margin-bottom: 0.3rem;
+                            width: fit-content;
                             
                             svg{
                                 display: none;

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

@@ -362,6 +362,72 @@
                             
                         }
                     }
+                    &.type-Les-Perspectives-Quartiers-de-demain{
+                        
+                        .views-row{
+                            width: 22%;
+                            padding: 0.5rem;
+
+                            @media(max-width: 810px){
+                                width: 50%;
+                            }
+                            h2{margin-bottom: 0.2rem;}
+                            .views-field-field-date-ressource{
+                                padding-top: 0.3rem;
+                            }
+                            .views-field-body-1 p{
+                                margin-top: 0.2rem;
+                                margin-bottom: 0.2rem;
+                            }
+                            .views-field-field-documents a,
+                            .views-field-field-liens a{
+
+                                display: inline-flex;
+                                align-items: center;
+                                color: white;
+                                background: black;
+                                text-transform: uppercase;
+                                font-size: 0.4rem;
+                                padding: 0.1rem 0.5rem;
+                                padding-right: 0rem;
+                                &::after{
+                                    display: inline-flex;
+                                    content: url("../img/noun-arrow-to-right.svg");
+                                    padding-right: 0.1rem;
+                                    padding-left: 0.1rem;
+                                    height: 25px;
+                                }
+                            }
+                            .views-field-field-liens{
+                                
+                            }
+
+                        }
+                    }
+                    &.type-Les-Webinaires-Quartiers-de-demain{
+                        .views-row{
+                            width: 43%;
+                            margin: 1rem;
+                            justify-content: space-between;
+                            @media(max-width: 810px){
+                                width: 100%;
+                            }
+                            img{
+                                max-width: 100%;
+                                height: auto;
+                                object-fit: cover;
+                                border-radius: 9px;
+                            }
+                            iframe{
+                                border-radius: 9px;
+                            }
+                            .views-field-title-1{margin-top: 1rem;}
+                            .views-field-field-liens{
+                                display: none;
+                            }
+                            
+                        }
+                    }
 
                 }
                 // }