page actualitéS v0

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

@@ -1567,51 +1567,47 @@ footer {
   margin-top: 1rem; }
   #home_prog_container .views-row {
     background-clip: content-box;
-    height: 8rem;
+    height: 13rem;
+    background-size: 70% !important;
     width: 100%;
     display: grid;
     align-items: center;
     padding: 1rem; }
-    #home_prog_container .views-row:hover .views-field-title {
+    #home_prog_container .views-row .views-field-title {
+      font-size: 0.8rem;
+      font-weight: 600;
       display: none; }
+    #home_prog_container .views-row:hover .views-field-title {
+      font-weight: 600;
+      display: block;
+      color: white;
+      text-align: center; }
+      #home_prog_container .views-row:hover .views-field-title a {
+        text-decoration: none; }
   #home_prog_container .views-field-field-diaporama {
     display: none; }
-  #home_prog_container .views-field-title {
-    margin: 3rem; }
   #home_prog_container .programme-2 {
     background: center/contain no-repeat url(../images/POPSU_1.svg); }
-    #home_prog_container .programme-2 .views-field-title {
-      font-size: 0; }
     #home_prog_container .programme-2:hover {
       background: #4dabc1; }
   #home_prog_container .programme-2 {
     background: center/contain no-repeat url(../images/POPSU_2.svg); }
-    #home_prog_container .programme-2 .views-field-title {
-      font-size: 0; }
     #home_prog_container .programme-2:hover {
       background: #61ab32; }
   #home_prog_container .programme-3 {
     background: center/contain no-repeat url(../images/POPSU_Europe.svg); }
-    #home_prog_container .programme-3 .views-field-title {
-      font-size: 0; }
     #home_prog_container .programme-3:hover {
       background: #646578; }
   #home_prog_container .programme-5 {
     background: center/contain no-repeat url(../images/POPSU_monde.svg); }
-    #home_prog_container .programme-5 .views-field-title {
-      font-size: 0; }
     #home_prog_container .programme-5:hover {
       background: #ab9569; }
   #home_prog_container .programme-6 {
     background: center/contain no-repeat url(../images/POPSU_territoires.svg); }
-    #home_prog_container .programme-6 .views-field-title {
-      font-size: 0; }
     #home_prog_container .programme-6:hover {
       background: #e01a35; }
   #home_prog_container .programme-7 {
     background: center/contain no-repeat url(../images/POPSU_metropoles.svg); }
-    #home_prog_container .programme-7 .views-field-title {
-      font-size: 0; }
     #home_prog_container .programme-7:hover {
       background: #28429f; }
 
@@ -1825,6 +1821,81 @@ article p, .paragraph p {
   box-shadow: inset 0 -5rem 8rem white;
   z-index: -1; }
 
+.path-actus .content_container > div > h2:first-of-type {
+  text-align: center; }
+
+.path-actus .content_container .layout__region--content .views-element-container {
+  display: grid;
+  grid-template-columns: 10% minmax(0, 1fr); }
+  .path-actus .content_container .layout__region--content .views-element-container h2 {
+    grid-column: 2; }
+  .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; }
+    .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 {
+        text-decoration: underline; }
+  .path-actus .content_container .layout__region--content .views-element-container footer {
+    text-align: center;
+    margin: 1.8rem 0;
+    grid-column: 2; }
+    .path-actus .content_container .layout__region--content .views-element-container footer 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; }
+
+.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article {
+  display: grid !important;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  position: relative;
+  height: auto; }
+  .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article h2 {
+    grid-row: 2;
+    grid-column: 1 / span 2; }
+  .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article div {
+    grid-row: 1;
+    grid-column: 1 / span 2; }
+
+.path-actus .content_container .layout__region--content #home_blocks-block_3 .views-field-field-image {
+  grid-column: 1; }
+
+.path-actus .content_container .layout__region--content #home_blocks-block_3 .slick-slide {
+  background-color: transparent;
+  padding: 0; }
+  .path-actus .content_container .layout__region--content #home_blocks-block_3 .slick-slide .views-row {
+    padding: 0.4rem; }
+
+.path-actus .content_container .slick-slide {
+  margin: 0 1rem;
+  background-color: #98d0d9;
+  padding: 1rem; }
+
+.path-actus .content_container .slick-arrow {
+  position: absolute;
+  height: 100%;
+  cursor: pointer;
+  z-index: 100;
+  background-color: white;
+  opacity: 0;
+  transition: opacity 250ms;
+  width: 10%; }
+  .path-actus .content_container .slick-arrow:hover {
+    opacity: .5; }
+
+.path-actus .content_container .slick-next {
+  right: 0;
+  top: 0; }
+
 .page-node-type-programme .layout-content {
   position: relative; }
 

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

@@ -2,6 +2,7 @@ import 'slick-carousel';
 
 $(function(){
 	console.log("$ ready !!");
+	if($(".path-frontpage").length > 0){
 		$('.last-news').slick({
 			slidesToShow: 1,
 			slidesToScroll: 1,
@@ -15,6 +16,7 @@ $(function(){
 			centerPadding: '60px',
 			infinite: false,
 		});
+	}
 	$('#centre_de_ressources-block_2 .item-list ul').slick({
 		slidesToShow: 3,
   		slidesToScroll: 1,
@@ -22,6 +24,35 @@ $(function(){
   		centerPadding: '60px',
 		infinite: false,
 	});
+	if($(".path-actus").length > 0){
+		let elem = $("#actus_blocks-block_2").find("footer").detach();
+		$("#actus_blocks-block_2").append(elem);
+		$('#actus_blocks-block_2>div>div').slick({
+			slidesToShow: 3,
+			slidesToScroll: 1,
+			centerMode: false,
+			centerPadding: '60px',
+			infinite: false,
+		});	
+		elem = $("#actus_blocks-block_1").find("footer").detach();
+		$("#actus_blocks-block_1").append(elem);
+		$('#actus_blocks-block_1>div>div').slick({
+			slidesToShow: 3,
+			slidesToScroll: 1,
+			centerMode: false,
+			centerPadding: '60px',
+			infinite: false,
+		});	
+		
+		$('#home_blocks-block_3>div>div').slick({
+			slidesToShow: 3,
+			slidesToScroll: 1,
+			centerMode: false,
+			centerPadding: '60px',
+			infinite: false,
+		});
+		
+	}
 	
 	
 	// if($('.path-centre-de-ressources').length > 0){

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,14 +200,29 @@
 	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{
+	// .views-field-title{
-		margin: 3rem;
+	// 	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";