add svg + responsive

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/layout.scss

@@ -22,3 +22,22 @@ img{
     }
   }
 }
+
+
+#block-views-block-slide-programme-block-1,
+#block-views-block-dernieres-publications-block-1{
+  .views{
+    section.wrap_head{
+      @include croix_or;
+    }
+  }
+}
+
+article{
+  .__title{
+    @include croix_or;
+  }
+}
+h4{
+  @include croix_or;
+}

web/themes/custom/popsu_colloque/css/components/sidebar/rs.scss

@@ -0,0 +1,16 @@
+.__rs{
+  & > div{
+    width: 20px;
+    height: 20px;
+    margin: 0 0.25rem;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .__rs{
+    margin: auto;
+    & > div{
+      margin: 0 auto 0.5rem auto;
+    }
+  }
+}

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

@@ -2,7 +2,7 @@
 #block-views-block-dernieres-publications-block-1{
   .views{
     section{
-      &:first-child{
+      .head{
         display: flex;
         width: 100%;
         justify-content: space-between;

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

@@ -15,16 +15,10 @@
    width: calc(100% / 4 );
    background: white;
    transform: scale(1);
-   box-shadow: none;
-   transition: 0.3s transform ease, 0.3s box-shadow ease;
+   @include shadow;
    a{
      display: block;
      height: 100%;
-   }
-   &:hover{
-     transform: scale(1.05);
-     transition: 0.3s all ease;
-     box-shadow: 0px 0px 13px 0px $color2;
    }
     & > .__wrap{
        padding: 1rem;
@@ -56,7 +50,6 @@
    }
  }
 
-
 .programme{
   .row{
     margin: 0;
@@ -69,8 +62,7 @@
     }
   }
 }
-
-@media screen and (min-width: 960px) {
+@media screen and (min-width: 992px) {
   .programme{
     .row{
       margin: $gutter1 calc(-#{$gutter1});
@@ -84,3 +76,48 @@
     }
   }
 }
+
+
+article{
+  .__publications{
+    & > div{
+      article{
+        width: 100%;
+        @include shadow;
+        figure{
+          padding: 1rem;
+          .__media{
+            margin-right: 1rem;
+          }
+          figcaption {
+            width: 80%;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media screen and (min-width: 992px) {
+  article{
+    .__publications{
+      & > div{
+        margin: 0 calc(-#{$gutter1});
+        article{
+          width: calc( 50% - #{$gutter1} * 2);
+          margin: 0 $gutter1;
+          @include shadow;
+          figure{
+            padding: 1rem;
+            .__media{
+              margin-right: 1rem;
+            }
+            figcaption {
+              width: 80%;
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -8,8 +8,8 @@
  */
 
 @import "variables/var.scss";
+@import "mixins/mixin.scss";
 @import "typography.scss";
-
 @import "components/admin/edit.scss";
 @import "components/admin/toolbar.scss";
 
@@ -34,6 +34,7 @@ h1,h2,h3,h4{
 @import "components/header.scss";
 @import "components/hero.scss";
 @import "components/layout.scss";
+@import "components/sidebar/rs.scss";
 @import "components/slides/flickity.scss";
 @import "components/slides/slides.scss";
 

web/themes/custom/popsu_colloque/css/mixins/mixin.scss

@@ -0,0 +1,23 @@
+@mixin croix_or {
+  &:after{
+    // width: 100%;
+    height: 2rem;
+    margin-top: 0.5rem;
+    content: " ";
+    display: block;
+    background: url($croix_or);
+    background-repeat: repeat-x;
+    background-size: auto auto;
+  }
+}
+
+
+@mixin shadow{
+  box-shadow: none;
+  transition: 0.3s transform ease, 0.3s box-shadow ease;
+  &:hover{    
+    transform: scale(1.05);
+    transition: 0.3s all ease;
+    box-shadow: 0px 0px 13px 0px $color2;
+  }
+}

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

@@ -13,3 +13,9 @@ main{
     }
   }
 }
+
+.more_link{
+  span{
+    padding-left: 0.5rem;
+  }
+}

web/themes/custom/popsu_colloque/css/variables/var.scss

@@ -2,5 +2,6 @@ $color1: red;
 $color2: #1d378eff;
 $col_black: black;
 
-
 $gutter1 : 1rem;
+
+$croix_or: '../images/croix_filetsable.svg';

web/themes/custom/popsu_colloque/fonts/trueno/FONTLOG.txt

@@ -0,0 +1,7 @@
+Changelog:
+
+New name: "Trueno", New uppercase J, new 7, new weights including Italics and Outline variants for Bold, Extra Bold and Black weights.
+
+Update: Version 3.001b; Minor fixes in TTF Names section, UltraBlack weights added, and Improvements which reduce space taken up by all weights to some degree.
+
+Changes made by by Jasper at Cannot Into Space Fonts.

web/themes/custom/popsu_colloque/images/croix_filetsable.svg

@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="croix_filetsable.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 3 3"
+   height="3mm"
+   width="3mm">
+  <defs
+     id="defs2">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath138">
+      <path
+         d="M 270.537,513.328 H 402.448 V 428.777 H 270.537 Z"
+         id="path136" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath154">
+      <path
+         d="m 287.707,556.237 h 90.128 v -78.999 h -90.128 z"
+         id="path152" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath170">
+      <path
+         d="m 262.498,530.522 h 74.377 v -86.151 h -74.377 z"
+         id="path168" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath190">
+      <path
+         d="m 406.086,506.959 h 22.617 V 480.26 h -22.617 z"
+         id="path188" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath206">
+      <path
+         d="m 357.604,507.208 h 21.209 v -26.625 h -21.209 z"
+         id="path204" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath222">
+      <path
+         d="m 380.867,507.541 h 20.731 V 480.26 h -20.731 z"
+         id="path220" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="22"
+     inkscape:window-x="0"
+     inkscape:window-height="1029"
+     inkscape:window-width="1920"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="7.8760635"
+     inkscape:cx="9.789558"
+     inkscape:zoom="44.8"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Calque 1">
+    <path
+       style="fill:#ac966a;fill-opacity:1;stroke:none;stroke-width:0.0881249px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 1.3714422,0.50052301 1.6258597,0.5 l 0.00138,0.8624726 0.872756,9.08e-5 L 2.4995994,1.635971 1.627919,1.637331 1.625989,2.4999996 1.3711744,2.4999053 1.3717872,1.6354954 0.5,1.6369954 0.5012962,1.362841 1.3711944,1.3626851 Z"
+       id="path846"
+       sodipodi:nodetypes="ccccccccccccc" />
+  </g>
+</svg>

web/themes/custom/popsu_colloque/images/croix_fond.svg

@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="croix_fond.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 1.6898056 1.6898055"
+   height="4.79pt"
+   width="4.79pt">
+  <defs
+     id="defs2">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath138">
+      <path
+         d="M 270.537,513.328 H 402.448 V 428.777 H 270.537 Z"
+         id="path136" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath154">
+      <path
+         d="m 287.707,556.237 h 90.128 v -78.999 h -90.128 z"
+         id="path152" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath170">
+      <path
+         d="m 262.498,530.522 h 74.377 v -86.151 h -74.377 z"
+         id="path168" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath190">
+      <path
+         d="m 406.086,506.959 h 22.617 V 480.26 h -22.617 z"
+         id="path188" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath206">
+      <path
+         d="m 357.604,507.208 h 21.209 v -26.625 h -21.209 z"
+         id="path204" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath222">
+      <path
+         d="m 380.867,507.541 h 20.731 V 480.26 h -20.731 z"
+         id="path220" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="0"
+     inkscape:window-x="2005"
+     inkscape:window-height="1015"
+     inkscape:window-width="1920"
+     units="pt"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="-1.3773898"
+     inkscape:cx="31.450874"
+     inkscape:zoom="7.9195959"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Calque 1">
+    <path
+       id="path833"
+       d="M 0.84490277,-0.00332422 V 1.6931298"
+       style="fill:none;stroke:#28429f;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="fill:none;stroke:#28429f;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 1.6931298,0.84490277 H -0.00332423"
+       id="path833-2" />
+  </g>
+</svg>

web/themes/custom/popsu_colloque/images/douwnload.svg

@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="douwnload.svg"
+   id="svg919"
+   xml:space="preserve"
+   viewBox="0 0 32 32"
+   version="1.1"
+   enable-background="new 0 0 32 32"><metadata
+     id="metadata925"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs923" /><sodipodi:namedview
+     inkscape:current-layer="svg919"
+     inkscape:window-maximized="1"
+     inkscape:window-y="0"
+     inkscape:window-x="0"
+     inkscape:cy="18.864173"
+     inkscape:cx="16.259103"
+     inkscape:zoom="27.03125"
+     showgrid="false"
+     id="namedview921"
+     inkscape:window-height="1015"
+     inkscape:window-width="1920"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" /><g
+     id="g914-6"><path
+       id="path912-7"
+       fill="#333333"
+       d="M 16,0 C 7.163,0 0,7.163 0,16 0,24.836 7.163,32 16,32 24.837,32 32,24.836 32,16 32,7.163 24.837,0 16,0 Z" /></g><g
+     inkscape:transform-center-y="-46.763163"
+     inkscape:transform-center-x="12.895335"
+     style="fill:#ffffff"
+     transform="matrix(1.1192883,0,0,1.1192883,7.276813,6.822973)"
+     id="g4"><path
+       style="fill:#ffffff"
+       d="M 16,16 H 0 v -6 h 2 v 4 h 12 v -4 h 2 z M 8,12 C 7.744,12 7.488,11.902 7.293,11.707 l -4,-4 c -0.391,-0.391 -0.391,-1.023 0,-1.414 0.391,-0.391 1.023,-0.391 1.414,0 L 8,9.586 11.293,6.293 c 0.391,-0.391 1.023,-0.391 1.414,0 0.391,0.391 0.391,1.023 0,1.414 l -4,4 C 8.512,11.902 8.256,12 8,12 Z m 0,0 C 7.448,12 7,11.553 7,11 V 1 C 7,0.448 7.448,0 8,0 8.552,0 9,0.448 9,1 v 10 c 0,0.553 -0.448,1 -1,1 z"
+       id="path2" /></g></svg>

web/themes/custom/popsu_colloque/images/fleche_footer.svg

@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="fleche_footer.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 11.465278 18.697222"
+   height="53pt"
+   width="32.5pt">
+  <defs
+     id="defs2">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath138">
+      <path
+         d="M 270.537,513.328 H 402.448 V 428.777 H 270.537 Z"
+         id="path136" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath154">
+      <path
+         d="m 287.707,556.237 h 90.128 v -78.999 h -90.128 z"
+         id="path152" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath170">
+      <path
+         d="m 262.498,530.522 h 74.377 v -86.151 h -74.377 z"
+         id="path168" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath190">
+      <path
+         d="m 406.086,506.959 h 22.617 V 480.26 h -22.617 z"
+         id="path188" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath206">
+      <path
+         d="m 357.604,507.208 h 21.209 v -26.625 h -21.209 z"
+         id="path204" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath222">
+      <path
+         d="m 380.867,507.541 h 20.731 V 480.26 h -20.731 z"
+         id="path220" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="0"
+     inkscape:window-y="61"
+     inkscape:window-x="188"
+     inkscape:window-height="924"
+     inkscape:window-width="1482"
+     units="pt"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="22.186793"
+     inkscape:cx="43.730451"
+     inkscape:zoom="1.979899"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Calque 1">
+    <path
+       sodipodi:nodetypes="ccc"
+       id="path1014"
+       d="m 1.4102732,1.4111111 8.6438938,7.9375 -8.6422179,7.9374999"
+       style="fill:none;stroke:#28429f;stroke-width:2.82222;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>

web/themes/custom/popsu_colloque/images/fleche_programme.svg

@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="fleche_programme.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 28.575001 46.213889"
+   height="131pt"
+   width="81pt">
+  <defs
+     id="defs2">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath138">
+      <path
+         d="M 270.537,513.328 H 402.448 V 428.777 H 270.537 Z"
+         id="path136" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath154">
+      <path
+         d="m 287.707,556.237 h 90.128 v -78.999 h -90.128 z"
+         id="path152" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath170">
+      <path
+         d="m 262.498,530.522 h 74.377 v -86.151 h -74.377 z"
+         id="path168" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath190">
+      <path
+         d="m 406.086,506.959 h 22.617 V 480.26 h -22.617 z"
+         id="path188" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath206">
+      <path
+         d="m 357.604,507.208 h 21.209 v -26.625 h -21.209 z"
+         id="path204" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath222">
+      <path
+         d="m 380.867,507.541 h 20.731 V 480.26 h -20.731 z"
+         id="path220" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="0"
+     inkscape:window-x="2005"
+     inkscape:window-height="1015"
+     inkscape:window-width="1920"
+     units="pt"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="50.242133"
+     inkscape:cx="-25.07375"
+     inkscape:zoom="1.979899"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Calque 1">
+    <path
+       sodipodi:nodetypes="ccc"
+       id="path833"
+       d="M 1.3939879,1.4925956 27.174938,23.174857 1.3939879,44.826549"
+       style="fill:none;stroke:#28429f;stroke-width:2.76031;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>

web/themes/custom/popsu_colloque/images/plus.svg

@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="6mm"
+   height="6mm"
+   viewBox="0 0 6 6"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="plus.svg">
+  <defs
+     id="defs2">
+    <clipPath
+       id="clipPath138"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path136"
+         d="M 270.537,513.328 H 402.448 V 428.777 H 270.537 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath154"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path152"
+         d="m 287.707,556.237 h 90.128 v -78.999 h -90.128 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath170"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path168"
+         d="m 262.498,530.522 h 74.377 v -86.151 h -74.377 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath190"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path188"
+         d="m 406.086,506.959 h 22.617 V 480.26 h -22.617 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath206"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path204"
+         d="m 357.604,507.208 h 21.209 v -26.625 h -21.209 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath222"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path220"
+         d="m 380.867,507.541 h 20.731 V 480.26 h -20.731 z" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.313709"
+     inkscape:cx="36.57652"
+     inkscape:cy="16.36387"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="2005"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       sodipodi:nodetypes="ccccccccccccc"
+       id="path846"
+       d="M 2.3400227,9.6090716e-4 3.660796,-6.0972984e-4 3.664946,2.3560419 l 2.3398939,2.718e-4 -0.00119,1.3191008 -2.3366636,0.00408 -0.0058,2.3236591 -1.3219708,-2.811e-4 0.00184,-2.3288863 -2.34188843615,0.0045 0.003889996,-1.3213423 2.33621304,-4.68e-4 z"
+       style="fill:#28429f;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+  </g>
+</svg>

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

@@ -0,0 +1,6 @@
+<div class="head">
+  <h2>{{ header }}</h2>
+  <div class="more_link">
+    <a class="blue" href="{{more['#url']}}">{{ more['#title'] }}<span>+</span></a>
+  </div>
+</div>

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

@@ -1,6 +1,22 @@
-<div class="__rs">
-  <div class="__mail"><a href="#">E-Mail</a></div>
-  <div class="__facebook"><a href="#">Facebook</a></div>
-  <div class="__twitter"><a href="#">Twitter</a></div>
-  <div class="__linkedin"><a href="#">Linkedin</a></div>
+<div class="__rs d-flex justify-content-end d-md-block">
+  <div class="__mail">
+    <a href="#">
+      <img src="/themes/custom/popsu_colloque/images/mail.svg" alt="Mail">
+    </a>
+  </div>
+  <div class="__facebook">
+    <a href="#">
+      <img src="/themes/custom/popsu_colloque/images/facebook.svg" alt="facebook">
+    </a>
+  </div>
+  <div class="__twitter">
+    <a href="#">
+      <img src="/themes/custom/popsu_colloque/images/twitter.svg" alt="twitter">
+    </a>
+  </div>
+  <div class="__linkedin">
+    <a href="#">
+      <img src="/themes/custom/popsu_colloque/images/linkedin.svg" alt="linkedin">
+    </a>
+  </div>
 </div>

web/themes/custom/popsu_colloque/template/fields/field--node--field-publications.html.twig

@@ -0,0 +1,52 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set title_classes = [
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+
+<h4>{{ label }}</h4>
+<div class="d-lg-flex d-block">
+  {% for item in items %}
+    {{ item.content }}
+  {% endfor %}
+</div>

web/themes/custom/popsu_colloque/template/fields/field--paragraph--field-video.html.twig

@@ -45,5 +45,5 @@
 %}
 
 {% for item in items %}
-  <figcaption class="__img">{{ item.content }}</figcaption>
+  <div class="__img">{{ item.content }}</div>
 {% endfor %}

web/themes/custom/popsu_colloque/template/fields/field--paragraph--images.html.twig

@@ -45,5 +45,5 @@
 %}
 
 {% for item in items %}
-  <figcaption class="__img">{{ item.content }}</figcaption>
+  <div class="__img">{{ item.content }}</div>
 {% endfor %}

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

@@ -79,16 +79,16 @@
   </div>
 
   <div class="__wrapper row">
-    <div class="__title col-12">
+    <div class="__title col-12 mt-3">
       <h2>{{label}}</h2>
     </div>
 
-    <div class="__wrap_side col-sm-12 col-md-2">
+    <div class="__wrap_side col-sm-12 col-md-1 px-0 mt-3">
       {% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' %}
     </div>
 
-    <div class="__wrap_content col-sm-12 col-md-8">
-      <div class="__head">
+    <div class="__wrap_content col-sm-12 col-md-11 px-0 my-3">
+      <div class="__head mb-2">
         <div class="d-flex">
           {{ content.field_date_du_programme }}
           {{ content.field_heure_du_moment }}

web/themes/custom/popsu_colloque/template/node/node--page-d-accueil.html.twig

@@ -90,7 +90,7 @@
     <div class="__body-present">
       {{ content.body }}
     </div>
-    <div class="btn btn_plus">
+    <div class="btn more_link">
       {{ content.field_lien_boutton }}
     </div>
 

web/themes/custom/popsu_colloque/template/node/node--thumbnails-publications.html.twig

@@ -75,15 +75,15 @@
 <article{{ attributes }}>
   <div{{ content_attributes }}>
     <a href="{{ url }}">
-      <div class="d-flex">
+      <figure class="d-flex">
         <div class="__media">
           {{content.field_ajouter_un_media}}
         </div>
-        <div class="__info">
+        <figcaption class="__info">
           {{ label|raw }}
           {{content.field_complement_d_info|raw}}
-        </div>
-      </div>
+        </figcaption>
+      </figure>
     </a>
   </div>
 </article>

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

@@ -41,11 +41,8 @@
   {{ title_suffix }}
 
   {% if header %}
-    <section>
-      <h2>{{ header }}</h2>
-      <div class="more_link">
-        <a class="blue" href="{{more['#url']}}">{{ more['#title'] }}<span>+</span></a>
-      </div>
+    <section class="wrap_head">
+      {% include 'themes/custom/popsu_colloque/template/components/header_slide.html.twig' %}
     </section>
   {% endif %}
 

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

@@ -41,11 +41,8 @@
   {{ title_suffix }}
 
   {% if header %}
-    <section>
-      <h2>{{ header }}</h2>
-      <div class="more_link">
-        <a class="blue" href="{{more['#url']}}">{{ more['#title'] }}<span>+</span></a>
-      </div>
+    <section class="wrap_head">
+      {% include 'themes/custom/popsu_colloque/template/components/header_slide.html.twig' with { croix : true } %}
     </section>
   {% endif %}