home

web/themes/custom/popsu_colloque/css/components/slides/slides.scss

@@ -1,3 +1,23 @@
+@media screen and (min-width: 576px) {
+  #block-views-block-slide-programme-block-1,
+  #block-views-block-dernieres-publications-block-1{
+    .views{
+      section{
+        .head{
+          display: flex!important;
+          width: 100%;
+          justify-content: space-between;
+          align-items: center;
+          .more_link{
+            margin: 0;
+
+          }
+        }
+      }
+    }
+  }
+}
+
 #block-views-block-slide-programme-block-1{
   .__slide{
     article{
@@ -6,11 +26,6 @@
   }
 }
 
-#block-views-block-dernieres-publications-block-1{
-  .__media{
-    padding: 1rem 0;
-  }
-}
 #block-views-block-slide-programme-block-1,
 #block-views-block-dernieres-publications-block-1{
   section:not(.wrap_head){
@@ -19,10 +34,11 @@
   .views{
     section{
       .head{
-        display: flex;
+        display: block;
-        width: 100%;
+        .more_link{
-        justify-content: space-between;
+          margin: 0.5rem 0;
-        align-items: center;
+          width: fit-content;
+        }
       }
       .thumbnails{
         margin: 1rem;

web/themes/custom/popsu_colloque/css/components/thumbnails/thumbnails.scss

@@ -10,12 +10,22 @@
    a{
      display: block;
      height: 100%;
-     & > .__wrap{
+   }
+   .__content{
+     margin-top: 1rem;
+   }
+  .d-flex{
+     // padding: 1rem;
+   }
+   &.programme{
+     .__wrap{
        padding: 1rem;
      }
    }
+   &.publications{
+     width: 100%;
      .__media{
-     margin-right: 1rem;
+       padding: 1rem;
        figure{
          height: 100%;
          img{
@@ -26,10 +36,8 @@
        }
      }
      .__content{
-     margin-top: 1rem;
+       margin: 1rem 1rem 1rem 0;
      }
-  .d-flex{
-     // padding: 1rem;
    }
  }
 
@@ -57,6 +65,15 @@
     }
   }
 }
+
+
+@media screen and (min-width: 768px) {
+  .thumbnails{
+    &.publications{
+      width: calc(100% / 2 - #{$gutter1} * 2);
+    }
+  }
+}
 @media screen and (min-width: 992px) {
   .programme{
     .row{
@@ -70,6 +87,11 @@
       }
     }
   }
+  .thumbnails{
+    &.publications{
+      width: calc(100% / 4 - #{$gutter1} * 4);
+    }
+  }
 }
 
 .thumbnails_participants{

web/themes/custom/popsu_colloque/css/typography.scss

@@ -181,15 +181,26 @@ a{
     font-size: 0.9rem;
     text-transform: uppercase;
   }
-
+  &.programme{
     .__content{
-    a{
       font-family: 'truenoregular';
       font-weight: bold;
       font-size: 1rem;
       text-transform: uppercase;
     }
   }
+  &.publications{
+    .__content{
+      div{
+        font-family: 'cormorantBold';
+        font-size: 1.2rem;
+      }
+      span{
+        font-family: 'cormorantBoldItalic';
+        font-size: 1.2rem;
+      }
+    }
+  }
 }
 
 .paragraph--type--role-de-l-intervenant{

web/themes/custom/popsu_colloque/template/views/fields/node--view--dernieres-publications.html.twig

@@ -80,6 +80,7 @@
     </div>
     <div class="__wrap">
       <div class="__content">
+        {{content.field_auteur|raw}}
         {{ label|raw }}
         {{content.field_complement_d_info|raw}}
       </div>

web/themes/custom/popsu_colloque/template/views/lists/views-view-unformatted--dernieres_publications.html.twig

@@ -27,7 +27,7 @@
         default_row_class ? 'views-row',
       ]
     %}
-    <article class="thumbnails col-lg-3 col-sm-6 col-12">
+    <article class="thumbnails publications">
       {{- row.content -}}
     </article>
   {% endfor %}

web/themes/custom/popsu_colloque/template/views/lists/views-view-unformatted--programme.html.twig

@@ -34,7 +34,7 @@
     {% for row in rows %}
       {%
         set row_classes = [
-          default_row_class ? 'thumbnails',
+          default_row_class ? 'thumbnails programme',
         ]
       %}
       <div{{ row.attributes.addClass(row_classes) }}>

web/themes/custom/popsu_colloque/template/views/lists/views-view-unformatted--slide_programme.html.twig

@@ -24,7 +24,7 @@
       default_row_class ? 'views-row',
     ]
   %}
-  <article class="thumbnails">
+  <article class="thumbnails programme">
     {{- row.content -}}
   </article>
 {% endfor %}