js affichage bandeau ressources

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

@@ -5260,6 +5260,13 @@ svg.ext {
   width: 100%;
   margin: auto;
 }
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 {
+  font-size: 5rem;
+  color: rgb(9, 57, 139);
+  font-weight: 400;
+  text-align: center;
+  margin-bottom: 1rem;
+}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content {
   display: flex;
   flex-direction: column;
@@ -5299,7 +5306,6 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full .field--name-field-introduction {
   margin: auto;
   background: rgb(255, 255, 255);
-  margin-top: 5rem;
 }
 @media (max-width: 479px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full .field--name-field-introduction {
@@ -5373,7 +5379,6 @@ svg.ext {
   top: 9rem;
   left: 0;
   background-color: rgb(255, 255, 255);
-  margin-top: 2rem;
   margin-bottom: 5rem;
   padding: 1rem;
   padding-left: 2rem;
@@ -5407,13 +5412,13 @@ svg.ext {
   flex-wrap: wrap;
   width: 100%;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) {
   width: 100%;
   position: relative;
   z-index: 0;
   padding-bottom: 4rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer)::before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer)::before {
   content: "";
   position: absolute;
   left: -30%;
@@ -5421,73 +5426,73 @@ svg.ext {
   width: 110vw;
   z-index: 0;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) > * {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) > * {
   position: relative;
   z-index: 1;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) h3 {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3 {
   margin-top: 3rem;
   text-transform: uppercase;
   font-family: "Source Code Pro";
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) h3 a {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3 a {
   color: rgb(9, 57, 139) !important;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) h3 a {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3 a {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) h3.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain a:before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3.type-publication-issue-du-programme-eqld a:before {
   content: url("../images/pictos/picto-ressource-eqld.svg");
   padding-right: 1rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) h3.type-paroles-de-laureats a:before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3.type-paroles-de-laureats a:before {
   content: url("../images/pictos/picto-ressource-paroleslaureats.svg");
   padding-right: 1rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) h3.type-les-projets-en-images a:before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3.type-les-projets-en-images a:before {
   content: url("../images/pictos/picto-ressource-projetsimages.svg");
   padding-right: 1rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) h3.type-presse a:before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) h3.type-presse a:before {
   content: url("../images/pictos/picto-ressource-presse.svg");
   padding-right: 1rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper {
   display: flex;
   flex-direction: row;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .views-row {
   display: flex;
   width: 25%;
   max-width: fit-content;
 }
 @media (max-width: 810px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper {
     flex-direction: column;
   }
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .views-row {
     width: 100%;
   }
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .slick-next::before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .slick-next::before {
   content: url("../images/pictos/fleche-droite-dans-rond.png");
   display: block;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .slick-prev::before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .slick-prev::before {
   content: url("../images/pictos/fleche-droite-dans-rond.png");
   display: block;
   transform: scaleX(-1);
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .slick-prev.slick-disabled::before,
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .slick-next.slick-disabled::before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .slick-prev.slick-disabled::before,
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .slick-next.slick-disabled::before {
   opacity: 0 !important;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .slick-next {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .slick-next {
   right: 3%;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:has(.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain)::before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:has(.type-publication-issue-du-programme-eqld)::before {
   background-color: rgba(0, 158, 227, 0.2);
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .type-les-projets-en-images .slick-track {
@@ -6223,56 +6228,56 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
 .node-type-ressource svg.ext {
   display: none;
 }
-.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource {
+.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource {
   display: grid;
   grid-template-columns: 1fr 1.8fr;
   grid-template-rows: repeat(5 1fr);
 }
-.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-ressource {
+.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-type-de-ressource {
   order: 2;
   grid-row: 2;
   margin-bottom: 1rem;
 }
-.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-type-de-media {
+.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-type-de-media {
   order: 1;
   grid-row: 1;
 }
-.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-images {
+.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images {
   order: 3;
   grid-row: 3/span 5;
   height: auto;
   width: 90%;
 }
-.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-images img {
+.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images img {
   height: auto;
   width: 90%;
   border: 1px solid #a3a3a3;
 }
-.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-title {
+.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-title {
   grid-row: 3;
   margin-top: 0;
 }
-.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-title a {
+.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-title a {
   color: rgb(0, 158, 227);
   font-size: 1.2rem;
   font-style: normal;
 }
-.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-sous-titre {
+.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-sous-titre {
   grid-row: 4;
   color: rgb(0, 158, 227);
   font-size: 0.8rem;
   font-weight: 800;
 }
-.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-auteur-s- {
+.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-auteur-s- {
   grid-row: 5;
 }
-.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-edition {
+.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-edition {
   grid-row: 6;
 }
-.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-date-de-parution {
+.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-date-de-parution {
   grid-row: 7;
 }
-.node-type-ressource.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain .wrapper-ressource .field--name-field-mots-clefs {
+.node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-mots-clefs {
   grid-row: 8;
 }
 @media (max-width: 479px) {

web/themes/custom/eql/scripts/main.js

@@ -235,7 +235,7 @@ jQuery(function($) {
   });
 
 
-// //////// start class à views-row-wrapper ////////
+// //////// start ajoute class à views-row-wrapper et view-type-slide dans /ressources ////////
 $(document).ready(function () {
   $(".views-row-wrapper").each(function () {
     let h3 = $(this).prev("h3");
@@ -251,6 +251,7 @@ $(document).ready(function () {
       $(this).addClass('type-' + className);
             // Ajouter la même classe sur le <h3>
             h3.addClass('type-' + className);
+            h3.closest('.view-type-slide').addClass('type-' + className); // ajouter aussi au bloc parent
     }
   });
 
@@ -270,6 +271,22 @@ $(document).ready(function () {
     $(this).addClass('type-media-' + className);
   });
 
+////// cache les slide non voulue en fonction de la class /////////
+  const allowedTypes = [
+    "type-publication-issue-du-programme-eqld",
+    "type-paroles-de-laureats",
+    "type-les-projets-en-images",
+    "type-presse"
+  ];
+
+  $(".view-type-slide").each(function () {
+    let $block = $(this);
+    let keep = allowedTypes.some(type => $block.hasClass(type));
+
+    if (!keep) {
+      $block.hide(); // ou fadeOut() si tu veux un effet
+    }
+  });
 });
 // /////// end class à views-row-wrapper ///////
 
@@ -284,6 +301,8 @@ document.querySelectorAll('a[href^="http"]').forEach(link => {
 
 /////////////// end ouverture liens externes vers nouvel onglet //////////////////
 
+
+/// start /// dans pages /projets  après click sur appliquer filtres, scroll down la page au niveau des filtres //////
 document.addEventListener("DOMContentLoaded", function () {
   const form = document.querySelector(".views-exposed-form");
 
@@ -305,8 +324,13 @@ document.addEventListener("DOMContentLoaded", function () {
       });
     }
   }
+/// end //// dans pages /projets  après click sur appliquer filtres, scroll down la page au niveau des filtres //////
 
-  document.querySelectorAll(".view-type-ressource-slide").forEach(view => {
+
+
+
+  //// start ne pas afficher type de ressource 2 fois dans /ressources //////
+  document.querySelectorAll(".view-type-slide").forEach(view => {
     const h3Content = view.querySelector("h3 > a")?.textContent.trim();
 
     view.querySelectorAll(".field--name-field-type-de-ressource").forEach(field => {
@@ -318,6 +342,8 @@ document.addEventListener("DOMContentLoaded", function () {
     });
   });
 
+  //// end ne pas afficher type de ressource 2 fois dans /ressources //////
+
 });
 
 })(jQuery, window);

web/themes/custom/eql/scss/pages/ressources.scss

@@ -10,7 +10,13 @@
             width: 100%;
             margin: auto;
             #block-contenudelapageprincipale{
-
+                h2{
+                    font-size: 5rem;
+                    color: $blue-dark;
+                    font-weight: 400;
+                    text-align: center;
+                    margin-bottom: 1rem;
+                }
                 .layout--onecol{
                     .layout__region--content{
                         .block-region-content{
@@ -46,7 +52,7 @@
                                     .field--name-field-introduction{
                                         margin: auto;
                                         background: $white;
-                                        margin-top:5rem;
+                                        // margin-top:5rem;
                                         @media (max-width: 479px){
                                             margin-top:1rem;
                                         }
@@ -122,7 +128,6 @@
                                         top: 9rem;
                                         left: 0;
                                         background-color: $white;
-                                        margin-top: 2rem;
                                         margin-bottom: 5rem;
                                         padding: 1rem;
                                         padding-left: 2rem;
@@ -151,7 +156,7 @@
                                         flex-direction: row;
                                         flex-wrap: wrap;
                                         width: 100%;
-                                        .view-type-ressource-slide:not(footer){
+                                        .view-type-slide:not(footer){
                                             width: 100%;
                                             position: relative;
                                             z-index: 0;
@@ -179,7 +184,7 @@
                                                 flex-direction: row;
                                                 align-items: center;
                                             }
-                                            h3.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain a{
+                                            h3.type-publication-issue-du-programme-eqld a{
                                                 &:before{
                                                     content:url("../images/pictos/picto-ressource-eqld.svg");
                                                     padding-right: 1rem;
@@ -241,7 +246,7 @@
 
                                         }
 
-                                        .view-type-ressource-slide:has(.type-productions-du-programme-engages-pour-la-qualite-du-logement-de-demain){
+                                        .view-type-slide:has(.type-publication-issue-du-programme-eqld){
                                             &::before{
                                                 background-color: $background-actus;}
                                         }

web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss

@@ -7,7 +7,7 @@
     svg.ext{
         display: none;
     }
-    &.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain{
+    &.type-de-ressource-Publication-issue-du-programme-EQLD{
         // background-color: $background-actus;
         .wrapper-ressource{
             display: grid;