actualité et évenement + page archive v0

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

@@ -1254,7 +1254,8 @@ iframe {
 #header-top {
   height: 3rem;
   background: white;
-  margin-bottom: 2rem; }
+  margin-bottom: 2rem;
+  margin-top: 1rem; }
 
 .header_top_left_container {
   height: 100%; }
@@ -1809,7 +1810,10 @@ article p, .paragraph p {
     text-transform: uppercase;
     font-family: 'duke';
     font-size: 1rem;
-    padding: .3rem .5rem; }
+    padding: .3rem .5rem;
+    text-decoration: none; }
+    .block-region-first #node\:title:hover {
+      text-decoration: underline; }
 
 .page-node-type-static .layout__region--top {
   position: absolute;
@@ -1821,6 +1825,26 @@ article p, .paragraph p {
   box-shadow: inset 0 -5rem 8rem white;
   z-index: -1; }
 
+.page-node-type-actualite .block-region-first, .page-node-type-evenement .block-region-first {
+  background-color: black;
+  color: white; }
+  .page-node-type-actualite .block-region-first a, .page-node-type-evenement .block-region-first a {
+    text-transform: uppercase;
+    font-family: 'duke';
+    font-size: 1rem;
+    padding: .3rem .5rem;
+    text-decoration: none; }
+    .page-node-type-actualite .block-region-first a:hover, .page-node-type-evenement .block-region-first a:hover {
+      text-decoration: underline; }
+
+.page-node-type-actualite #node\:title, .page-node-type-evenement #node\:title {
+  font-family: "trueno";
+  font-weight: 600;
+  font-size: 0.8rem;
+  color: brown;
+  margin-top: 1rem;
+  margin-bottom: .3rem; }
+
 .path-actus .content_container > div > h2:first-of-type {
   text-align: center; }
 
