border img ressources

web/autoload.php

@@ -10,7 +10,6 @@
  * @see index.php
  * @see core/install.php
  * @see core/rebuild.php
- * @see core/modules/statistics/statistics.php
  */
 
 return require __DIR__ . '/../vendor/autoload.php';

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

@@ -11,7 +11,10 @@
 				grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
 				// grid-column-gap: 2rem;
 				// grid-row-gap: 1rem;
-				
+				@media print, screen and (max-width: 39.9988em) {
+					display: flex;
+					flex-direction: column;
+				}
 				header{
 					grid-column: 1 / span 5;
 					text-align: center;
@@ -48,7 +51,10 @@
 					width: 100%;
 					max-height: 100%;
 					grid-template-columns: repeat( 2, minmax(0, 1fr));
-	
+					@media print, screen and (max-width: 39.9988em) {
+						width: 80%;
+						margin: auto;
+					}
 					.views-field{
 						grid-column: 1 / span 2;
 						color: white;

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

@@ -17,6 +17,13 @@ article, .paragraph{
     z-index: 0;
     position: relative;
 } 
+.programme-6,
+.programme-7,
+.programme-883{
+    .layout-container{
+        background-color: white !important;  
+    }
+}
 .block-region-bottom .prog-ressources-link,.ressources-link{
     display: inline-block;
     margin: 0 auto; 

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

@@ -521,6 +521,7 @@
 				height: 100% !important;
 				width: inherit !important;
 				max-width: none;
+
 			}
 
 		// 	}
@@ -759,6 +760,9 @@
 			z-index: 0;	
 			padding: .5rem;
 			margin-top: -1.3rem;
+			img{				
+				border: 1px solid gray !important;
+			}
 		}
 		.views-field:not(.views-field-field-image){
 			background: transparent;

web/themes/custom/popsu/sass/pages/_node-evenement-actu.scss

@@ -1,4 +1,8 @@
 .page-node-type-evenement, .page-node-type-actualite{
+	// .layout-container{
+	// 	background-color: $bck-col;
+		
+	// } 
 	.block-region-first{
 		
         .field_programme{
@@ -135,6 +139,11 @@
 			.field_programme:has(.programme-912){
 				background-color: $col-ter;
 			}
+			.field_programme:has(.programme-883){
+				background-color: $col-transition;
+			}
+			
+			
 			.field_programme{
 				display: inline-block;
 				width: auto;

web/themes/custom/popsu/sass/pages/_page-node-type-projet.scss

@@ -0,0 +1,5 @@
+.page-node-type-projet{
+    .layout-container{
+        background-color: $bck-col !important;
+    }
+}

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

@@ -85,6 +85,7 @@
         }
     }
     #programme_toc-block_16{
+        margin-bottom: 0.5rem;
         .views-row{
             display: block;
             a{
@@ -403,6 +404,13 @@
                 color: $col-transition;
             }
         }
+            .main_logo{
+
+                position: absolute !important;
+                top:0;
+                left: 0;
+                margin: -6% 0 3rem !important;
+            }
     }
     &.programme-878{
         #node\:field_document .field_document{
@@ -445,8 +453,7 @@
         padding: 1rem 1.5rem ;
         a.prog-palpite-link,
         a.prog-ressources-link,
-        a.prog-exodeurbain-link,
+        a.prog-exodeurbain-link{
-        a.prog-missionphoto-link{
             text-transform: uppercase;
             font-family: "duke";
             font-size: $font-large;
@@ -670,7 +677,8 @@
             opacity: 1;
             position: absolute;
             top: 0; bottom: 0; left: -15px; right: -15px;
-            box-shadow: inset $bck-col 0 -4rem 2rem;
+            // box-shadow: inset $bck-col 0 -4rem 2rem;
+            box-shadow: inset white 0 -4rem 2rem;
         }
         .body_open{
             height: auto;
@@ -758,6 +766,9 @@
             text-align: center;
         }
         #centre_de_ressources-block_2{
+            .slick-track{
+                align-items: flex-start !important;
+            }
             .slick-slide{
                 margin: 0 0;
             }
@@ -800,6 +811,7 @@
                     width: 100%;
                     height: 100%;
                     object-fit: contain;
+                    border: 1px solid gray;
                 }
             }
             .views-field:not(.views-field-field-image){
@@ -808,7 +820,6 @@
                 margin-left: 0;
                 padding-left: 0;
                 padding-right: 8%;                
-                
             }
             .views-field-field-sous-titre{
                 grid-column: 2 / span 1;
@@ -820,6 +831,8 @@
             }
             .views-field-field-type-de-ressource{
                 grid-column: 2 / span 1;
+                padding: .5rem;
+
             }
             .views-field-field-edition{
                 grid-column: 2 / span 1;
@@ -950,6 +963,17 @@
                     
                 }
             }
+            .programme-883{
+                .views-field{
+                    color: $col-transition!important;
+                }
+                .views-field-field-programme, .views-field-title-1{
+                    .field-content{
+                        background: $col-transition ;
+                    }
+                    
+                }
+            }
         }
 
     }
@@ -1072,5 +1096,8 @@
                     transition: all 250ms ease;
                 }
     }
+    .block-region-third{
+        margin-top: 90%;
+    }
     
 }

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

