page about

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

@@ -1484,6 +1484,9 @@ footer {
   .path-frontpage .block-region-content .views-element-container {
     grid-column: 1 / span 3; }
 
+.path-frontpage .header_top_left_container a[rel~="home"] {
+  display: none; }
+
 .last-news .slick-slide, .last-ressources .slick-slide {
   margin: 0 1rem; }
 
@@ -1716,9 +1719,14 @@ footer {
     padding-left: 0;
     color: black; }
   #home_blocks-block_3 .last-ressources .views-field-title-1, #home_blocks-block_3 .last-ressources .views-field-title {
-    font-weight: 600;
+    font-weight: 400;
     grid-row: 3 / span 1;
-    grid-column: 2 / span 1; }
+    grid-column: 3 / span 1;
+    font-style: italic; }
+  #home_blocks-block_3 .last-ressources .views-field-field-auteurs {
+    grid-row: 3 / span 1;
+    grid-column: 2 / span 1;
+    font-weight: 600; }
   #home_blocks-block_3 .last-ressources .views-field-field-programme {
     padding-left: .5rem !important;
     grid-row: 1 / span 1;
@@ -2240,6 +2248,9 @@ article p, .paragraph p {
     .block-region-first #node\:title:hover {
       text-decoration: underline; }
 
+.page-node-type-static .layout__region {
+  position: relative; }
+
 .page-node-type-static .layout__region--top {
   position: absolute;
   top: 0;
@@ -2250,6 +2261,43 @@ article p, .paragraph p {
   box-shadow: inset 0 -5rem 8rem white;
   z-index: -1; }
 
+.page-node-type-static .block-region-third {
+  position: sticky;
+  top: 3rem; }
+
+.page-node-type-static .block-region-first {
+  padding: 1rem; }
+  .page-node-type-static .block-region-first .field_titre {
+    font-size: 0.6rem;
+    font-weight: 600;
+    margin-top: .5rem;
+    cursor: pointer; }
+    .page-node-type-static .block-region-first .field_titre:hover {
+      text-decoration: underline; }
+
+.page-node-type-static .block-region-first #node\:title {
+  font-size: 1.3rem; }
+  .page-node-type-static .block-region-first #node\:title:hover {
+    text-decoration: none; }
+
+.page-node-type-static .field_textes .paragraph {
+  border-bottom: 3px dotted gray;
+  padding: 1rem 0; }
+  .page-node-type-static .field_textes .paragraph .field_titre {
+    font-size: 1rem;
+    font-weight: 600;
+    text-transform: initial;
+    cursor: pointer; }
+  .page-node-type-static .field_textes .paragraph .field_texte {
+    height: auto;
+    position: relative;
+    -webkit-transition: all 250ms ease;
+    -moz-transition: all 250ms ease;
+    -o-transition: all 250ms ease;
+    transition: all 250ms ease; }
+    .page-node-type-static .field_textes .paragraph .field_texte h2 {
+      text-transform: inherit; }
+
 .page-node-type-actualite .block-region-first, .page-node-type-evenement .block-region-first {
   background-color: black;
   color: white; }

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

@@ -202,6 +202,24 @@ if($(".page-node-type-programme").length > 0){
 
 }
 
+//page about navigation : 
+if($(".page-node-type-static").length > 0){
+	$(".field_titre").on("click", function(){
+		let elem = $(this).find('div:not([class])').html();
+		console.log(elem);
+		$(".block-region-second").find(".field_titre").each(function(){
+			let title = $(this).html();
+			if(title == elem){
+				$('html,body').animate({
+					scrollTop: $(this).offset().top
+				}, 'slow');
+				return false;
+			}
+		});
+	});
+}
+
+	
 });
 
 

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

@@ -12,6 +12,7 @@ article, .paragraph{
         margin-bottom: .5rem;
     }
 }
+
 .block-region-first,.block-region-third{
     h2{
         font-size: $font-big;
@@ -41,6 +42,9 @@ article, .paragraph{
 }
 
 .page-node-type-static{
+    .layout__region{
+        position: relative;
+    }
     .layout__region--top{
         position: absolute;
         top: 0;
@@ -51,6 +55,57 @@ article, .paragraph{
         box-shadow: inset 0 -5rem 8rem white;
         z-index: -1;
     }
+    .block-region-third{
+        position: sticky;
+        top: 3rem;
+    }
+    .block-region-first{
+        padding: 1rem;
+        .field_titre{
+            font-size: $font-normal;
+            font-weight: 600;
+            margin-top: .5rem;
+            cursor: pointer;
+            &:hover{
+                text-decoration: underline;
+            }
+        }
+    }
+    .block-region-first #node\:title{
+        font-size: 1.3rem;
+        &:hover{
+            text-decoration: none;
+        }
+    }
+    .field_textes{
+          
+        .paragraph{
+            // border-top: 1px solid black;
+            border-bottom: 3px dotted gray;
+            padding: 1rem 0;
+            .field_titre{
+                font-size: $font-big;
+                font-weight: 600;
+                text-transform: initial;
+                cursor: pointer;
+                // margin-top: 1rem;
+            }
+            
+            .field_texte{
+                height: auto;
+                position: relative;
+                h2{
+                    text-transform: inherit;
+                }
+                -webkit-transition: all 250ms ease;
+                -moz-transition: all 250ms ease;
+                -o-transition: all 250ms ease;
+                transition: all 250ms ease;
+            }
+            
+            
+        }
+    }
 }
 
 .page-node-type-actualite, .page-node-type-evenement{

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

@@ -1,6 +1,5 @@
-// .slick-list{
-// }
 .path-frontpage{
+
 	.block-region-content{
 		display: grid;
 		grid-template-columns: repeat(3, minmax(0,1fr));
@@ -10,6 +9,12 @@
 			// overflow: hidden;
 		}
 	}
+
+	.header_top_left_container{
+		a[rel~="home"]{
+			display: none;
+		}
+	}
 }
 
 .last-news, .last-ressources{
@@ -352,10 +357,16 @@
 			
 		}
 		.views-field-title-1,.views-field-title{
-			font-weight: 600;
+			font-weight: 400;
+			grid-row: 3 / span 1;
+			grid-column: 3 / span 1;
+			font-style: italic;
+			
+		}
+		.views-field-field-auteurs{
 			grid-row: 3 / span 1;
 			grid-column: 2 / span 1;
-			
+			font-weight: 600;
 		}
 		
 		.views-field-field-programme{