#1554

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

@@ -325,7 +325,7 @@ if($(".page-node-type-programme").length > 0 || $(".page-node-type-projet").leng
 		
 	});
 
-	$(".field_ressources_liees div:nth-of-type(2)").slick({
+	$(".field_ressources_liees>div:nth-of-type(2)").slick({
 		slidesToShow: 3,
 		slidesToScroll: 1,
 		centerMode: true,

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

@@ -32,23 +32,7 @@
 	.slick-slide{
 		margin: 0 1rem;
 	}
-	.slick-arrow{
-		position: absolute;
-		height: 100%;
-		cursor: pointer;
-		z-index: 100;
-		// background-color: white;
-		opacity: 0.2;
-		transition: opacity 250ms;
-		width: 10%;
-		&:hover{
-			opacity: .5;
-		}
-	}
-	.slick-next{
-		right: 0;
-		top: 0;
-	}
+	
 	.views-row{
 		display: grid !important;
 		grid-template-columns: 1fr;

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

@@ -628,7 +628,36 @@
             text-align: center;
         }
         article{
-
+            a{
+                text-decoration: none;
+            }
+            display:grid !important;
+            grid-template-columns: 1fr 1fr;
+            h2{
+                grid-column: 1 / span 2;
+                grid-row: 2;
+                text-align:left;
+            }
+            .field_programme{
+                grid-row:1;
+                margin-bottom: -.8rem;
+                z-index: 8;
+                &>div{
+                    display: inline-block;
+                    width: auto;
+				    padding: .3rem .5rem;
+                    a{
+                        font-weight: 600;
+                        color: white;
+                    }
+                }
+            }
+            .field_type_de_ressource{
+                grid-row: 3;
+            }
+            &>div{
+                display: grid;
+            }
         }
     }
 }

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

@@ -111,6 +111,23 @@ i, em{
 	}
 
 }
+.slick-arrow{
+	position: absolute;
+	height: 100%;
+	cursor: pointer;
+	z-index: 100;
+	// background-color: white;
+	opacity: 0.2;
+	transition: opacity 250ms;
+	width: 10%;
+	&:hover{
+		opacity: .5;
+	}
+}
+.slick-next{
+	right: 0;
+	top: 0;
+}
 .slick-prev{
 	-moz-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
@@ -120,6 +137,7 @@ i, em{
 }
 
 
+
 //map 
 
 .leaflet-marker-icon{

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

@@ -6,7 +6,9 @@
     position: relative;
   
 }
-
+.layout-content{
+    padding-bottom: 4rem;
+}
 .layout__region--bottom{
     grid-column: 1 /span 3;
 }