@@ -132,6 +132,9 @@
 				}
 				.views-field-field-image{
 					grid-row: 2/span 5;	
+					.field-content{
+						border: 1px solid gray !important;
+					}
 				}
 				.views-field-field-edition{
 					grid-column: 2;
@@ -401,6 +404,9 @@
 			}
 			.views-field-field-image{
 				grid-row: 2/span 5;	
+				img{				
+					border: 1px solid gray !important;
+				}
 			}
 			.views-field-field-edition{
 				grid-column: 2;
@@ -641,6 +647,7 @@
 		.field_programme div{
 				background: $col-transition ;                
 		}
+
 	}
 	&.programme-878{
 		.block-region-second{
@@ -727,6 +734,9 @@
 			float: left;
 			width: 40%;
 			margin: -1rem 1rem 1.5rem 0;
+			img{				
+				border: 1px solid gray !important;
+			}
 		}
 		#node\:field_auteurs{
 			

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

@@ -22,7 +22,6 @@
 
         // }
         position: absolute;
-        
         top: 0;
         left: 0;
         width: 22%;

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

@@ -171,46 +171,54 @@
 	border-bottom: solid black 0.5px;
 	img{
 		max-height: 4.5rem;
+		width: auto;
 	}
-}
+	#header-top-left{
+		max-height: 100% !important;
+		.header_top_left_container{
+			max-height: 100% !important;
+			height: 100%;
+			display: grid;
+			grid-template-columns: 1fr 1fr 1fr;
+			align-items: center;
+			text-align: center;
+			column-gap: 10px;
+			&>div[id='']{
+				height: 100%;
+				font-size: 0;
+			}
 			
-.header_top_left_container{
+			width: 120%;
-	height: 100%;
+			padding-bottom: 0.4rem;
-	display: grid;
-	grid-template-columns: 1fr 1fr 1fr;
-	align-items: center;
-	text-align: center;
-	column-gap: 10px;
-	&>div[id='']{
-		height: 100%;
-		font-size: 0;
 		
+			a[rel~='home']{
+				//display: none;
+				height: 100%;
+				display: block;
+				font-size: 0;
+				color: transparent;
+				background: left / contain no-repeat url(../../images/logoPOPSU.png);
+			}
+			@include breakpoint(small down) {
+				grid-template-columns: 1fr 1fr;
+			}
+		}
 	}
+	#header-top-middle{
+		display: flex;
+		align-items: center;
+		justify-content: end;
+		.header_top_middle_container{
 	
-	
+			img{
-	a[rel~='home']{
+				max-width: 5rem;
-		//display: none;
+			}
-		height: 100%;
-		display: block;
-        font-size: 0;
-		color: transparent;
-		background: left / contain no-repeat url(../../images/logoPOPSU.png);
-	}
-	@include breakpoint(small down) {
-		grid-template-columns: 1fr 1fr;
-	}
-}
-#header-top-middle{
-	display: flex;
-	align-items: center;
-	justify-content: end;
-	.header_top_middle_container{
-
-		img{
-			max-width: 5rem;
 		}
 	}
 }
+
+
+
 .header_bottom_container{
 	height: 100%;
 	// solution to access views container
@@ -225,8 +233,7 @@
 				display: flex;
 				justify-content: space-evenly;
 				align-items: center;
-				padding: 1rem 15%;
+				padding: 1rem 15% 2rem 15%;
-  				
                 &>div:first-child{
                     grid-column-start: 2;
                 }
@@ -235,10 +242,8 @@
 					&>div:first-child{
 						grid-column-start: 1;
 					}
-			
 				}
 			}
-			
 		}
 	}
 
@@ -260,7 +265,7 @@
 				text-decoration: none;
 			}
 			@include breakpoint(1222px down) {
-				font-size: $font-small;
+				font-size: $font-medium;
 		
 			}
         }
@@ -280,9 +285,12 @@
 		background: black;
 		border-radius: 3px;
 		z-index: 1;
-		@include breakpoint(small down) {
+		@include breakpoint(medium down) {
 			width: 36px;
 		}
+		@include breakpoint(small down) {
+			width: 25px;
+		}
 	}
 }
 .close-block{
@@ -313,9 +321,12 @@
 	span{
 		margin-bottom: 12px;	
 		transform-origin: 4px 0px;
-		@include breakpoint(small down) {
+		@include breakpoint(medium down) {
 			margin-bottom: 8px;
 		}
+		@include breakpoint(small down) {
+			margin-bottom: 5px;
+		}
 	}
 }
 
@@ -456,8 +467,8 @@ footer[role="contentinfo"]{
             p{
                 display: inline-block;
                 a{
-                    min-width: 2rem;
+                    min-width: 1.5rem;
-                    min-height: 2rem;
+                    min-height: 1.5rem;
 					margin-right: 0.5rem;
 
                 }

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

@@ -7,6 +7,7 @@
     column-gap: 3rem;
     row-gap: 1rem;
     position: relative;
+    margin-bottom: 3rem;
   
 }
 

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

@@ -36,4 +36,5 @@
 @import "pages/node-evenement-actu";
 @import "pages/themes";
 @import "pages/presse";
+@import "pages/page-node-type-projet";