#1460 #1457 #1466 #1467

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

@@ -2181,11 +2181,16 @@ footer {
         text-decoration: none; }
         .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a:hover {
           text-decoration: underline; }
+      .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field:empty {
+        background: lime; }
       .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field:not(:first-child) {
         padding: 0 0 0 .4rem; }
       .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-image {
-        grid-row: 3 / span 2;
+        grid-row: 4 / span 2;
         margin-top: -1.5rem; }
+      .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-edition {
+        grid-column: 2;
+        grid-row: 6; }
       .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-auteurs {
         font-weight: 600;
         grid-column: 2;
@@ -2200,8 +2205,6 @@ footer {
           color: white;
           padding: .15rem .3rem;
           margin-bottom: 1rem; }
-      .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme .field-content {
-        color: black; }
       .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-type-de-ressource {
         text-transform: uppercase;
         font-weight: 600;
@@ -2219,9 +2222,11 @@ footer {
         grid-column: 2 / span 1;
         align-self: baseline; }
       .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme {
-        grid-row: 6 / span 1;
+        grid-row: 7 / span 1;
         grid-column: 1 / span 2;
         font-size: 0.45rem; }
+        .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme .field-content {
+          color: black; }
     .path-centre-de-ressources .views-view-grid .type-74 {
       display: grid;
       grid-template-columns: 1fr;
@@ -2262,8 +2267,16 @@ footer {
       .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme {
         font-size: 0.45rem;
         text-align: right; }
+  .path-centre-de-ressources nav {
+    display: grid;
+    align-items: center;
+    justify-items: center; }
   .path-centre-de-ressources .js-pager__items {
     text-align: center; }
+    .path-centre-de-ressources .js-pager__items li {
+      display: inline-block;
+      float: left;
+      margin: 0 .2rem; }
 
 article h2, article h3, article h4, article h5, article h6, .paragraph h2, .paragraph h3, .paragraph h4, .paragraph h5, .paragraph h6 {
   font-family: "trueno";
@@ -3256,11 +3269,11 @@ article p, .paragraph p {
   bottom: 0;
   left: -15px;
   right: -15px;
-  box-shadow: inset white 0 -4rem 2rem; }
+  box-shadow: inset white 0 -2rem 2rem; }
 
 .page-node-type-theme .block-region-second .body_open, .page-node-type-projet .block-region-second .body_open {
-  height: auto;
-  padding: 0 0 3rem 0;
+  height: auto !important;
+  padding: 0 0 .8rem 0;
   -webkit-transition: all 250ms ease;
   -moz-transition: all 250ms ease;
   -o-transition: all 250ms ease;
@@ -3272,6 +3285,9 @@ article p, .paragraph p {
     -o-transition: all 250ms ease;
     transition: all 250ms ease; }
 
+.page-node-type-theme .block-region-second .body_open:after, .page-node-type-projet .block-region-second .body_open:after {
+  display: none; }
+
 .page-node-type-theme .block-region-second .field_textes .paragraph, .page-node-type-projet .block-region-second .field_textes .paragraph {
   border-bottom: 3px dotted gray;
   padding: 1rem 0; }
@@ -3335,52 +3351,91 @@ article p, .paragraph p {
 .page-node-type-theme #node\:field_equipes, .page-node-type-projet #node\:field_equipes {
   margin-top: 1rem; }
   .page-node-type-theme #node\:field_equipes h2, .page-node-type-projet #node\:field_equipes h2 {
+    cursor: pointer;
     color: black;
-    text-align: center; }
-  .page-node-type-theme #node\:field_equipes .field_equipes .paragraph, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph {
-    display: grid; }
-    .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres {
-      grid-row: 2;
-      margin-bottom: 1rem; }
-      .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres > div:first-child {
-        display: none; }
-      .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph {
-        display: grid;
-        grid-template-columns: auto 1fr;
+    display: grid;
+    grid-template-columns: 95% 5%;
+    align-content: center; }
+  .page-node-type-theme #node\:field_equipes h2:after, .page-node-type-projet #node\:field_equipes h2:after {
+    content: '▼';
+    -webkit-transition: all 250ms ease;
+    -moz-transition: all 250ms ease;
+    -o-transition: all 250ms ease;
+    transition: all 250ms ease;
+    align-self: center;
+    justify-self: center;
+    font-size: 1rem; }
+  .page-node-type-theme #node\:field_equipes .rotate:after, .page-node-type-projet #node\:field_equipes .rotate:after {
+    transform: rotate(180deg);
+    -webkit-transition: all 250ms ease;
+    -moz-transition: all 250ms ease;
+    -o-transition: all 250ms ease;
+    transition: all 250ms ease; }
+  .page-node-type-theme #node\:field_equipes .field_equipes, .page-node-type-projet #node\:field_equipes .field_equipes {
+    display: none; }
+    .page-node-type-theme #node\:field_equipes .field_equipes .paragraph, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph {
+      display: grid; }
+      .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres {
+        grid-row: 2;
         margin-bottom: 1rem; }
