page presentation

web/sites/development.services.yml

@@ -5,7 +5,7 @@
 parameters:
   http.response.debug_cacheability_headers: true
   twig.config:
-    debug: true
+    debug: false
     auto_reload: true
 services:
   cache.backend.null:

web/themes/custom/popsu_colloque/css/components/btn/all_btn.scss

@@ -0,0 +1,20 @@
+.more_link{
+  @include shadow;
+}
+
+#block-views-block-slide-programme-block-1,
+#block-views-block-dernieres-publications-block-1{
+  .more_link{
+    margin: 0.5rem 0;
+    width: fit-content;
+  }
+}
+
+@media screen and (min-width: 576px) {
+  #block-views-block-slide-programme-block-1,
+  #block-views-block-dernieres-publications-block-1{
+    .more_link{
+      margin: 0;
+    }
+  }
+}

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

@@ -12,7 +12,7 @@ body{
   }
 }
 .__img-hero{
-  height: 500px;
+  height: 300px;
     img{
       width:100%;
       height: 100%;
@@ -20,6 +20,14 @@ body{
     }
 }
 
+.__img-hero{
+  width: 100vw;
+  position: relative;
+  left: 50%;
+  right: 50%;
+  margin-left: -50vw;
+  margin-right: -50vw;
+}
 
 .participant_full{
   .hero{
@@ -47,6 +55,17 @@ body{
   }
 }
 
+@media screen and (min-width: 768px) {
+  .__img-hero{
+    height: 500px;
+    width: auto;
+    position: relative;
+    left: 0;
+    right: 0;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
 @media screen and (min-width: 768px) {
   .participant_full{
     .hero{

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

@@ -6,6 +6,17 @@ header{
   background: white;
 }
 
+
+
+@media screen and (min-width: 768px) {
+  main:not(.home){
+    margin-top: 5rem!important;
+  }
+}
+
+main:not(.home){
+  margin-top: 0rem;
+}
 img{
   width:100%;
   height: 100%;
@@ -66,13 +77,24 @@ h4{
 }
 
 blockquote{
-  font-size: 2rem;
-  line-height: 1;
-  margin: 2rem;
+  margin: 2rem 1rem 2rem 1rem;
   color: $lightgrey;
   @include croix_or_B;
+  p{
+    margin-top: 0.5rem;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  blockquote{
+    margin: 3.5rem 2rem 4rem 2rem;
+    p{
+      margin-top: 1rem;
+    }
+  }
 }
 
+
 .container{
   &.programme{
     margin-top: 3rem;

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

@@ -8,10 +8,6 @@
           width: 100%;
           justify-content: space-between;
           align-items: center;
-          .more_link{
-            margin: 0;
-
-          }
         }
       }
     }
@@ -35,10 +31,6 @@
     section{
       .head{
         display: block;
-        .more_link{
-          margin: 0.5rem 0;
-          width: fit-content;
-        }
       }
       .thumbnails{
         margin: 1rem;

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

@@ -41,6 +41,7 @@ h1,h2,h3,h4{
 @import "components/slides/flickity.scss";
 @import "components/slides/slides.scss";
 @import "components/thumbnails/thumbnails.scss";
+@import "components/btn/all_btn.scss";
 
 main{
   // margin-top: $margin-hero;

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

@@ -124,11 +124,19 @@ main{
 blockquote{
   p{
     font-family: 'cormorantBold';
-    font-size: 3rem;
+    font-size: 2.5rem;
     line-height: 3rem;
     font-weight: lighter;
   }
 }
+@media screen and (min-width: 768px) {
+  blockquote{
+    p{
+      font-size: 3rem;
+      line-height: 3.5rem;
+    }
+  }
+}
 
 p{
   font-size: 1rem;

web/themes/custom/popsu_colloque/template/components/share_rs.html.twig

@@ -1,4 +1,4 @@
-<div class="__rs d-flex justify-content-end d-md-block">
+<div class="__rs d-flex d-md-block">
   <div class="__mail">
     <a href="#">
       <img src="/themes/custom/popsu_colloque/images/mail.svg" alt="Mail">

web/themes/custom/popsu_colloque/template/node/node--moments.html.twig

@@ -78,8 +78,8 @@
       {{content.field_image}}
     </div>
 
-    <div class="__wrapper row">
-      <div class="__title col-12 mt-3">
+    <div class="__wrapper row mt-4">
+      <div class="__title col-12 mb-5">
         <h2>{{label}}</h2>
       </div>
 

web/themes/custom/popsu_colloque/template/node/node--presentation.html.twig

@@ -75,12 +75,12 @@
 <div class="__img-hero">
 {{content.field_image}}
 </div>
-<article{{ attributes }} id="presentation">
-  <div class="__wrapper row">
-    <div class="__title col-12 mt-3">
-      <h2>{{label}}</h2>
-    </div>
-    <div class="__wrap_side col-sm-12 col-md-1 p-0 mt-0 mb-3">
+<article{{ attributes }} class="mt-4" id="presentation">
+  <div class="__title col-12 px-0">
+    <h2>{{label}}</h2>
+  </div>
+  <div class="__wrapper row mt-5">
+    <div class="__wrap_side col-sm-12 col-md-1 pr-0 mt-0 mb-3">
       {% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' %}
     </div>
     <div class="__wrap_content col-sm-12 col-md-8">