@@ -1828,13 +1852,15 @@ article p, .paragraph p {
   display: grid;
   grid-template-columns: 10% minmax(0, 1fr); }
   .path-actus .content_container .layout__region--content .views-element-container h2 {
-    grid-column: 2; }
+    grid-column: 2;
+    padding: 0 0 0 20px; }
   .path-actus .content_container .layout__region--content .views-element-container div {
     grid-column: 2; }
     .path-actus .content_container .layout__region--content .views-element-container div h2 {
       margin: 1rem 0; }
   .path-actus .content_container .layout__region--content .views-element-container article h2 {
-    color: white; }
+    color: white;
+    padding: 0; }
     .path-actus .content_container .layout__region--content .views-element-container article h2 a {
       text-decoration: none; }
       .path-actus .content_container .layout__region--content .views-element-container article h2 a:hover {
@@ -2032,4 +2058,25 @@ article p, .paragraph p {
       font-size: 0.8rem;
       text-decoration: none; }
 
+.path-archives .content_container > div > h2 {
+  text-align: center; }
+
+.path-archives .content_container .views-element-container > div {
+  display: grid;
+  grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
+  grid-column-gap: 2rem;
+  grid-row-gap: 1rem; }
+  .path-archives .content_container .views-element-container > div header {
+    grid-column: 1 / span 5;
+    text-align: center; }
+  .path-archives .content_container .views-element-container > div nav {
+    grid-column: 1 / span 5;
+    text-align: center; }
+  .path-archives .content_container .views-element-container > div .views-row:first-of-type {
+    grid-column: 2; }
+  .path-archives .content_container .views-element-container > div .views-row:nth-of-type(3n+1) {
+    grid-column: 2; }
+  .path-archives .content_container .views-element-container > div .views-row {
+    background: red; }
+
 /*# sourceMappingURL=styles.css.map */

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

@@ -55,9 +55,16 @@ $(function(){
 	}
 	
 	
-	// if($('.path-centre-de-ressources').length > 0){
-	// 	$("header > div").slick();
-	// }
+	if($('.path-centre-de-ressources').length > 0){
+
+		let elem = $(".content_container").find(".views-element-container header>div");
+		// elem.slick({
+		// 	slidesToShow: 1,
+		// 	slidesToScroll: 1,
+		// 	centerMode: true,
+		// 	centerPadding: '60px',
+		// });
+	}
 	
 
 	$('.close-block').click(function(){

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

@@ -10,6 +10,7 @@
 				grid-template-columns: 10% minmax(0, 1fr);
 				h2{
 					grid-column: 2 ;
+					padding: 0 0 0 20px;
 				}
 				div{
 					grid-column: 2;
@@ -20,6 +21,7 @@
 				article{
 					h2{
 						color: white;
+						padding: 0;
 						a{
 							text-decoration: none;
 							&:hover{

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

@@ -0,0 +1,53 @@
+.path-archives{
+	
+	.content_container{
+		&>div>h2{
+			text-align: center;
+		}
+		.views-element-container{
+			
+			&>div{
+				display: grid;
+				grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
+				grid-column-gap: 2rem;
+				grid-row-gap: 1rem;
+				
+				header{
+					grid-column: 1 / span 5;
+					text-align: center;
+				}
+				nav{
+					grid-column: 1 / span 5;
+					text-align: center;
+				}	
+				.views-row:first-of-type{
+					grid-column: 2;
+				}
+				.views-row:nth-of-type(3n+1){
+					grid-column: 2;
+				}
+				.views-row{
+					background: red;
+				}
+				// mise en page temporaire
+				// article{
+				// 	display: grid;
+				// 	h2{
+				// 		grid-row: 2;
+				// 	}
+				// 	&>div{
+				// 		grid-row: 1;
+				// 		display: grid;
+				// 		div:nth-child(2){
+				// 			grid-row: 1;
+				// 		}
+				// 		div:nth-child(1){
+				// 			grid-row: 2;
+				// 		}
+				// 	}
+					
+				// }
+			}
+		}
+	}
+}

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

@@ -29,7 +29,12 @@ article, .paragraph{
         font-family: 'duke';
         font-size: $font-big;
         padding: .3rem .5rem;
+        text-decoration: none;
+        &:hover{
+            text-decoration: underline;
+        }
     }
+    
 }
 
 .page-node-type-static{
@@ -43,4 +48,31 @@ article, .paragraph{
         box-shadow: inset 0 -5rem 8rem white;
         z-index: -1;
     }
+}
+
+.page-node-type-actualite, .page-node-type-evenement{
+    .block-region-first{
+        background-color: black;
+        color: white;
+        a{
+            text-transform: uppercase;
+            font-family: 'duke';
+            font-size: $font-big;
+            padding: .3rem .5rem;
+            text-decoration: none;
+            &:hover{
+                text-decoration: underline;
+            }
+        }
+      
+        
+    }
+    #node\:title{
+        font-family: "trueno";
+        font-weight: 600;
+        font-size: $font-medium;
+        color:brown;
+        margin-top: 1rem;
+        margin-bottom: .3rem;
+    }
 }

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

@@ -1,5 +1,5 @@
-.slick-list{
-}
+// .slick-list{
+// }
 .path-frontpage{
 	.block-region-content{
 		display: grid;
@@ -278,10 +278,10 @@
 	}
 }
 #home_theme_container{
-	.slick-slide{
-		// margin: 0 1rem;
+	// .slick-slide{
+	// 	// margin: 0 1rem;
 		
-	}
+	// }
 	.slick-arrow{
 		position: absolute;
 		height: 100%;

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

@@ -4,6 +4,7 @@
 	height: 3rem;
     background: white;
     margin-bottom: 2rem;
+    margin-top: 1rem;
 }
 .header_top_left_container{
 	height: 100%;

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

@@ -31,4 +31,5 @@
 @import "pages/default";
 @import "pages/actu";
 @import "pages/programme";
+@import "pages/archives";