-        .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom {
-          grid-column: 2;
-          grid-row: 1;
-          padding-left: .3rem;
-          display: inline-block;
-          width: auto;
-          font-weight: 500; }
-          .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom > div:first-child {
-            display: none; }
-          .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom div:nth-of-type(2), .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom div:nth-of-type(2) {
+        .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres > div:first-child {
+          display: none; }
+        .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph {
+          display: grid;
+          grid-template-columns: auto 1fr;
+          margin-bottom: 1rem; }
+          .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom {
+            grid-column: 2;
+            grid-row: 1;
+            padding-left: .3rem;
             display: inline-block;
-            width: auto; }
-        .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom {
-          grid-column: 1;
-          grid-row: 1;
-          display: inline-block;
-          font-weight: 500; }
-          .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom > div:first-child {
-            display: none; }
-          .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom div:nth-of-type(2), .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom div:nth-of-type(2) {
+            width: auto;
+            font-weight: 500; }
+            .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom > div:first-child {
+              display: none; }
+            .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom div:nth-of-type(2), .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom div:nth-of-type(2) {
+              display: inline-block;
+              width: auto; }
+          .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom {
+            grid-column: 1;
+            grid-row: 1;
             display: inline-block;
-            width: auto; }
-        .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction {
-          grid-column: 1 / span 2; }
-          .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction > div:first-child {
-            display: none; }
-    .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_type_equipe, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_type_equipe {
-      grid-row: 1;
-      font-weight: 600;
-      font-size: 0.8rem;
-      margin-bottom: .5rem; }
-      .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_type_equipe div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_type_equipe div:first-child {
-        display: none; }
+            font-weight: 500; }
+            .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom > div:first-child {
+              display: none; }
+            .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom div:nth-of-type(2), .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom div:nth-of-type(2) {
+              display: inline-block;
+              width: auto; }
+          .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction {
+            grid-column: 1 / span 2; }
+            .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction > div:first-child {
+              display: none; }
+      .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_type_equipe, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_type_equipe {
+        grid-row: 1;
+        font-weight: 600;
+        font-size: 0.8rem;
+        margin-bottom: .5rem; }
+        .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_type_equipe div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_type_equipe div:first-child {
+          display: none; }
+
+.page-node-type-theme #node\:field_partenaires h2, .page-node-type-projet #node\:field_partenaires h2 {
+  color: black; }
+
+.page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph {
+  display: grid;
+  align-items: center;
+  justify-items: center;
+  grid-template-columns: 40% 60%; }
+  .page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire {
+    grid-column: 1;
+    grid-row: 1; }
+    .page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire div:first-child, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire div:first-child {
+      display: none; }
+  .page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_nom_partenaire, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_nom_partenaire {
+    grid-column: 2;
+    grid-row: 1; }
+    .page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_nom_partenaire div:first-child, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_nom_partenaire div:first-child {
+      display: none; }
 
 .page-node-type-theme.programme-1 .block-region-second h2, .page-node-type-theme.programme-1 .block-region-second h3, .page-node-type-theme.programme-1 .block-region-second h4, .page-node-type-theme.programme-1 .block-region-second h5, .page-node-type-theme.programme-1 .block-region-second h6, .page-node-type-theme.programme-1 .block-region-second .field_titre, .page-node-type-projet.programme-1 .block-region-second h2, .page-node-type-projet.programme-1 .block-region-second h3, .page-node-type-projet.programme-1 .block-region-second h4, .page-node-type-projet.programme-1 .block-region-second h5, .page-node-type-projet.programme-1 .block-region-second h6, .page-node-type-projet.programme-1 .block-region-second .field_titre {
   color: #4dabc1; }
@@ -3414,7 +3469,8 @@ article p, .paragraph p {
 
 .page-node-type-theme #node\:field_equipes h2 {
   color: white !important;
-  text-align: left !important; }
+  text-align: left !important;
+  cursor: pointer; }
 
 .page-node-type-theme .field_projets_lies article {
   display: grid; }

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

@@ -230,10 +230,12 @@ if($(".page-node-type-programme").length > 0 || $(".page-node-type-projet").leng
 	});
 	if(hb < ttp + 30){
 		$(".block-region-second .body").append('<footer><a class="more">Lire la suite</a></footer>');
+	}else{
+		$(".block-region-second .body").addClass("body_open");	
 	}
 	//reteste on windows resize 
 	window.addEventListener('resize', function(){
-		
+		$(".block-region-second .body").removeClass("body_open");
 		let hb = $(".block-region-second .body").height();
 		let ttp = 0;
 		$(".block-region-second .body p").each(function(){
@@ -248,7 +250,9 @@ if($(".page-node-type-programme").length > 0 || $(".page-node-type-projet").leng
 		}else{
 			if($(".block-region-second .body footer").length > 0){
 				$(".block-region-second .body footer").remove();
-			}		
+				
+			}
+			$(".block-region-second .body").addClass("body_open");	
 		}
 		
 	});
@@ -262,8 +266,18 @@ if($(".page-node-type-programme").length > 0 || $(".page-node-type-projet").leng
 		$(this).toggleClass("rotate");
 
 	});
