Browse Source

slide ressources

ouidade 2 weeks ago
parent
commit
0b3c09034d

File diff suppressed because it is too large
+ 0 - 0
web/themes/custom/eql/dist/assets/bundle.js


+ 76 - 45
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -5427,12 +5427,12 @@ svg.ext {
   position: fixed;
   top: 13rem;
   left: 0;
-  width: 20%;
+  width: 15%;
   background-color: rgb(255, 255, 255);
   margin-top: 2rem;
   margin-left: 1rem;
   margin-bottom: 5rem;
-  padding: 0.5rem;
+  padding: 1rem;
   padding-right: 3rem;
 }
 @media (max-width: 479px) {
@@ -5514,127 +5514,160 @@ svg.ext {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.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 {
+.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) {
   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 h3 {
-  margin-left: 30%;
+.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 {
+  margin-left: 25%;
   text-transform: uppercase;
 }
-.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 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-ressource-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 .views-row-wrapper {
-  margin-left: 30%;
+.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 {
+  margin-left: 25%;
   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 .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-ressource-slide:not(footer) .views-row-wrapper .views-row {
   display: flex;
   width: 25%;
   max-width: fit-content;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource {
-  display: flex;
-  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 .node-type-ressource {
   margin-bottom: 1rem;
   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 .views-row-wrapper .views-row .node-type-ressource .ext {
+.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 .node-type-ressource .ext {
   color: black;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource svg.ext {
+.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 .node-type-ressource svg.ext {
   display: none;
 }
+.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 .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource {
+  display: grid;
+  grid-template-columns: 1fr 1.5fr;
+  grid-template-rows: repeat(5 1fr);
+}
+.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 .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-type-de-ressource {
+  order: 1;
+  grid-row: 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 .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images {
+  order: 2;
+  grid-row: 2/span 5;
+  height: auto;
+  width: 90%;
+}
+.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 .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;
+}
+.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 .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-title {
+  grid-row: 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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-sous-titre {
+  grid-row: 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:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-auteur-s- {
+  grid-row: 4;
+}
+.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 .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-edition {
+  grid-row: 5;
+}
+.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 .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-date-de-parution {
+  grid-row: 6;
+}
+.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 .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-mots-clefs {
+  grid-row: 7;
+}
 @media (max-width: 479px) {
-  .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 .views-row-wrapper .views-row .node-type-ressource {
+  .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 .node-type-ressource {
     margin-left: 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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-type-de-ressource {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource {
   grid-column: 1;
   text-transform: uppercase;
   line-height: 1.1rem;
   margin-top: 0.5rem;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-type-de-ressource 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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource a {
   color: rgb(0, 158, 227);
   font-weight: 900;
   font-size: 0.8rem;
   pointer-events: none;
   cursor: default;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-title {
+.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 .node-type-ressource .wrapper-ressource .field--name-title {
   grid-column: 2;
   margin-top: 0.5rem;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-title h2 {
+.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 .node-type-ressource .wrapper-ressource .field--name-title h2 {
   margin: 0;
   line-height: 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 .views-row-wrapper .views-row .node-type-ressource .field--name-title h2 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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-title h2 a {
   color: rgb(0, 0, 0);
   font-size: 1rem;
   font-weight: 900;
   font-style: italic;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-auteur-s- {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-auteur-s- {
   grid-column: 2;
   margin-top: 0.5rem;
   font-weight: 800;
   line-height: 1.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-auteur-s- p {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-auteur-s- p {
   margin: 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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-auteur-s- .field__label {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-auteur-s- .field__label {
   display: none;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-sous-titre {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-sous-titre {
   grid-column: 2;
   margin-top: 0.5rem;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-edition {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-edition {
   grid-column: 2;
   margin-top: 0.5rem;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-edition p {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-edition p {
   margin: 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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-edition .field__label {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-edition .field__label {
   display: none;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-images {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-images {
   grid-column: 1;
-  width: fit-content;
-  border: 1px solid #a3a3a3;
-  height: 100px;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-images .field__item {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-images .field__item {
   height: 100px;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-images img {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-images img {
   height: 100%;
   width: auto;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-date-de-parution {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-date-de-parution {
   grid-column: 2;
   margin-top: 0.3rem;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-mots-clefs {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-mots-clefs {
   grid-column: 2;
   display: flex;
   margin-top: 1rem;
   flex-direction: row;
   flex-wrap: wrap;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-mots-clefs .field__item {
+.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 .node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item {
   margin-right: 0.5rem;
   padding-left: 0.3rem;
   padding-right: 0.3rem;
   font-size: 0.7rem;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource .field--name-field-mots-clefs .field__item 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-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item a {
   background: rgb(9, 57, 139);
   color: rgb(255, 255, 255);
   font-weight: 800;
@@ -5645,28 +5678,28 @@ svg.ext {
   pointer-events: none;
   cursor: default;
 }
-.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 .views-row-wrapper .views-row .node-type-ressource ul.links.inline {
+.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 .node-type-ressource .wrapper-ressource ul.links.inline {
   display: none;
 }
 @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 .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-ressource-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 .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-ressource-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 .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-ressource-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 .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-ressource-slide:not(footer) .views-row-wrapper .slick-prev::before {
   content: url("../images/pictos/fleche-droite-dans-rond.png");
   display: block;
   transform: scaleX(-1);
   display: none;
 }
-.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 .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-ressource-slide:not(footer) .views-row-wrapper .slick-next {
   right: 10%;
 }
 .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-publication-issue-du-programme-eqld) {
@@ -5925,7 +5958,6 @@ svg.ext {
 #fotter-bottom .region-footer-bottom-left {
   margin-left: 3rem;
   border: none;
-  width: 20%;
 }
 @media (max-width: 810px) {
   #fotter-bottom .region-footer-bottom-left {
@@ -5949,7 +5981,6 @@ svg.ext {
   height: 30px;
 }
 #fotter-bottom .region-footer-bottom-right {
-  width: 30%;
   display: flex;
   flex-direction: column-reverse;
   justify-content: flex-end;

+ 1 - 1
web/themes/custom/eql/scripts/main.js

@@ -209,7 +209,7 @@ jQuery(function($) {
       });
       console.log('salut slick projets');
 
-      $('.path-ressources .view-type-ressource-slide .views-row-wrapper').slick({
+      $('.path-ressources:not(.view-partenaires) .view-type-ressource-slide .views-row-wrapper').slick({
         slidesToShow: 3,
         dots: false,
         arrows: true,

+ 140 - 110
web/themes/custom/eql/scss/pages/ressources.scss

@@ -115,12 +115,12 @@
                                         position: fixed;
                                         top: 13rem;
                                         left: 0;
-                                        width: 20%;
+                                        width: 15%;
                                         background-color: $white;
                                         margin-top: 2rem;
                                         margin-left: 1rem;
                                         margin-bottom: 5rem;
-                                        padding: 0.5rem;
+                                        padding: 1rem;
                                         padding-right: 3rem;
                                         @media (max-width: 479px) {
                                             margin-left: 0;                                                
@@ -195,16 +195,16 @@
                                         display: flex;
                                         flex-direction: row;
                                         flex-wrap: wrap;
-                                        .view-type-ressource-slide{
+                                        .view-type-ressource-slide:not(footer){
                                             width: 100%;
                                            
                                             h3{
-                                                margin-left: 30%;
+                                                margin-left: 25%;
                                                 text-transform: uppercase;
                                                 a{color: rgb(9, 57, 139) !important;}
                                             }
                                             .views-row-wrapper{
-                                                margin-left: 30%;
+                                                margin-left: 25%;
                                                 display: flex;
                                                 flex-direction: row;
                                                 
@@ -214,15 +214,8 @@
                                                     max-width: fit-content;
                                                                                         
                                                     .node-type-ressource{
-                                                        display: flex;
-                                                        flex-direction: column;
-                                                        // border: 2px solid $blue-light;
-                                                        // display: grid;
-                                                        // grid-template-columns: 1fr 1.2fr;
-                                                        // margin-left: 3rem;
                                                         margin-bottom: 1rem ;
                                                         padding-right: 1rem;  
-                                                       
                                                         .ext{
                                                             color: black;
                                                         }
@@ -231,123 +224,160 @@
                                                         }
                                                         &.type-de-ressource-Publication-issue-du-programme-EQLD{
                                                             // background-color: $background-actus;
+                                                            .wrapper-ressource{
+                                                                display: grid;
+                                                                grid-template-columns: 1fr 1.5fr; 
+                                                                grid-template-rows: repeat(5 1fr);
+                                                                .field--name-field-type-de-ressource{
+                                                                    order: 1;
+                                                                    grid-row: 1;
+                                                                }
+                                                                .field--name-field-images{
+                                                                    order: 2;
+                                                                    grid-row: 2 /span 5;
+                                                                    height: auto;
+                                                                    width: 90%;
+                                                                    img{
+                                                                        height: auto;
+                                                                        width: 90%;
+                                                                        border: 1px solid #a3a3a3;
+                                                                    }
+                                                                }
+                                                                .field--name-title{
+                                                                    grid-row: 2;
+                                                                }
+                                                                .field--name-field-sous-titre{
+                                                                    grid-row: 3;
+                                                                }
+                                                                .field--name-field-auteur-s-{
+                                                                    grid-row: 4;
+                                                                }
+                                                                .field--name-field-edition{
+                                                                    grid-row: 5;
+                                                                }
+                                                                .field--name-field-date-de-parution{
+                                                                    grid-row: 6;
+                                                                }
+                                                                .field--name-field-mots-clefs{
+                                                                    grid-row: 7;
+                                                                }
+                                                            }
                                                         }
                                                         &.type-de-ressource-Paroles-de-lauréats{
                                                             // background-color: $background-actus;
                                                         }
                                                         @media (max-width: 479px) {
                                                             margin-left: 0;                                                
-                                                        }
-                                                        // &:hover{
-                                                        //     background-color: $black15;    
-                                                        // }                                      
-                                                        
-                                                        .field--name-field-type-de-ressource{
-                                                            grid-column: 1;
-                                                            text-transform: uppercase;
-                                                            line-height: 1.1rem;
-                                                            margin-top: 0.5rem;                                              
-                                                            a{
-                                                                color: $blue-light;
-                                                                font-weight: 900;
-                                                                font-size: 0.8rem;
-                                                                pointer-events: none;
-                                                                cursor: default;
-                                                            }
-                                                        }
-                                                        .field--name-title{
-                                                            grid-column: 2;
-                                                            margin-top: 0.5rem;
-        
-                                                            h2{
-                                                                margin: 0;
-                                                                line-height: 1rem;
+                                                        }   
+                                                        .wrapper-ressource{    
+                                                                                                               
+                                                            .field--name-field-type-de-ressource{
+                                                                grid-column: 1;
+                                                                text-transform: uppercase;
+                                                                line-height: 1.1rem;
+                                                                margin-top: 0.5rem;                                              
                                                                 a{
-                                                                    color: $black;
-                                                                    font-size: 1rem;
+                                                                    color: $blue-light;
                                                                     font-weight: 900;
-                                                                    font-style: italic;
+                                                                    font-size: 0.8rem;
+                                                                    pointer-events: none;
+                                                                    cursor: default;
                                                                 }
-                        
                                                             }
-                                                        }
-                                                        .field--name-field-auteur-s-{
-                                                            grid-column: 2;
-                                                            margin-top: 0.5rem;
-                                                            font-weight: 800;
-                                                            line-height: 1.1rem;
-                                                            p{
-                                                                margin: 0;
-                                                                
+                                                            .field--name-title{
+                                                                grid-column: 2;
+                                                                margin-top: 0.5rem;
+            
+                                                                h2{
+                                                                    margin: 0;
+                                                                    line-height: 1rem;
+                                                                    a{
+                                                                        color: $black;
+                                                                        font-size: 1rem;
+                                                                        font-weight: 900;
+                                                                        font-style: italic;
+                                                                    }
+                            
+                                                                }
                                                             }
-                                                            .field__label{
-                                                                display:none;
+                                                            .field--name-field-auteur-s-{
+                                                                grid-column: 2;
+                                                                margin-top: 0.5rem;
+                                                                font-weight: 800;
+                                                                line-height: 1.1rem;
+                                                                p{
+                                                                    margin: 0;
+                                                                    
+                                                                }
+                                                                .field__label{
+                                                                    display:none;
+                                                                }
                                                             }
-                                                        }
-                                                        .field--name-field-sous-titre{
-                                                            grid-column: 2;
-                                                            margin-top: 0.5rem;
-                                                        }
-                                                        .field--name-field-edition{
-                                                            grid-column: 2;
-                                                            margin-top: 0.5rem;
-                                                            p{
-                                                                margin: 0;
+                                                            .field--name-field-sous-titre{
+                                                                grid-column: 2;
+                                                                margin-top: 0.5rem;
                                                             }
-                                                            .field__label{
-                                                                display:none;
+                                                            .field--name-field-edition{
+                                                                grid-column: 2;
+                                                                margin-top: 0.5rem;
+                                                                p{
+                                                                    margin: 0;
+                                                                }
+                                                                .field__label{
+                                                                    display:none;
+                                                                }
                                                             }
-                                                        }
-                                                        .field--name-field-images{
-                                                            grid-column: 1;
-                                                            // display: none;
-                                                            // width: 30%;
-                                                            width: fit-content;
-                                                            border: 1px solid #a3a3a3;
-                                                            height: 100px;
-                                                            .field__item{
-                                                                height: 100px;
+                                                            .field--name-field-images{
+                                                                grid-column: 1;
+                                                                // display: none;
+                                                                // width: 30%;
+                                                                // width: fit-content;
+                                                                
+                                                                // height: 100px;
+                                                                .field__item{
+                                                                    height: 100px;
+                                                                }
+                                                                img{
+                                                                    height: 100%;
+                                                                    width: auto;
+                                                                    // width: 100%;
+                                                                    // height: auto;
+                                                                }
                                                             }
-                                                            img{
-                                                                height: 100%;
-                                                                width: auto;
-                                                                // width: 100%;
-                                                                // height: auto;
+                                                            .field--name-field-date-de-parution{
+                                                                grid-column: 2;
+                                                                margin-top: 0.3rem;
                                                             }
-                                                        }
-                                                        .field--name-field-date-de-parution{
-                                                            grid-column: 2;
-                                                            margin-top: 0.3rem;
-                                                        }
-                                                        .field--name-field-mots-clefs{
-                                                            grid-column: 2;
-                                                            display: flex;
-                                                            margin-top: 1rem;
-                                                            flex-direction: row;
-                                                            flex-wrap: wrap;
-                                                        
-                                                            .field__item{
-                                                                margin-right: 0.5rem;
-                                                                padding-left: 0.3rem;
-                                                                padding-right: 0.3rem;
-                                                                font-size: 0.7rem;
+                                                            .field--name-field-mots-clefs{
+                                                                grid-column: 2;
+                                                                display: flex;
+                                                                margin-top: 1rem;
+                                                                flex-direction: row;
+                                                                flex-wrap: wrap;
                                                             
-                                                                a{
-                                                                    background: $blue-dark;
-                                                                    color: $white;
-                                                                    font-weight: 800;
-                                                                    vertical-align: super;
-                                                                    padding-left: 0.1rem;
-                                                                    padding-right: 0.1rem;
-                                                                    display: inline-flex;
-                                                                    pointer-events: none;
-                                                                    cursor: default;
+                                                                .field__item{
+                                                                    margin-right: 0.5rem;
+                                                                    padding-left: 0.3rem;
+                                                                    padding-right: 0.3rem;
+                                                                    font-size: 0.7rem;
+                                                                
+                                                                    a{
+                                                                        background: $blue-dark;
+                                                                        color: $white;
+                                                                        font-weight: 800;
+                                                                        vertical-align: super;
+                                                                        padding-left: 0.1rem;
+                                                                        padding-right: 0.1rem;
+                                                                        display: inline-flex;
+                                                                        pointer-events: none;
+                                                                        cursor: default;
+                                                                    }
                                                                 }
                                                             }
-                                                        }
-                                                        ul.links.inline{
-                                                            display: none;
-                                                        }
+                                                            ul.links.inline{
+                                                                display: none;
+                                                            }
+                                                        } 
                                                     }
                                                     
                                                 } 

+ 2 - 2
web/themes/custom/eql/scss/partials/footer.scss

@@ -30,7 +30,7 @@
     .region-footer-bottom-left{
         margin-left: 3rem;
         border: none;
-        width: 20%;
+        // width: 20%;
         @media (max-width: 810px){
             width: 100%;
             margin-left: 0rem;
@@ -57,7 +57,7 @@
     }
 
     .region-footer-bottom-right{
-        width: 30%;
+        // width: 30%;
         display: flex;
         flex-direction: column-reverse;
         justify-content: flex-end;

+ 102 - 0
web/themes/custom/eql/templates/node--ressource--teaser.html.twig

@@ -0,0 +1,102 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - node.getCreatedTime() will return the node creation timestamp.
+ *   - node.hasField('field_example') returns TRUE if the node bundle includes
+ *     field_example. (This does not indicate the presence of a value in this
+ *     field.)
+ *   - node.isPublished() will return whether the node is published or not.
+ *   Calling other methods, such as node.delete(), will result in an exception.
+ *   See \Drupal\node\Entity\Node for a full list of public properties and
+ *   methods for the node object.
+ * - label: (optional) The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ *   view mode.
+ * - metadata: Metadata for this node.
+ * - date: (optional) Themed creation date field.
+ * - author_name: (optional) Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - node: The current template type (also known as a "theming hook").
+ *   - node--type-[type]: The current node type. For example, if the node is an
+ *     "Article" it would result in "node--type-article". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ *     teaser would result in: "node--view-mode-teaser", and
+ *     full: "node--view-mode-full".
+ *   The following are controlled through the node publishing options.
+ *   - node--promoted: Appears on nodes promoted to the front page.
+ *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ *     teaser listings.
+ *   - node--unpublished: Appears on unpublished nodes visible only to site
+ *     admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ *   content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ *   the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ *   node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_node()
+ *
+ * @todo Remove the id attribute (or make it a class), because if that gets
+ *   rendered twice on a page this is invalid CSS for example: two lists
+ *   in different view modes.
+ *
+ * @ingroup themeable
+ */
+#}
+<article{{ attributes }}>
+
+  {{ title_prefix }}
+  {% if label and not page %}
+    <h2{{ title_attributes }}>
+      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
+    </h2>
+  {% endif %}
+  {{ title_suffix }}
+
+  {% if display_submitted %}
+    <footer>
+      {{ author_picture }}
+      <div{{ author_attributes }}>
+        {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
+        {{ metadata }}
+      </div>
+    </footer>
+  {% endif %}
+
+  <div class='wrapper-ressource'{{ content_attributes }}>
+    {{ content }}
+    <div class="filtres_projet">
+    {{content.bottom}}
+    </div>
+  </div>
+
+</article>

Some files were not shown because too many files changed in this diff