base de donnees

web/profiles/d8-starterkit-profile

@@ -1 +1 @@
-Subproject commit 9b46db9c56faf2cbc965ea1b76ce5345e7f46c0f
+Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0

web/themes/custom/eql/css-compiled/styles.css

@@ -992,6 +992,8 @@ a {
   background-position-y: 7rem;
   max-width: 100vw;
   background-size: contain; }
+  .node-id-4 #block-contenudelapageprincipale {
+    scroll-margin: 8rem; }
   .node-id-4 .layout__region--top {
     padding-bottom: 3rem;
     height: 30vh; }
@@ -1169,6 +1171,132 @@ a {
       background-color: #009ee3;
       text-transform: uppercase; }
 
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale span {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+  vertical-align: middle; }
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale span h2 {
+    margin: 0;
+    padding-top: 2rem;
+    height: 4rem;
+    color: white;
+    font-family: "Source Code Pro";
+    text-transform: uppercase;
+    background: #009ee3;
+    padding-left: 13%; }
+
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
+  background: url("../images/pictos/carre-contour-bleu_gouvernance.svg");
+  background-repeat: no-repeat;
+  background-position-y: 20vh;
+  max-width: 100vw;
+  background-size: contain; }
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 {
+    background: rgba(0, 158, 227, 0.2);
+    height: 20vh;
+    display: flex; }
+    .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections {
+      height: 100%;
+      display: flex; }
+      .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content {
+        display: flex;
+        flex-direction: row;
+        margin: auto;
+        width: 65%;
+        justify-content: space-between;
+        align-items: center; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row {
+          background: white;
+          width: 45%;
+          min-height: 60%;
+          padding: 1rem; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a {
+            color: black;
+            font-size: 1.5rem;
+            font-weight: 600; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover {
+            background: #09398b; }
+            .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover a {
+              color: white; }
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
+    margin: 2rem; }
+    .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction {
+      width: 65%;
+      margin: auto;
+      background: white; }
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 {
+    margin: auto;
+    width: 70%; }
+    .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
+      background-color: white; }
+      .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 {
+        width: fit-content;
+        display: flex; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .js-form-item {
+          width: fit-content; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .js-form-item-field-type-de-ressource-target-id {
+          width: fit-content; }
+    .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap; }
+      .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
+        flex: 0 1 45%;
+        padding: 1rem; }
+      .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource {
+        display: flex;
+        flex-direction: column;
+        border: 2px solid #009ee3;
+        padding: 2rem;
+        height: fit-content;
+        margin-bottom: 1rem;
+        background-color: white; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource {
+          text-transform: uppercase; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource a {
+            color: #009ee3;
+            font-weight: 900;
+            font-size: 0.8rem; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 {
+          margin: 0; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 a {
+            color: black;
+            font-size: 1.4rem;
+            font-weight: 600; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- {
+          font-weight: 800; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- p {
+            margin: 0; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- .field__label {
+            display: none; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition p {
+          margin: 0; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition .field__label {
+          display: none; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images {
+          display: none;
+          width: 50%; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images img {
+            width: 100%;
+            height: auto; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs {
+          display: inline-flex;
+          margin-top: 2rem; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs::after {
+            content: url("../images/pictos/noun_Arrow_3771902.svg");
+            align-self: end; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item {
+            background: #09398b;
+            margin-right: 1rem;
+            padding-left: 0.3rem;
+            padding-right: 0.3rem; }
+            .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item a {
+              color: white;
+              font-weight: 800;
+              vertical-align: middle; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource ul.links.inline {
+          display: none; }
+
 .path-node.page-node-type-ressource #block-contenudelapageprincipale span h2 {
   font-family: "Source Code Pro";
   font-size: 2rem;
@@ -1234,7 +1362,8 @@ a {
   flex-direction: row;
   justify-content: space-between;
   color: black;
-  top: 0%; }
+  top: 0%;
+  scroll-margin: 8rem; }
   #header-top .region-header-top-left {
     display: flex;
     flex-direction: row;
@@ -1266,11 +1395,11 @@ a {
       list-style: none;
       display: flex;
       flex-direction: row;
-      justify-content: space-between;
       width: 100%; }
       #header-top .region-header-top-left ul :is(.sous-liste) {
         display: flex;
-        flex-direction: column; }
+        flex-direction: column;
+        padding: 1rem; }
       #header-top .region-header-top-left ul li a {
         color: black; }
       #header-top .region-header-top-left ul li .is-active {

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

@@ -0,0 +1,203 @@
+.path-ressources{
+    .layout-content{
+        .region-content{
+            
+            #block-contenudelapageprincipale{
+                span{
+                    padding-top: 3rem;
+                    padding-bottom: 3rem;
+                    vertical-align: middle;
+                    h2{
+                        margin: 0;
+                        padding-top: 2rem;
+                        height: 4rem;
+                        color: $white;
+                        font-family: "Source Code Pro";
+                        text-transform: uppercase;
+                        background: $blue-light; 
+                        padding-left: 13%;
+                       
+                    }
+                }
+                .layout--onecol{
+                    .block-region-content{
+                        background: url('../images/pictos/carre-contour-bleu_gouvernance.svg');
+                        background-repeat: no-repeat;
+                        background-position-y: 20vh;
+                        max-width: 100vw;
+                        background-size: contain;
+
+                    // bandeau filtres collections
+                    .block-views-blockcollections-block-1{
+                        background: $background-actus;
+                        height: 20vh;
+                        display: flex;
+                        .view-id-collections{
+                            height: 100%;
+                            display: flex;
+                            .view-content{
+                                display: flex;
+                                flex-direction: row;
+                                margin: auto;
+                                width: 65%;
+                                justify-content: space-between;
+                                align-items: center;
+                                .views-row{
+                                    background: $white;
+                                    width: 45%;
+                                    min-height: 60%;
+                                    padding: 1rem;
+                                    a{
+                                        color: $black;
+                                        font-size: 1.5rem;    
+                                        font-weight: 600;
+                                    }
+                                    &:hover{
+                                        background: $blue-dark;
+                                        a{
+                                            color: $white;  
+                                        }
+                                    }
+    
+                                }
+                            }
+                        }
+
+                    }
+
+                    // texte présentation
+                    .block-config-pages-block{
+                        margin: 2rem;
+                        .field--name-field-introduction{
+                            width: 65%;
+                            margin: auto;
+                            background: $white;
+                        }
+                    }
+
+                    // grille des ressources
+                    .block-views-blockbase-de-donnees-block-1{
+                        margin: auto;
+                        width: 70%;
+                        .view-filters{
+                            background-color: $white;
+                            .views-exposed-form-base-de-donnees-block-1{
+                                width: fit-content;
+                                display: flex;
+                                .js-form-item{
+                                    width: fit-content;
+                                }
+                                .js-form-item-field-type-de-ressource-target-id{
+                                    width: fit-content;
+
+                                }
+                            }
+                        }
+                        .view-content{            
+                            display: flex;
+                            flex-direction: row;
+                            flex-wrap: wrap;
+                            .views-row{
+                                flex: 0 1 45%;
+                                padding: 1rem;                            
+                                // width: 50%;
+                            }
+    
+                                .node-type-ressource{
+    
+                                    display: flex;
+                                    flex-direction: column;
+                                    border: 2px solid $blue-light;
+                                    padding: 2rem;
+                    
+                                    height: fit-content;
+                                    margin-bottom: 1rem;
+                                    background-color: $white;
+                                    // &::after{
+                                    //     content: url("../images/pictos/noun_Arrow_3771902.svg");
+                                    //     align-self: end;
+                                    //     margin-top: 1rem;
+                                    // }
+ 
+                                    .field--name-field-type-de-ressource{
+                                        text-transform: uppercase;
+                                        
+                                        a{
+                                            color: $blue-light;
+                                            font-weight: 900;
+                                            font-size: 0.8rem;
+                                        }
+                                    }
+                                    .field--name-title{
+                                        h2{
+                                            margin: 0;
+                                            a{
+                                                color: $black;
+                                                font-size: 1.4rem;
+                                                font-weight: 600;
+                        
+                                            }
+    
+                                        }
+                                    }
+                                    .field--name-field-auteur-s-{
+                                        font-weight: 800;
+                                        p{
+                                            margin: 0;
+                                        }
+                                        .field__label{
+                                            display:none;
+                                        }
+                                    }
+                                    .field--name-field-edition{
+                                        p{
+                                            margin: 0;
+                                        }
+                                        .field__label{
+                                            display:none;
+                                        }
+                                    }
+                                    .field--name-field-images{
+                                        display: none;
+                                        width: 50%;
+                                        img{
+                                            width: 100%;
+                                            height: auto;
+                                        }
+                                    }
+                                    .field--name-field-mots-clefs{
+                                        display: inline-flex;
+                                        margin-top: 2rem;
+                                        &::after{
+                                            content: url("../images/pictos/noun_Arrow_3771902.svg");
+                                            align-self: end;
+                                        }
+                                        .field__item{
+                                            background: $blue-dark;
+                                            margin-right: 1rem;
+                                            padding-left: 0.3rem;
+                                            padding-right: 0.3rem;
+                                            a{
+                                                color: $white;
+                                                font-weight: 800;
+                                                vertical-align: middle;
+                                            }
+                                        }
+                                    }
+                                    ul.links.inline{
+                                        display: none;
+                                    }
+                                }
+                        }
+                    }
+
+                    }
+
+                }
+            }
+        }
+        
+    }
+   
+
+}

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

@@ -5,6 +5,9 @@
     background-position-y: 7rem;
     max-width: 100vw;
     background-size: contain;
+    #block-contenudelapageprincipale{
+        scroll-margin: 8rem;
+    }
 
     .layout__region--top{               //bandeau titre page static
         padding-bottom: 3rem;

web/themes/custom/eql/scss/partials/_header.scss

@@ -29,6 +29,8 @@
     justify-content: space-between;
     color: $black;
     top:0%;
+    scroll-margin: 8rem {};
+   
 
 
     .region-header-top-left {      // logo + menu déroulant
@@ -75,12 +77,13 @@
             list-style: none;
             display: flex;
             flex-direction: row;
-            justify-content: space-between;
+            // padding-left: 1rem;
+            // justify-content: space-between;
             width: 100%;
             :is(.sous-liste){
                 display: flex;
                 flex-direction: column;
-                // padding: 1rem;
+                padding: 1rem;
             }
             li{
 

web/themes/custom/eql/scss/styles.scss

@@ -29,7 +29,7 @@
 @import "pages/_contact";
 @import "pages/_faq";
 @import "pages/_mentions-legales";
-@import "pages/_toutesressources";
+@import "pages/_basededonnees";
 @import "pages/_ressource";
 @import "pages/_offreDeService";
 @import "pages/_annuaire-de-recherche";