install relax ++ metaog

web/app/themes/la_mine/dist/assets/images/svg/picto_autres.svg

@@ -0,0 +1,149 @@
+<?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="picto_autres.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 13.229167 13.229167"
+   height="50"
+   width="50">
+  <defs
+     id="defs2">
+    <clipPath
+       id="clipPath40102-2"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         style="clip-rule:evenodd"
+         inkscape:connector-curvature="0"
+         id="path40100-8"
+         d="M 0,0 H 23.5 V -23 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath40112-4"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path40110-7"
+         d="M 0,-546.76986 H 1190.5512 V 546.76986 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath39622-6"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path39620-9"
+         d="M 0,-23.41984 H 1190.5512 V 23.41984 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath39626-2"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         style="clip-rule:evenodd"
+         inkscape:connector-curvature="0"
+         id="path39624-2"
+         d="M 0,0 H 19 V -19.4103 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath39630-4"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path39628-7"
+         d="M 0,-89.861 H 1190.5512 V 89.861 H 0 Z" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     inkscape:window-maximized="1"
+     inkscape:window-y="0"
+     inkscape:window-x="2135"
+     inkscape:window-height="1015"
+     inkscape:window-width="1920"
+     units="px"
+     showgrid="false"
+     inkscape:current-layer="g878"
+     inkscape:document-units="mm"
+     inkscape:cy="38.078629"
+     inkscape:cx="23.341707"
+     inkscape:zoom="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
+     transform="translate(0,-283.77079)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Calque 1">
+    <circle
+       r="6.5"
+       cy="290.38538"
+       cx="6.6145835"
+       id="path815"
+       style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.19367;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke" />
+    <g
+       transform="matrix(0.02910455,0,0,-0.02849496,28.470053,297.77305)"
+       id="g40108-9" />
+    <g
+       transform="matrix(0.26458333,0,0,0.26458333,-109.72655,214.01403)"
+       id="g878">
+      <g
+         transform="matrix(0.09979557,0,0,0.09979557,414.16444,263.09993)"
+         style="fill:#ffffff;fill-opacity:1"
+         id="g856">
+        <path
+           style="fill:#ffffff;fill-opacity:1"
+           d="m 319.7,185 c -20.5,-18.3 -47.1,-26.6 -74.9,-23.4 -44.2,5.2 -79.4,40.7 -83.8,84.5 -3.5,32.5 8.8,62.8 33.7,83.1 0.1,0.1 0.2,0.1 0.2,0.1 12.2,10.4 20,24.2 22.3,39.2 h 77.6 c 2.5,-14 10,-28 21.2,-37.6 0.1,0 0.1,-0.1 0.2,-0.1 22.5,-18.6 35.4,-45.7 35.4,-74.4 0,-27.3 -11.6,-53.3 -31.9,-71.4 z"
+           id="path846" />
+        <path
+           style="fill:#ffffff;fill-opacity:1"
+           d="m 218,423.1 c 0,6.3 5,11.4 11.3,11.4 h 53.2 c 6.3,0 11.5,-5.1 11.5,-11.4 v -31.6 h -76 z"
+           id="path848" />
+        <rect
+           style="fill:#ffffff;fill-opacity:1"
+           x="246"
+           y="77.5"
+           width="20"
+           height="61"
+           id="rect850" />
+        <rect
+           style="fill:#ffffff;fill-opacity:1"
+           x="314.5"
+           y="120.6"
+           transform="rotate(-47.561354,346.9435,130.59408)"
+           width="64.900002"
+           height="20"
+           id="rect852" />
+        <rect
+           style="fill:#ffffff;fill-opacity:1"
+           x="155.10001"
+           y="98.099998"
+           transform="rotate(-42.438646,165.05508,130.53828)"
+           width="20"
+           height="64.900002"
+           id="rect854" />
+      </g>
+    </g>
+  </g>
+</svg>

web/app/themes/la_mine/dist/assets/images/svg/picto_nonprog.svg