+	$(".field_equipes").parent().find("h2").on("click",  function(){
+		
+		$(this).toggleClass("rotate");
+		if($(".field_equipes").is(":visible")){
+			$(".field_equipes").fadeOut("slow");
+		}else{
+			$(".field_equipes").fadeIn("slow");
+		}
+
+	})
 
-	$(".more").on("click", function(){
+	$(".block-region-second .body").on("click", ".more", function(){
 		
 
 		$(".body").toggleClass("body_open");

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

@@ -337,14 +337,20 @@
 			// background-clip: content-box;
 			width: 100% !important;
 			padding: .3rem;
+			.views-field:empty {
+				background: lime;
+			}
 			.views-field:not(:first-child){
 				padding: 0 0 0 .4rem;
 			}
 			.views-field-field-image{
-				grid-row: 3 / span 2;
+				grid-row: 4 / span 2;
 				margin-top: -1.5rem;				
 			}
-
+			.views-field-field-edition{
+				grid-column: 2;
+				grid-row: 6;
+			}
 			.views-field-field-auteurs{
 				font-weight: 600;
 				grid-column: 2;
@@ -364,11 +370,7 @@
 				}
 				
 			}
-			.views-field-field-theme{
-				.field-content{
-					color:black;
-				}
-			}
+			
 			.views-field-field-type-de-ressource{
 				text-transform: uppercase;
 				font-weight: 600;
@@ -391,9 +393,12 @@
 				align-self: baseline;
 			}
 			.views-field-field-theme{
-				grid-row: 6 / span 1;
+				grid-row: 7 / span 1;
 				grid-column: 1 / span 2;
 				font-size: $font-small;
+				.field-content{
+					color:black;
+				}
 
 			}
 		}
@@ -470,9 +475,20 @@
 
 		
 
+	}
+	nav{
+		display: grid;
+		align-items: center;
+		justify-items: center;
 	}
 	
 	.js-pager__items{
 		text-align: center;
+		
+		li{
+			display: inline-block;
+			float: left;
+			margin: 0 .2rem;
+		}
 	}
 }

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

@@ -141,16 +141,17 @@
                 }
             }
         }
+
         .body:after{
             content: "";
             opacity: 1;
             position: absolute;
             top: 0; bottom: 0; left: -15px; right: -15px;
-            box-shadow: inset white 0 -4rem 2rem;
+            box-shadow: inset white 0 -2rem 2rem;
         }
         .body_open{
-            height: auto;
-            padding: 0 0 3rem 0;
+            height: auto !important;
+            padding: 0 0 .8rem 0;
             &:after{
                 opacity: 0;
                 -webkit-transition: all 250ms ease;
@@ -163,6 +164,9 @@
             -o-transition: all 250ms ease;
             transition: all 250ms ease;
         }
+        .body_open:after{
+            display: none;
+        }
         .field_textes{
           
             .paragraph{
@@ -245,15 +249,37 @@
     }
 
 
-    //équipe tmp 
-
+   
     #node\:field_equipes{
         margin-top: 1rem;
         h2{
+            cursor: pointer;
             color: black;
-            text-align: center;
+            display: grid;
+            grid-template-columns: 95% 5%;
+            align-content: center;
+            // text-align: center;
+        }
+
+        h2:after{
+            content: '▼';
+            -webkit-transition: all 250ms ease;
+            -moz-transition: all 250ms ease;
+            -o-transition: all 250ms ease;
+            transition: all 250ms ease;
+            align-self: center;
+            justify-self: center;
+            font-size: $font-big;
+        }
+        .rotate:after{
+            transform: rotate(180deg);
+            -webkit-transition: all 250ms ease;
+            -moz-transition: all 250ms ease;
+            -o-transition: all 250ms ease;
+            transition: all 250ms ease;
         }
         .field_equipes{
+            display: none;
            .paragraph{
                 display: grid;
                 .field_membres{
@@ -314,6 +340,33 @@
             }
         }
     }
+    #node\:field_partenaires{
+        h2{
+            color: black;
+        }
+        .field_partenaires{
+            .paragraph{
+                display: grid;
+                align-items: center;
+                justify-items: center;
+                grid-template-columns: 40% 60%;
+                .field_logo_partenaire{
+                    div:first-child{
+                        display: none;
+                    }
+                    grid-column: 1;
+                    grid-row: 1;
+                }
+                .field_nom_partenaire{
+                    div:first-child{
+                        display: none;
+                    }
+                    grid-column: 2;
+                    grid-row: 1;
+                }
+            }
+        }
+    }
 
 &.programme-1{
     .block-region-second{
@@ -397,8 +450,12 @@
         h2{
             color: white !important;
             text-align: left !important;
+            cursor: pointer;
             
         }
+        h2:after{
+
+        }
         
     }
     .field_projets_lies{