page actualitéS v0

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

@@ -0,0 +1,111 @@
+.path-actus{
+	.content_container{
+		&>div>h2:first-of-type{
+			text-align: center;
+		}
+		.layout__region--content{
+			
+			.views-element-container{
+				display: grid;
+				grid-template-columns: 10% minmax(0, 1fr);
+				h2{
+					grid-column: 2 ;
+				}
+				div{
+					grid-column: 2;
+					h2{
+						margin : 1rem 0;
+					}
+				}
+				article{
+					h2{
+						color: white;
+						a{
+							text-decoration: none;
+							&:hover{
+								text-decoration: underline;
+							}
+						}
+					}
+					
+				}
+				footer{
+					text-align: center;
+					margin: 1.8rem 0;
+					grid-column: 2 ;
+					a{
+						display: inline-block;
+						margin: 0 auto;
+						background: black;
+						color: white;
+						font-family: "duke";
+						font-weight: 400;
+						padding: .5rem 1.5rem;
+						font-size: 0.8rem;
+						text-decoration: none;
+					}
+					
+				}
+			}
+			#actus_blocks-block_1{
+				.views-row article{
+					display: grid !important;
+					grid-template-columns: repeat( 2, minmax(0, 1fr));
+					
+					position: relative;
+					height: auto;
+					h2{
+						grid-row: 2;
+						grid-column: 1 / span 2;
+					}
+					div{
+						grid-row: 1;
+						grid-column: 1 / span 2;
+					}
+				}
+			}
+			#home_blocks-block_3{
+				.views-field-field-image{
+					grid-column: 1;
+				}
+				.slick-slide{
+					background-color:transparent;
+					padding: 0;
+					.views-row{
+						padding: 0.4rem;
+					}
+				}
+			}
+			
+
+		}
+
+		//carroussel 
+	
+		.slick-slide{
+			margin: 0 1rem;
+			background-color: $lightblue;
+			padding: 1rem;
+		}
+		.slick-arrow{
+			position: absolute;
+			height: 100%;
+			cursor: pointer;
+			z-index: 100;
+			background-color: white;
+			opacity: 0;
+			transition: opacity 250ms;
+			width: 10%;
+			&:hover{
+				opacity: .5;
+			}
+		}
+		.slick-next{
+			right: 0;
+			top: 0;
+		}
+		
+		
+	}
+
+}

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

@@ -200,15 +200,30 @@
 	margin-top: 1rem;
 	.views-row{
 		background-clip: content-box;
-		height: 8rem;
+		height: 13rem;
+		background-size: 70% !important;
 		width: 100%;
 		display: grid;
 		align-items: center;
 		padding: 1rem;
+		.views-field-title{
+			font-size: $font-medium;
+			font-weight: 600;
+			display: none;
+			
+		}
 		&:hover{
 			.views-field-title{
-				display: none;
-			}
+				font-weight: 600;
+				display: block;
+				color: white;
+				text-align: center;
+
+				a{
+					text-decoration: none;
+				}
+				
+		}
 		}
 	}
 
@@ -218,66 +233,45 @@
 	}
 	//
 
-	.views-field-title{
-		margin: 3rem;
-	}
+	// .views-field-title{
+	// 	margin: 3rem;
+	// }
 	.programme-2{
 		background: center / contain no-repeat url(../images/POPSU_1.svg);
-		.views-field-title{
-			font-size: 0;
-			
-		}
+		
 		&:hover{
 			background: $col-1;
 		}
+		
 	}
 	.programme-2{
 		background: center / contain no-repeat url(../images/POPSU_2.svg);
-		.views-field-title{
-			font-size: 0;
-			
-		}
 		&:hover{
 			background: $col-2;
 		}
 	}
 	.programme-3{
 		background: center / contain no-repeat url(../images/POPSU_Europe.svg);
-		.views-field-title{
-			font-size: 0;
-			
-		}
 		&:hover{
 			background: $col-eur;
 		}
 	}
 	.programme-5{
 		background: center / contain no-repeat url(../images/POPSU_monde.svg);
-		.views-field-title{
-
-			font-size: 0;
-			
-		}
 		&:hover{
 			background: $col-mond;
 		}
 	}
 	.programme-6{
 		background: center / contain no-repeat url(../images/POPSU_territoires.svg);
-		.views-field-title{
-			font-size: 0;
-			
-		}
+
 		&:hover{
 			background: $col-ter;
 		}
 	}
 	.programme-7{
 		background: center / contain no-repeat url(../images/POPSU_metropoles.svg);
-		.views-field-title{
-			font-size: 0;
-			
-		}
+
 		&:hover{
 			background: $col-met;
 		}

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

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