@@ -0,0 +1,144 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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="50"
+   height="50"
+   viewBox="0 0 13.229167 13.229167"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="picto_nonprog.svg">
+  <defs
+     id="defs2">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath40102-2">
+      <path
+         d="M 0,0 H 23.5 V -23 H 0 Z"
+         id="path40100-8"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath40112-4">
+      <path
+         d="M 0,-546.76986 H 1190.5512 V 546.76986 H 0 Z"
+         id="path40110-7"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath39622-6">
+      <path
+         d="M 0,-23.41984 H 1190.5512 V 23.41984 H 0 Z"
+         id="path39620-9"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath39626-2">
+      <path
+         d="M 0,0 H 19 V -19.4103 H 0 Z"
+         id="path39624-2"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath39630-4">
+      <path
+         d="M 0,-89.861 H 1190.5512 V 89.861 H 0 Z"
+         id="path39628-7"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="1.2090965"
+     inkscape:cy="-76.026213"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1051"
+     inkscape:window-x="0"
+     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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-283.77079)">
+    <circle
+       style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.1936723;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
+       id="path815"
+       cx="6.6145835"
+       cy="290.38538"
+       r="6.5" />
+    <g
+       id="g40108-9"
+       transform="matrix(0.02910455,0,0,-0.02849496,28.470053,297.77305)" />
+    <g
+       id="g846"
+       transform="translate(-0.03359212,-46.822672)">
+      <path
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.418423"
+         inkscape:connector-curvature="0"
+         d="m 3.2873623,333.23869 1.0451144,1.06612 0.8963636,-0.87872 -0.017739,1.77469 -0.00577,0.59209 -0.591801,-0.006 -1.7745823,-0.0173 0.8959568,-0.87863 -1.0451119,-1.06611 z"
+         id="path840-6"
+         sodipodi:nodetypes="cccccccccc" />
+      <circle
+         r="1.2862346"
+         cy="337.23087"
+         cx="6.6807289"
+         id="path996"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.02600002;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.418423"
+         inkscape:connector-curvature="0"
+         d="m 10.008988,333.23869 -1.0451137,1.06612 -0.8963636,-0.87872 0.017739,1.77469 0.00577,0.59209 0.591801,-0.006 1.7745823,-0.0173 -0.8959568,-0.87863 1.0451118,-1.06611 z"
+         id="path840-6-5"
+         sodipodi:nodetypes="cccccccccc" />
+      <path
+         sodipodi:nodetypes="cccccccccc"
+         id="path1023"
+         d="m 3.2873623,341.1774 1.0451144,-1.06612 0.8963636,0.87872 -0.017739,-1.77469 -0.00577,-0.59209 -0.591801,0.006 -1.7745823,0.0173 0.8959568,0.87863 -1.0451119,1.06611 z"
+         inkscape:connector-curvature="0"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.418423" />
+      <path
+         sodipodi:nodetypes="cccccccccc"
+         id="path1025"
+         d="m 10.008988,341.1774 -1.0451137,-1.06612 -0.8963636,0.87872 0.017739,-1.77469 0.00577,-0.59209 0.591801,0.006 1.7745823,0.0173 -0.8959568,0.87863 1.0451118,1.06611 z"
+         inkscape:connector-curvature="0"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.418423" />
+    </g>
+  </g>
+</svg>

web/app/themes/la_mine/functions.php

@@ -34,13 +34,19 @@
 	}
 	add_action( 'wp_footer', 'imgLoad' );
 
+	function rellax(){
+		wp_enqueue_script( 'rellax',
+		get_template_directory_uri() . '/src/assets/js/rellax.pkgd.min.js', array() );
+	}
+	add_action( 'wp_footer', 'rellax' );
+
+
 	function customJs(){
 		wp_enqueue_script( 'script',
 		get_template_directory_uri() . '/src/assets/js/scripts.js', array() );
 	}
 	add_action( 'wp_footer', 'customJs' );
 
-	//
 	// function includedrag() {
 	// 	wp_deregister_script('drag-ui');
 	// 	wp_enqueue_script( 'drag-ui',

web/app/themes/la_mine/src/assets/js/scripts.js

