carte + ajustement home

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

@@ -101,7 +101,7 @@ $(function(){
 			$('.header_container').find("header .arrow").remove();
 			$(this).append('<span class="arrow"><br>▼</span>');
 			$(this).toggleClass('active');
-			var containers_id  = ["villes-block_1","programmes-block_4","home_themes-block_1"];
+			var containers_id  = ["projets-block_1","programmes-block_4","home_themes-block_1"];
 			containers_id.forEach((element) => {
 				$("#"+element).fadeOut();
 			});
@@ -215,9 +215,13 @@ $(function(){
 		  
 	});
 	
-//// PAGE POPSU ////
-// projets-block_2
+//// PAGE POPSU //// 
+
 if($(".page-node-type-programme").length > 0 || $(".page-node-type-projet").length > 0 || $(".page-node-type-theme").length > 0){
+	$('.views-element-container header').click(function(){
+		$(this).parent().find(".views-row").fadeToggle();
+	})
+	
 	$(".body").append('<footer><a class="more">Lire la suite</a></footer>');
 
 	let elem = "<div class='main_logo'></div>"

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

@@ -1,5 +1,12 @@
 .path-frontpage{
-
+	.header_top_left_container{
+		
+		div:nth-child(2){
+			img{
+				width: 77%;
+			}
+		}
+	}
 	.block-region-content{
 		display: grid;
 		grid-template-columns: repeat(3, minmax(0,1fr));
@@ -108,7 +115,7 @@
 		margin-left: 1rem;
 		color: white;
 		align-self: flex-start;
-		grid-column: 1;
+		// grid-column: 1;
 		grid-auto-rows: min-content;
 
 		font-size: $font-normal;
@@ -140,7 +147,7 @@
 	}
 
 }
-
+// general à deplacer
 .last-ressources{
 	.views-field{
 		color: black;
@@ -322,7 +329,7 @@
 	}
 	
 }
-#villes-block_1, #home_themes-block_1, #programmes-block_4{
+#projets-block_1, #home_themes-block_1, #programmes-block_4{
 	header{
 		display: none;
 	}
@@ -608,10 +615,11 @@
 			background-clip: content-box;
 		}
 		.views-field-field-image{
-			grid-row: 3 / span 2;
+			grid-row: 3 / span 3;
 			// margin-top: -1.5rem;
 			z-index: 0;	
 			padding: .5rem;
+			margin-top: -1.3rem;
 		}
 		.views-field:not(.views-field-field-image){
 			background: transparent;
@@ -619,23 +627,24 @@
 			margin-left: 0;
 			padding-left: 0;
 			color: black;
-			grid-column: 2 / span 1;
 			
 		}
 		.views-field-title-1,.views-field-title{
 			font-weight: 400;
 			grid-row: 3 / span 1;
-			
+			grid-column: 2;
 			font-style: italic;
 			
 		}
 		.views-field-field-auteurs{
-			grid-row: 3 / span 1;
+			grid-row:  2 / span 1;
 			font-weight: 600;
+			grid-column: 2;
 			
 		}
 		.views-field-field-edition{
-			grid-row: 5;
+			grid-row: 4;
+			grid-column: 2;
 			
 		}
 		

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

@@ -41,11 +41,25 @@
     }
     //tmp hidden
     .block-region-first{
-        visibility: hidden;
+        padding: 1rem;
+        .field_programme{
+            background: black !important;
+            font-weight: 600;
+            
+            a{
+                text-decoration: none;
+            &:hover{
+                text-decoration: underline;
+            }
+            }
+        }
     }
 
     .block-region-third{
         margin-top: 30rem;
+        #node\:field_equipes{
+            visibility: hidden;
+        }
     }
     .block-region-second{
         #node\:title:before{
@@ -351,7 +365,7 @@
 
     // font-size: $font-small;
     //temp hidden 
-    .computed_projets_references, .computed_themes_references, .field_logo{
+    .computed_projets_references, .computed_themes_references{
         display: none;
     }
     

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

@@ -146,6 +146,8 @@
 	&>div[id='']{
 		height: 100%;
 	}
+	
+	
 	a[rel~='home']{
 		//display: none;
 		height: 100%;

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

@@ -1,5 +1,5 @@
 body{
-	font-family: "trueno";
+	font-family: "trueno" !important;
 	font-size: $font-normal ;
 	font-weight: 300;
 	line-height: 1.5;
@@ -112,4 +112,70 @@ iframe{
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
+}
+
+
+//map 
+
+.leaflet-marker-icon{
+	
+	// padding: .5rem;
+	a{
+		text-decoration: none;
+		color: white;display: block;
+		padding: .4rem;
+		font-weight: 600;
+		font-size: 0;
+		border-radius: 50%;
+		transition: all 250ms;
+		&:hover{
+			background: white;
+			font-size: $font-small;
+			transition: all 250ms;
+			border-radius: 0;
+		}
+	}
+	.programme-1{
+		background: $col-1;
+		&:hover{
+			color: $col-1;
+		}
+	}
+	.programme-2{
+		background: $col-2;
+		&:hover{
+			color: $col-2;
+		}
+	}
+	.programme-3{
+		background: $col-eur;
+		&:hover{
+			color: $col-eur;
+		}
+	}
+	.programme-4{
+		background: black;
+		&:hover{
+			color: black;
+		}
+	}
+	.programme-5{
+		background: $col-mond;
+		&:hover{
+			color: $col-mond;
+		}
+	}
+	.programme-6{
+		background: $col-ter;
+		&:hover{
+			color: $col-ter;
+		}
+	}
+	.programme-7{
+		background: $col-met;
+		&:hover{
+			color: $col-met;
+		}
+	}
+	
 }