Merge branch 'master' of gogs-figureslibres.io:bachir/popsu-d9

web/themes/custom/popsu/css/styles.css

@@ -1165,6 +1165,12 @@ a {
 iframe {
   display: none; }
 
+.layout--threecol-25-50-25 {
+  display: grid;
+  grid-template-columns: 20% 1fr 20%;
+  column-gap: 3rem;
+  row-gap: 1rem; }
+
 /*pages*/
 #header-top {
   height: 3rem;
@@ -1190,8 +1196,10 @@ iframe {
       .header_top_middle_container .views-element-container > div:first-child > div:first-child {
         height: 100%;
         display: grid;
-        grid-template-columns: repeat(3, 1fr);
+        grid-template-columns: repeat(4, 1fr);
         align-items: center; }
+        .header_top_middle_container .views-element-container > div:first-child > div:first-child > div:first-child {
+          grid-column-start: 2; }
   .header_top_middle_container .views-row {
     text-align: center;
     display: inline-block;
@@ -1385,13 +1393,13 @@ footer {
       display: grid;
       column-gap: 1rem;
       row-gap: 1rem;
-      grid-template-columns: calc(10% - 3em) repeat(4, 20%); }
+      grid-template-columns: calc(10% - 3em) repeat(3, 27.3%); }
       .path-centre-de-ressources .views-view-grid .views-row .views-col:first-child {
         grid-column-start: 2; }
     .path-centre-de-ressources .views-view-grid .views-col {
       display: grid;
-      grid-template-columns: 20%  80%;
-      align-items: stretch;
+      grid-template-columns: 40%  60%;
+      grid-auto-rows: min-content;
       background-color: white;
       background-clip: content-box;
       width: 100% !important;
@@ -1417,7 +1425,7 @@ footer {
           margin-bottom: 1rem; }
       .path-centre-de-ressources .views-view-grid .views-col .views-field-field-type-de-ressource {
         text-transform: uppercase;
-        font-size: 600;
+        font-weight: 600;
         margin-bottom: .5rem;
         font-size: 0.45rem;
         grid-row: 2 / span 1;
@@ -1429,21 +1437,87 @@ footer {
       .path-centre-de-ressources .views-view-grid .views-col .views-field-field-sous-titre {
         margin-bottom: 1rem;
         grid-row: 4 / span 1;
-        grid-column: 2 / span 1; }
+        grid-column: 2 / span 1;
+        align-self: baseline; }
       .path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme {
         grid-row: 5 / span 1;
         grid-column: 1 / span 2;
         font-size: 0.45rem; }
+  .path-centre-de-ressources .js-pager__items {
+    text-align: center; }
 
-article h2 {
+article h2, article h3, article h4, article h5, article h6 {
   font-family: "trueno";
   font-weight: 600;
   font-size: 0.8rem;
-  text-transform: inherit; }
+  color: brown;
+  margin-top: 1rem;
+  margin-bottom: .3rem; }
 
-article h3, article h4, article h5, article h6 {
-  font-family: "trueno";
-  font-weight: 600;
-  font-size: 0.8rem; }
+article p {
+  margin-bottom: .5rem; }
+
+.page-node-type-programme .layout-content {
+  position: relative; }
+
+.page-node-type-programme .layout__region--top {
+  max-height: 30%;
+  grid-column: 1 / span 3; }
+
+.page-node-type-programme .block-region-first {
+  position: absolute;
+  background-color: black;
+  color: white;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  width: 25%;
+  padding: 1rem 1.5rem; }
+  .page-node-type-programme .block-region-first .views-element-container header {
+    font-family: duke;
+    font-size: 1.6rem;
+    cursor: pointer;
+    transition: all 250ms; }
+    .page-node-type-programme .block-region-first .views-element-container header:hover {
+      padding: 0 0 0 .3rem; }
+  .page-node-type-programme .block-region-first .views-element-container .views-row {
+    display: none;
+    padding: 0 0 0 1.2rem;
+    margin-bottom: .5rem; }
+    .page-node-type-programme .block-region-first .views-element-container .views-row a {
+      text-decoration: none; }
+      .page-node-type-programme .block-region-first .views-element-container .views-row a:hover {
+        text-decoration: underline; }
+
+.page-node-type-programme .block-region-third {
+  margin-top: -7rem;
+  z-index: 20;
+  position: relative; }
+  .page-node-type-programme .block-region-third h2 {
+    font-size: 1rem;
+    background-color: black;
+    color: white;
+    padding: .3rem .5rem; }
+  .page-node-type-programme .block-region-third #evenements-block_1 {
+    background-color: brown;
+    margin-bottom: 3rem; }
+  .page-node-type-programme .block-region-third .item-list {
+    background-color: white;
+    color: brown;
+    padding: 1rem 0; }
+    .page-node-type-programme .block-region-third .item-list li {
+      margin-bottom: 1rem;
+      font-weight: 500; }
+      .page-node-type-programme .block-region-third .item-list li .views-field-field-type-de-ressource {
+        text-transform: uppercase;
+        margin-bottom: .2rem; }
+      .page-node-type-programme .block-region-third .item-list li .views-field-title {
+        font-style: italic; }
+        .page-node-type-programme .block-region-third .item-list li .views-field-title a {
+          text-decoration: none; }
+          .page-node-type-programme .block-region-third .item-list li .views-field-title a:hover {
+            text-decoration: underline; }
+      .page-node-type-programme .block-region-third .item-list li .views-field-field-sous-titre {
+        font-weight: 400; }
 
 /*# sourceMappingURL=styles.css.map */

web/themes/custom/popsu/lib/script.js

@@ -12,6 +12,10 @@ $(function(){
 		$(this).prev().css("display","grid");
 	});
 
+	$('.views-element-container header').click(function(){
+		$(this).parent().find(".views-row").fadeToggle();
+	})
+
 	
 });
 

web/themes/custom/popsu/sass/pages/_default.scss

@@ -1,13 +1,14 @@
 article{
-    h2{
+
+    h2,h3,h4,h5,h6{
         font-family: "trueno";
         font-weight: 600;
         font-size: $font-medium;
-        text-transform: inherit;
+        color:brown;
+        margin-top: 1rem;
+        margin-bottom: .3rem;
     }
-    h3,h4,h5,h6{
-        font-family: "trueno";
-        font-weight: 600;
-        font-size: $font-medium;
+    p{
+        margin-bottom: .5rem;
     }
 }

web/themes/custom/popsu/sass/pages/_page--node.scss

@@ -0,0 +1,88 @@
+.page-node-type-programme{
+    .layout-content{
+        position: relative;
+    }
+    .layout__region--top{
+        max-height: 30%;
+        grid-column: 1 / span 3;
+    }
+    .block-region-first{
+        position: absolute;
+        background-color: black;
+        color: white;
+        top: 0;
+        left: 0;
+        z-index: 10;
+        width: 25%;
+        padding: 1rem 1.5rem ;
+
+        .views-element-container{
+            
+            header{
+                font-family: duke;
+                font-size: $font-large;
+                cursor: pointer;
+                transition: all 250ms;
+                &:hover{
+                    padding: 0 0 0 .3rem;
+                    
+                }
+            }
+            .views-row{
+                display: none;
+                padding: 0 0 0 1.2rem;
+                margin-bottom: .5rem;
+                a{
+                    text-decoration: none;
+                    &:hover{
+                        text-decoration: underline;
+                    }
+                }
+            }
+        }
+
+    }
+    .block-region-third{
+        margin-top: -7rem;
+        z-index: 20;
+        position: relative;
+        h2{
+            font-size: $font-big;
+            background-color: black;
+            color: white;
+            padding: .3rem .5rem;
+        }
+        #evenements-block_1{
+            background-color: brown;
+            margin-bottom: 3rem;
+        }
+       
+        .item-list{
+            background-color:white;
+            color: brown;
+            padding: 1rem 0;
+            li{
+                margin-bottom: 1rem;
+                font-weight: 500;
+                .views-field-field-type-de-ressource{
+                    text-transform: uppercase;
+                    margin-bottom: .2rem;
+                }
+                .views-field-title{
+                    font-style: italic;
+                    a{
+                        text-decoration: none;
+                        &:hover{
+                            text-decoration: underline;
+                        }
+                    }
+                }
+                .views-field-field-sous-titre{
+                   
+                    font-weight: 400;
+                }
+
+            }
+        }
+    }
+}

web/themes/custom/popsu/sass/pages/_ressources.scss

@@ -66,15 +66,16 @@
 			display: grid;
 			column-gap: 1rem;
 			row-gap: 1rem;
-			grid-template-columns: calc(10% - 3em) repeat(4, 20%);
+			grid-template-columns:  calc(10% - 3em) repeat(3, 27.3%);
 			.views-col:first-child{
 				grid-column-start: 2;
 			}
 		}
 		.views-col{
 			display: grid;
-			grid-template-columns: 20%  80%;
-			align-items: stretch;
+			grid-template-columns: 40%  60%;
+			grid-auto-rows: min-content;
+			
 			a{
 				text-decoration: none;	
 				&:hover{
@@ -109,7 +110,7 @@
 			}
 			.views-field-field-type-de-ressource{
 				text-transform: uppercase;
-				font-size: 600;
+				font-weight: 600;
 				margin-bottom: .5rem;
 				font-size: $font-small;
 
@@ -126,6 +127,7 @@
 				margin-bottom: 1rem;
 				grid-row: 4 / span 1;
 				grid-column: 2 / span 1;
+				align-self: baseline;
 			}
 			.views-field-field-theme{
 				grid-row: 5 / span 1;
@@ -136,6 +138,7 @@
 
 	}
 	
-	
+	.js-pager__items{
+		text-align: center;
+	}
 }
-

web/themes/custom/popsu/sass/pages/partials/_header_footer.scss

@@ -27,8 +27,11 @@
 			&>div:first-child{
 				height: 100%;
 				display: grid;
-				grid-template-columns: repeat(3, 1fr);
+				grid-template-columns: repeat(4, 1fr);
 				align-items: center;
+                &>div:first-child{
+                    grid-column-start: 2;
+                }
 			}
 			
 		}

web/themes/custom/popsu/sass/setup/_layouts.scss

@@ -1,4 +1,6 @@
-// .layout--threecol-25-50-25{
-// 	display: grid;
-// 	grid-template-columns: 25% 50% 25%;
-// }
+.layout--threecol-25-50-25{
+	display: grid;
+	grid-template-columns: 20% 1fr 20%;
+    column-gap: 3rem;
+    row-gap: 1rem;
+}

web/themes/custom/popsu/sass/setup/_variables.scss

@@ -1,4 +1,5 @@
 $font-extra: 2.3rem;
+$font-large: 1.6rem;
 $font-big: 1rem;
 $font-medium: .8rem;
 $font-normal: .6rem;

web/themes/custom/popsu/sass/styles.scss

@@ -29,3 +29,5 @@
 @import "pages/home";
 @import "pages/ressources";
 @import "pages/default";
+@import "pages/page--node";
+