@@ -63,9 +63,15 @@ function burger() {
 }
 
 function paralax() {
-  var rellax = new Rellax('.paralax', {
+  $paralax = $('.paralax');
+  var rellax = new Rellax(".paralax", {
     center:true
   });
+
+  $paralax.each( function(){
+    var random = Math.floor((Math.random() * 80) + 20);
+    $(this).css( "left", random +'vw' );
+  })
 }
 
 function isotope() {
@@ -120,14 +126,13 @@ function scrollto(){
   });
 }
 
-
 $( document ).ready(function() {
   burger();
   click_nav();
   slides();
   isotope();
   // masonry();
-  // paralax();
+  paralax();
   // drag();
   if (window.width >= 578) {
     scrollto();

web/app/themes/la_mine/src/assets/scss/components/_index.scss

@@ -4,6 +4,7 @@
 @import "forms.scss";
 @import "title-page.scss";
 @import "footer.scss";
+@import "rellax.scss";
 .grid img {
    display: none;
 }

web/app/themes/la_mine/src/assets/scss/components/_rellax.scss

@@ -0,0 +1,16 @@
+.paralax{
+  display: none;
+  @media screen and (min-width: 576px) {
+    display: block;
+  }
+  z-index: -1;
+  position: absolute;
+  width: 30%;
+  &.agenda, &.archive{
+    width: 50%!important;
+  }
+  img{
+    width: 100%;
+    height: auto;
+  }
+}

web/app/themes/la_mine/src/assets/scss/components/_thumbnails.scss

@@ -3,9 +3,38 @@
     &:not(:last-child){
       margin-bottom: 5rem;
     }
-  @media screen and (min-width: 992px) {
-    margin-bottom: 0rem;
-  }
+    @media screen and (min-width: 992px) {
+      margin-bottom: 0rem;
+    }
+    .icone_cat{
+      display: block;
+      position: absolute;
+      transform: translate(-50%,-50%);
+      width: 30px;
+      height: 30px;
+      z-index: 999;
+      background-repeat: no-repeat;
+      background-size: cover;
+      &.non_programmation{
+        background-image: url("../../assets/images/svg/picto_nonprog.svg");
+      }
+      &.la_mine_numerique{
+        background-image: url("../../assets/images/svg/picto_num.svg");
+      }
+      &.zero_dechets{
+        background-image: url("../../assets/images/svg/picto_zero.svg");
+      }
+      &.atelier{
+        background-image: url("../../assets/images/svg/picto_ateliers.svg");
+      }
+      &.musiques{
+        background-image: url("../../assets/images/svg/picto_musique.svg");
+      }
+      &.autres{
+        background-image: url("../../assets/images/svg/picto_autres.svg");
+      }
+
+    }
     a{
         text-decoration: none;
     }

web/app/themes/la_mine/src/assets/scss/index.scss

@@ -26,11 +26,11 @@
 body,html{
     font-size: 14px;
     line-height: 1;
+    overflow-x: hidden;
     @media screen and (min-width: 576px) {
       font-size: 16px;
       line-height: 1.5;
     }
-
 }
 // reboot perso
 figure{

web/app/themes/la_mine/src/assets/scss/pages/_home.scss

@@ -53,7 +53,7 @@
                     & > .row{
                         justify-content: center;
                         &:first-of-type{
-                            margin-bottom: 100px;
+                            margin-bottom: 50px;
                         }
                     }
                 }
@@ -178,7 +178,10 @@
                     & > .row{
                         justify-content: center;
                         &:first-of-type{
-                          margin-bottom: 50px;
+                            margin-bottom: 50px;
+                          @media screen and (min-width: 992px) {
+                            margin-bottom: 0;
+                          }
                         }
                     }
                 }

web/app/themes/la_mine/src/assets/scss/pages/_single.scss

@@ -10,22 +10,23 @@
             font-family: 'universalis-bold';
         }
     }
-    header{
+    article{
+      header{
         h3{
-            border: 5px solid $colorYellow;
-            padding: 0.5rem;
-            font-size: 1.5rem;
-            width: auto;
-            line-height: 1;
-            font-family: 'millimetre-bold';
-            @media screen and (min-width: 576px) {
-              width: max-content;
-              font-size: 2rem;
+          border: 5px solid $colorYellow;
+          padding: 0.5rem;
+          font-size: 1.5rem;
+          width: auto;
+          line-height: 1;
+          font-family: 'millimetre-bold';
+          @media screen and (min-width: 576px) {
+            // width: max-content;
+            font-size: 2rem;
 
-            }
+          }
         }
-    }
-    .data{
+      }
+      .data{
         margin: 1rem 0rem;
         background-color: white;
         border: 5px solid $colorYellow;
@@ -33,27 +34,29 @@
         text-transform: uppercase;
         color: black;
         & > * {
-            font-family: 'universalis-bold';
-            font-size: 1rem;
-            line-height: 1.2;
+          font-family: 'universalis-bold';
+          font-size: 1rem;
+          line-height: 1.2;
         }
-    }
-    footer{
+      }
+      footer{
+        margin-top: 2rem;
         h3{
-            font-family: 'universalis-bold';
-            font-size: 1.5rem;
-            line-height: 1.2;
-            margin-bottom: 0;
+          font-family: 'universalis-bold';
+          font-size: 1.5rem;
+          line-height: 1.2;
+          margin-bottom: 0;
         }
         .partager{
-            figure{
-                a{
-                    margin-right: 0.5rem;
-                    width: 35px;
-                    height: 35px;
-                }
+          figure{
+            a{
+              margin-right: 0.5rem;
+              width: 35px;
+              height: 35px;
             }
+          }
         }
+      }
     }
     .other{
         margin: 5rem 0;

web/app/themes/la_mine/templates/accueil.twig

@@ -13,26 +13,26 @@
 			<a class="btn _all" rel="noreferrer" href="/agenda">Tout voir</a>
 		</div>
 	</div>
-	{# <div class="paralax" data-rellax-speed="5">
-		<img src="{{theme.link}}/asset/images/objet_1.svg" alt="objet 1">
-	</div> #}
+	<div class="paralax" data-rellax-speed="5">
+		<img src="{{theme.link}}/dist/assets/images/objet_1.svg" alt="objet 1">
+	</div>
 </section>
 
 <section id="section_asso" class="row">
 	<div class="container-fluid">
 		{% include 'partial/section_asso.twig' %}
-		{# <div class="paralax" data-rellax-speed="3">
-			<img src="{{theme.link}}/asset/images/objet_2.svg" alt="objet 2">
-		</div> #}
+		<div class="paralax" data-rellax-speed="3">
+			<img src="{{theme.link}}/dist/assets/images/objet_2.svg" alt="objet 2">
+		</div>
 	</div>
 </section>
 
 <section id="section_projets" class="row">
 	<div class="container-fluid">
 		{% include 'partial/section_projets.twig' %}
-		{# <div class="paralax" data-rellax-speed="-2" data-rellax-percentage="0.5">
-			<img src="{{theme.link}}/asset/images/objet_3.svg" alt="objet 3">
-		</div> #}
+		<div class="paralax" data-rellax-speed="-1" data-rellax-percentage="0.5">
+			<img src="{{theme.link}}/dist/assets/images/objet_3.svg" alt="objet 3">
+		</div>
 	</div>
 </section>
 

web/app/themes/la_mine/templates/agenda.twig

@@ -25,6 +25,11 @@
 			{% endfor %}
 		</ul>
 	</section>
+
+	<div class="paralax agenda" data-rellax-speed="-5">
+		<img src="{{theme.link}}/dist/assets/images/objet_4.svg" alt="objet 4">
+	</div>
+
 	<section class="grid">
 		{% for item in posts %}
 			{% set end = item.informations_fin_event|date("Ymd") %}
@@ -33,9 +38,6 @@
 			{% endif %}
 		{% endfor %}
 
-		<div class="paralax" data-rellax-speed="-5">
-			<img src="{{theme.link}}/asset/images/objet_4.svg" alt="objet 4">
-		</div>
 
 	</section>
 

web/app/themes/la_mine/templates/archive.twig

@@ -4,7 +4,7 @@
 {% set now = 'now'|date('Ymd') %}
 
 	<section class="row filter">
-		<ul class="d-flex flex-wrap">
+		<ul class="d-flex col flex-wrap">
 			<li><a href="/agenda">Agenda</a></li>
 		</ul>
 
@@ -27,6 +27,10 @@
       </ul>
   </section>
 
+	<div class="paralax archive" data-rellax-speed="-5">
+		<img src="{{theme.link}}/dist/assets/images/objet_4.svg" alt="objet 4">
+	</div>
+
   <section class="row grid">
     {% for item in posts %}
       {% set end = item.informations_fin_event|date("Ymd") %}
@@ -34,11 +38,9 @@
         {% include 'components/thumbnails/thumbnails.twig'%}
       {% endif %}
     {% endfor %}
-    <div class="paralax" data-rellax-speed="-5">
-      <img src="{{theme.link}}/asset/images/objet_4.svg" alt="objet 4">
-    </div>
+
   </section>
-	
+
 	{% include 'partial/pagination.twig'%}
 
 {% endblock %}

web/app/themes/la_mine/templates/association.twig

@@ -6,18 +6,24 @@
 <section class="row">
 
 	<aside class="sidebar_left col-12 col-md-12 col-lg-4">
+
 		<div class="wrapper">
 			{% include '/components/sider_left.twig' with { name__template : 'association' } %}
 		</div>
+
 		{% include '/components/buttons/bouton_asso.html.twig' %}
 	</aside>
+	<div class="paralax" data-rellax-speed="-10">
+		<img src="{{theme.link}}/dist/assets/images/objet_1.svg" alt="objet 1">
+	</div>
 
 	<section class="wrapper__content col-12 col-md-12 col-lg-8">
-		
+
 		<article class="wrap__content __asso">
 			<header>
 				<h3 class="titre_1">{{ post.meta('titre_asso') }}</h3>
 			</header>
+
 			<section class="__body">
 				{{ post.meta('paragraphe_asso') }}
 			</section>
@@ -29,15 +35,13 @@
 			</header>
 
 			<section class="__body">
-			
 				<figure class="__image">
 					<img src="{{ Image(post.meta('image_engagement')).src }}" />
 				</figure>
-			
+
 				<section class="tableau_engagements card-columns ">
-					{# <div class="gutter-sizer"></div> #}
 					{% for item in post.meta('type_engagement') %}
-						<article class="engagement card"> <!--semble pas marcher (à cause de massonery ?)-->
+						<article class="engagement card">
 							<header>
 								<h4>{{item.titre_engagement}}</h4>
 							</header>

web/app/themes/la_mine/templates/html-header.twig

@@ -12,7 +12,21 @@
     <link rel="author" href="{{ site.theme.link }}/humans.txt" />
     <link rel="pingback" href="{{ site.pingback_url }}" />
     <link rel="profile" href="http://gmpg.org/xfn/11">
-
     <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
+    {% if post.post_type == "post" %}
+    {% set thumb =  Image(post.image_event).src %}
+    {% set type = "article" %}
+    {% else %}
+      {% set thumb = post.thumbnail  %}
+      {% set type = "website" %}
+    {% endif %}
+
+    <meta property="og:title" content="{{post.title}}">
+    <meta property="og:image" content="{{thumb}}">
+    <meta property="og:url" content="{{post.link}}">
+    <meta property="og:type:" content="">
+    <meta name="twitter:title" content="{{post.title}}">
+    <meta name="twitter:image" content="{{thumb}}">
+    <meta name="twitter:card" content="summary_large_image">
 
     {{function('wp_head')}}

web/app/themes/la_mine/templates/la_benevole_zone.twig

@@ -9,6 +9,10 @@
 		{% include 'components/sider_left.twig' with { name__template : 'benevole' } %}
 	</aside>
 
+	<div class="paralax" data-rellax-speed="-2">
+		<img src="{{theme.link}}/dist/assets/images/objet_6.svg" alt="objet 6">
+	</div>
+
 	<article class="wrapper__content col-12 col-md-6 col-lg-6 col-xl-8">
 
 		<div class="wrap__content">
@@ -22,9 +26,6 @@
 
 		</div>
 
-		<div class="paralax" data-rellax-speed="-2">
-			<img src="{{theme.link}}/asset/images/objet_6.svg" alt="objet 6">
-		</div>
 	</article>
 </section>
 

web/app/themes/la_mine/templates/la_collecte.twig

@@ -12,7 +12,9 @@
 		</header>
 		{% include 'components/forms/form_lacollecte.twig' %}
 	</aside>
-
+	<div class="paralax" data-rellax-speed="5">
+		<img src="{{theme.link}}/dist/assets/images/objet_5.svg" alt="objet 5">
+	</div>
 	<article class="wrapper__content col-12 col-md-6 col-lg-6 col-xl-8">
 		<div class="wrap__content">
 			<header class="__header">
@@ -22,9 +24,7 @@
 					{{ post.meta('paragraphe_descriptif') }}
 			</div>
 		</div>
-		<div class="paralax" data-rellax-speed="5">
-			<img src="{{theme.link}}/asset/images/objet_5.svg" alt="objet 5">
-		</div>
+
 	</article>
 </section>
 

web/app/themes/la_mine/templates/les_projets.twig

@@ -2,8 +2,8 @@
 
 {% block content %}
 	{% include 'components/title_page.twig'  %}
-	<div class="paralax w-30" data-rellax-speed="5">
-		<img src="{{theme.link}}/asset/images/objet_2.svg" alt="objet 2">
+	<div class="paralax" data-rellax-speed="-10">
+		<img src="{{theme.link}}/dist/assets/images/objet_2.svg" alt="objet 2">
 	</div>
 
 	{% for item in posts %}

web/app/themes/la_mine/templates/les_temps_forts.twig

@@ -2,6 +2,9 @@
 {% block content %}
 
 {% include 'components/title_page.twig'%}
+	<div class="paralax" data-rellax-speed="-8">
+		<img src="{{theme.link}}/dist/assets/images/objet_3.svg" alt="objet 3">
+	</div>
 
 	{% for item in posts %}
 		<article class="row tpsF">

web/app/themes/la_mine/templates/privatiser_lespace.twig

@@ -3,6 +3,10 @@
 {% block content %}
 {% include 'components/title_page.twig'  %}
 
+<div class="paralax" data-rellax-speed="-10">
+	<img src="{{theme.link}}/dist/assets/images/objet_7.svg" alt="objet 7">
+</div>
+
 <article>
 	<div class="wrapper__content prive">
 		<div class="wrap__content">

web/app/themes/la_mine/templates/single.twig

@@ -91,14 +91,13 @@
 				<div class="partager">
 					<h3>Partager</h3>
 					<figure class="d-flex">
-						<a href="https://www.facebook.com/sharer/sharer.php?u={{post.link}}">
+						<a rel="noreferrer" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{post.link}}">
 							<img src="{{theme.link}}/dist/assets/images/fb.svg" />
 						</a>
-						<a target="_blank" href="https://twitter.com/intent/tweet?text={{post.link}}">
+						<a rel="noreferrer" target="_blank" href="https://twitter.com/share?url={{post.link}}&text={{post.title}}&via=Ress_LaMine">
 							<img src="{{theme.link}}/dist/assets/images/twitter.svg" />
 						</a>
-
-						<a href="mailto:?subject={{post.link}}" title="Share by Email">
+						<a rel="noreferrer" target="_blank" href="mailto:?subject={{post.link}}" title="Share by Email">
 							<img src="{{theme.link}}/dist/assets/images/mail.svg" />
 						</a>
 					</figure>
@@ -111,13 +110,13 @@
 
 {% if other %}
 	<section class="other">
-		
+
 		<div class="header_other">
 			<h3 class="voir_aussi">Voir aussi</h3>
 		</div>
 
 		<div class="other-posts row">
-			{% for item in other %}						
+			{% for item in other %}
 				{% include 'components/thumbnails/thumbnails.twig' with { name : 'other'} %}
 			{% endfor %}
 		</div>