fix bug and autoprefixer

web/app/themes/la_mine/asset/dist/index.js

@@ -1,74 +1,85 @@
-var Home = document.querySelector('.hero .slide');
-if (Home != null) {
-  var flkty = new Flickity( Home, {
-    cellAlign: 'left',
-    autoPlay: true,
-    prevNextButtons: false,
-    fade: true,
-  });
-}
-
-var prive = document.querySelector('.prive .__slide');
-if (prive != null) {
-  var flkty = new Flickity( prive, {
-    // options
-    cellAlign: 'left',
-    autoPlay: true,
-  })
-}
+function slides() {
+  var Home = document.querySelector('.hero .slide');
+  if (Home != null) {
+    var flkty = new Flickity( Home, {
+      cellAlign: 'left',
+      autoPlay: true,
+      prevNextButtons: false,
+      fade: true,
+    });
+  }
 
-var slide_tpsF = document.querySelectorAll('.tpsF .slide');
-if (slide_tpsF != null) {
-  for (var i = 0; i < slide_tpsF.length; i++) {
-    var flkty = new Flickity( slide_tpsF[i], {
+  var prive = document.querySelector('.prive .__slide');
+  if (prive != null) {
+    var flkty = new Flickity( prive, {
       // options
       cellAlign: 'left',
       autoPlay: true,
+    })
+  }
+
+  var slide_tpsF = document.querySelectorAll('.tpsF .slide');
+  if (slide_tpsF != null) {
+    for (var i = 0; i < slide_tpsF.length; i++) {
+      var flkty = new Flickity( slide_tpsF[i], {
+        // options
+        cellAlign: 'left',
+        autoPlay: true,
+        pageDots: false
+      });
+    }
+  }
+
+  var Partenaires = document.querySelector('.container_slide ul');
+  if (Partenaires != null) {
+    var flkty = new Flickity( Partenaires, {
+      cellAlign: 'left',
       pageDots: false
+      // groupCells: true,
+      // carousel-cell: true,
     });
-  }
+   }
 }
 
-var Partenaires = document.querySelector('.container_slide ul');
-if (Partenaires != null) {
-  var flkty = new Flickity( Partenaires, {
-    cellAlign: 'left',
-    pageDots: false
-    // groupCells: true,
-    // carousel-cell: true,
-  });
- }
-
-var arrayEnga = document.querySelector('.tableau_engagements.row');
+function masonry() {
+  var arrayEnga = document.querySelector('.tableau_engagements.row');
 
-if (arrayEnga != null) {
-  var msnry = new Masonry(arrayEnga , {
-    //columnWidth: '.engagement',
-    columnWidth: '.engagement',
-    itemSelector: '.engagement',
-    gutter: '.gutter-sizer',
-    percentPosition: true
-  });
+  if (arrayEnga != null) {
+    var msnry = new Masonry(arrayEnga , {
+      //columnWidth: '.engagement',
+      columnWidth: '.engagement',
+      itemSelector: '.engagement',
+      gutter: '.gutter-sizer',
+      percentPosition: true
+    });
 
+  }
 }
 
-var hamburgers = document.querySelector(".hamburger");
-var nav = document.querySelector(".nav-main");
-hamburgers.addEventListener("click", function() {
-  this.classList.toggle("is-active");
-  nav.classList.toggle("is-active");
-});
+function burger() {
+  var hamburgers = document.querySelector(".hamburger");
+  var nav = document.querySelector(".nav-main");
+  hamburgers.addEventListener("click", function() {
+    this.classList.toggle("is-active");
+    nav.classList.toggle("is-active");
+  });
+}
 
 
 function paralax() {
   var rellax = new Rellax('.paralax', {
     center:true
-  }); }
+  });
+}
 
 function isotope() {
-
   var $grid = $('.grid').isotope({
-    itemSelector: '.item'
+    percentPosition: true,
+    masonry: {
+      columnWidth: '.item'
+    },
+    itemSelector: '.item',
+    stagger: 30
   });
 
   $('.filter-button-group li').on( 'click', function(evt) {
@@ -84,8 +95,18 @@ function drag(){
   });
 }
 
+function click_nav() {
+  $('#nav-main > ul > li:first-child > a').click(function(e) {
+      e.preventDefault();
+  })
+}
+
 $( document ).ready(function() {
+  slides();
+  masonry();
+  burger();
   paralax();
   isotope();
   drag();
+  click_nav();
 });

web/app/themes/la_mine/asset/dist/style.css

@@ -8,7 +8,8 @@
 }
 
 *{
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 html{
   overflow-x: hidden;
@@ -103,6 +104,8 @@ header{
   pointer-events: none;
 }
 header > .nav-wrapper{
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
   height: fit-content;
 }
   /* START LOGO */
@@ -118,7 +121,8 @@ header > .nav-wrapper{
     height: 100%;
   }
   .logoLamine img{
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
   }
 
   #lumiR_logo {
@@ -160,11 +164,19 @@ header > .nav-wrapper{
     height: 200px;
     background-color: white;
     border-radius: 200px;
-    transform: scale(1);
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+    -webkit-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }
   .logoLamine:hover #fond_logo{
-    transform: scale(1.1);
+    -webkit-transform: scale(1.1);
+        -ms-transform: scale(1.1);
+            transform: scale(1.1);
+    -webkit-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }
   /* END LOGO */
@@ -172,13 +184,16 @@ header > .nav-wrapper{
   /* START RS */
   .rs{
     /* padding-top: 10px; */
+    height: -webkit-fit-content;
+    height: -moz-fit-content;
     height: fit-content;
     pointer-events: auto;
   }
   .rs > div {
     width: 30px;
     height: 30px;
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
     margin-right: 15px;
   }
   /* END RS */
@@ -188,6 +203,8 @@ header > .nav-wrapper{
 
   /* START BURGER */
   .burger{
+    height: -webkit-fit-content;
+    height: -moz-fit-content;
     height: fit-content;
     pointer-events: auto;
   }
@@ -200,27 +217,74 @@ header > .nav-wrapper{
   #nav-main{
     display: none;
     position: fixed;
-    top: 0;
-    right: 0;
+    top: 70px;
+    right: 1rem;
     width: calc(100% / 4);
-    height: 100vh;
+    max-width : 200px;
     background: white;
     z-index: -1;
+    border: 4px solid black;
+  }
+  @media screen and (max-width: 576px) {
+     #nav-main{
+      width: 100%;
+      max-width : 100%;
+      right: 0;
+      top: 0;
+      height: 100vh;
+      border: none;
+    }
+    .nav-main > ul > li{
+      border-bottom: 4px solid black;
+    }
+    .nav-main > ul > li:first-child{
+      border-top: 4px solid black;
+    }
   }
   #nav-main.is-active{
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
     pointer-events: auto;
-    align-items: center;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
   }
   .nav-main > ul{
     width: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
-    justify-content: center;
-    flex-direction: column;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    margin-bottom: 0rem;
   }
   .nav-main > ul > li{
     text-align: center;
   }
+  .nav-main > ul > li a{
+    background: white;
+    color: black;
+    -webkit-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+  }
+  .nav-main > ul > li a:hover{
+    background: black;
+    color: white;
+    -webkit-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+  }
+
+  .nav-main > ul > li:not(:last-child){
+    border-bottom: 4px solid black;
+  }
   #fl_menu{
     position:absolute;
     z-index: 9999;
@@ -303,16 +367,28 @@ body > .content-wrapper{
 #bouton_asso a,
 #bouton_contact a{
   display: block;
+  width: -webkit-max-content;
+  width: -moz-max-content;
   width: max-content;
   margin: auto;
-  transform: scale(1) rotate(0deg);
+  -webkit-transform: scale(1) rotate(0deg);
+      -ms-transform: scale(1) rotate(0deg);
+          transform: scale(1) rotate(0deg);
+  -webkit-transition: -webkit-transform 0.3s ease;
+  transition: -webkit-transform 0.3s ease;
+  -o-transition: transform 0.3s ease;
   transition: transform 0.3s ease;
+  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
 }
 
 .btn a:hover,
 #bouton_asso a:hover,
 #bouton_contact a:hover{
-  transform: scale(1.05) rotate(-5deg);
+  -webkit-transform: scale(1.05) rotate(-5deg);
+      -ms-transform: scale(1.05) rotate(-5deg);
+          transform: scale(1.05) rotate(-5deg);
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 .btn a{
@@ -394,9 +470,11 @@ footer .flickity-prev-next-button{
     z-index: 9999;
     width: 200px;
     height: auto;
+    cursor: -webkit-grab;
     cursor: grab;
   }
   .ui-draggable-dragging{
+    cursor: -webkit-grabbing;
     cursor: grabbing;
   }
     #drag_1 {
@@ -487,14 +565,22 @@ footer .flickity-prev-next-button{
   border: 4px solid black;
   background-color: white;
   height: 40px;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  align-items: flex-end;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+  -webkit-transition: all 0.2s ease;
+  -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
 }
 
 .agenda .cat-list li:hover{
   background: black;
   color: white;
+  -webkit-transition: all 0.2s ease;
+  -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
 }
 
@@ -586,7 +672,8 @@ article .__img_event img{
   top: 0;
   width:100%;
   height:100%;
-  object-fit:cover;
+  -o-object-fit:cover;
+     object-fit:cover;
 }
 
 .other{
@@ -596,7 +683,9 @@ article .__img_event img{
 .other .header_other{
   position: absolute;
   top: 0;
-  transform: translate(-50% ,-150%);
+  -webkit-transform: translate(-50% ,-150%);
+      -ms-transform: translate(-50% ,-150%);
+          transform: translate(-50% ,-150%);
   left: 0;
 }
 
@@ -605,7 +694,9 @@ article .__img_event img{
   font-weight: bold;
   background-color: white;
   border: 8px solid #ffcc00ff;
-  transform: rotate(-10deg);
+  -webkit-transform: rotate(-10deg);
+      -ms-transform: rotate(-10deg);
+          transform: rotate(-10deg);
   padding: 0.5rem;
 }
 
@@ -669,6 +760,8 @@ body.la-collecte .__header h3{
   }
   .la-benevole-zone .__bouttons{
     text-align: center;
+    width: -webkit-max-content;
+    width: -moz-max-content;
     width: max-content;
     margin: 30px auto 0 auto;
 
@@ -721,6 +814,8 @@ body.la-collecte .__header h3{
   }
   .association .__bouttons{
     text-align: center;
+    width: -webkit-max-content;
+    width: -moz-max-content;
     width: max-content;
     margin: 30px auto 0 auto;
   }
@@ -774,13 +869,21 @@ body.la-collecte .__header h3{
   }
   .privatiser.__slide  .legendes{
     opacity: 0;
-    transform: translateX(50px);
+    -webkit-transform: translateX(50px);
+        -ms-transform: translateX(50px);
+            transform: translateX(50px);
+    -webkit-transition: all 0.3s;
+    -o-transition: all 0.3s;
     transition: all 0.3s;
   }
 
   .privatiser.__slide .is-selected .legendes{
     opacity: 1;
-    transform: translateX(0px);
+    -webkit-transform: translateX(0px);
+        -ms-transform: translateX(0px);
+            transform: translateX(0px);
+    -webkit-transition: all 1.3s;
+    -o-transition: all 1.3s;
     transition: all 1.3s;
   }
 
@@ -805,9 +908,13 @@ body.la-collecte .__header h3{
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
-  align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   border: 8px solid #00FFFF;
-  transform: rotate(-10deg);
+  -webkit-transform: rotate(-10deg);
+      -ms-transform: rotate(-10deg);
+          transform: rotate(-10deg);
   padding: 0.5rem;
   background-color: white;
 }
@@ -822,7 +929,9 @@ body.la-collecte .__header h3{
   margin-top: 300px;
 }
 .privacy-policy .article-body {
-  column-count: 2;
+  -webkit-column-count: 2;
+     -moz-column-count: 2;
+          column-count: 2;
 }
 /*END PRIVACY-POLICY*/
 
@@ -833,10 +942,14 @@ body.la-collecte .__header h3{
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
-  align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   border: 8px solid blue;
   background-color: white;
-  transform: rotate(-10deg);
+  -webkit-transform: rotate(-10deg);
+      -ms-transform: rotate(-10deg);
+          transform: rotate(-10deg);
   padding: 0.5rem;
   background-color: white;
 }
@@ -865,11 +978,21 @@ body.la-collecte .__header h3{
   }
   .coming_soon .thumbnails, .other-posts .thumbnails, .item.thumbnails {
     margin-top: 30px;
-    transform: scale(1);
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+    -webkit-transition: -webkit-transform 0.3s ease;
+    transition: -webkit-transform 0.3s ease;
+    -o-transition: transform 0.3s ease;
     transition: transform 0.3s ease;
+    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
   }
   .coming_soon .thumbnails:hover, .other-posts .thumbnails:hover, .item.thumbnails:hover {
-    transform: scale(1.05);
+    -webkit-transform: scale(1.05);
+        -ms-transform: scale(1.05);
+            transform: scale(1.05);
+    -webkit-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }
 
@@ -880,14 +1003,17 @@ body.la-collecte .__header h3{
   .thumbnails .__img img{
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
   }
   .thumbnails .icone_cat{
     width: 40px;
     height: 40px;
     border-radius: 40px;
     position: absolute;
-    transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+        -ms-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%);
     background-position: center; /* Center the image */
     background-repeat: no-repeat; /* Do not repeat the image */
     background-size: cover; /* Resize the background image to cover the entire container */
@@ -941,7 +1067,9 @@ body.la-collecte .__header h3{
 /* SECTION ASSO */
   #section_asso .association .__body{
     position: relative;
-    justify-content: flex-end;
+    -webkit-box-pack: end;
+        -ms-flex-pack: end;
+            justify-content: flex-end;
     margin-top: 50px;
   }
   .image_sectionasso {
@@ -992,13 +1120,22 @@ body.la-collecte .__header h3{
   margin: -4rem auto 0 auto;
   padding: 10px;
   min-height: 160px;
-  align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   text-align: center;
   background-color: white;
   border: 4px solid black;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: column;
-  justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 
 .colonne_section{
@@ -1016,8 +1153,12 @@ body.la-collecte .__header h3{
 
 .projet .colonne_section .header{
   height: 80px;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  align-items: flex-end ;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end ;
 }
 .projet .colonne_section .header h3{
   text-align: center;
@@ -1027,7 +1168,8 @@ body.la-collecte .__header h3{
 .item img{
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 
 ._content_tpsF {
@@ -1035,7 +1177,9 @@ body.la-collecte .__header h3{
   width: 80%;
   padding: 10px;
   margin: -50px auto;
-  align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   text-align: center;
   background-color: white;
   border: 4px solid black;
@@ -1048,16 +1192,28 @@ body.la-collecte .__header h3{
 .af-submit-button{
   position: relative;
   margin: 50px auto 10px auto;
+  display:-webkit-box;
+  display:-ms-flexbox;
   display:flex;
   border: 4px solid black;
   border-radius: 0%;
   text-align: center;
   padding: 5px;
-  transform: scale(1) rotate(0deg);
+  -webkit-transform: scale(1) rotate(0deg);
+      -ms-transform: scale(1) rotate(0deg);
+          transform: scale(1) rotate(0deg);
+  -webkit-transition: -webkit-transform 0.3s ease;
+  transition: -webkit-transform 0.3s ease;
+  -o-transition: transform 0.3s ease;
   transition: transform 0.3s ease;
+  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
 }
 .af-submit-button:hover{
-  transform: scale(1.1) rotate(-10deg);
+  -webkit-transform: scale(1.1) rotate(-10deg);
+      -ms-transform: scale(1.1) rotate(-10deg);
+          transform: scale(1.1) rotate(-10deg);
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 /*fin collecte et form*/
@@ -1103,7 +1259,8 @@ body.la-collecte .__header h3{
   .hero .slide img{
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
   }
 
   .hero .__head{
@@ -1124,7 +1281,8 @@ body.la-collecte .__header h3{
   .tpsF .img img{
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
   }
   body.les-temps-forts section{
     margin-top: 100px;
@@ -1142,7 +1300,8 @@ body.les-temps-forts .titre_page {
   .projet .img img{
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
   }
 
   .prive .images{
@@ -1152,7 +1311,8 @@ body.les-temps-forts .titre_page {
   .prive .img img{
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
   }
 /* END KEVIN */
 
@@ -1162,15 +1322,21 @@ body.les-temps-forts .titre_page {
     .titre{
       top: -150px;
       left: 50%;
-      transform: rotate(-10deg) translateX(-50%);
+      -webkit-transform: rotate(-10deg) translateX(-50%);
+          -ms-transform: rotate(-10deg) translateX(-50%);
+              transform: rotate(-10deg) translateX(-50%);
     }
     .privacy-policy .article-h1{
       top: 100px;
       left: 50%;
-      transform: rotate(-10deg) translateX(-50%);
+      -webkit-transform: rotate(-10deg) translateX(-50%);
+          -ms-transform: rotate(-10deg) translateX(-50%);
+              transform: rotate(-10deg) translateX(-50%);
     }
     .privacy-policy .article-body {
-      column-count: 1;
+      -webkit-column-count: 1;
+         -moz-column-count: 1;
+              column-count: 1;
     }
     .other .header_other {
       left: 50%;
@@ -1243,7 +1409,8 @@ footer .logo_lamine a{
   width: auto;
 }
 footer .logo_lamine img{
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 footer > .information > div > div {
   margin-bottom: 20px;
@@ -1258,7 +1425,8 @@ footer .reseaux_sociaux > div a > img{
 
 footer .reseaux_sociaux img {
   vertical-align: baseline;
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
 }
   /* START Mailchimp */
 
@@ -1309,7 +1477,8 @@ footer .reseaux_sociaux img {
   }
 
   footer .partenaires img{
-    object-fit: contain;
+    -o-object-fit: contain;
+       object-fit: contain;
   }
   /* END SLIDE */
 /* END FOOTER */
@@ -1319,7 +1488,9 @@ footer .reseaux_sociaux img {
     text-align: center;
   }
   footer a.d-flex{
-    justify-content: center;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
   }
   #Btn_asso a{
     display: block;

web/app/themes/la_mine/inc/function.php

@@ -56,13 +56,13 @@ Timber::$autoescape = false;
 
 // REMOVE EDITOR
  function remove_editor() {
-		remove_post_type_support(
-			'page', 'editor'
-		);
-		remove_post_type_support(
-			'post', 'editor'
-		);
-
+		remove_post_type_support('page', 'editor');
+		remove_post_type_support('page', 'comments');
+		remove_post_type_support('post', 'editor');
+		remove_post_type_support('post', 'comments');
+		remove_post_type_support('post', 'author');
+		remove_post_type_support('post', 'excerpt');
+		remove_post_type_support('post', 'revisions');
 	};
 
 	add_action('admin_init', 'remove_editor');
@@ -141,18 +141,18 @@ class StarterSite extends Timber\Site {
 		 *
 		 * See: https://codex.wordpress.org/Post_Formats
 		 */
-		add_theme_support(
-			'post-formats',
-			array(
-				'aside',
-				'image',
-				'video',
-				'quote',
-				'link',
-				'gallery',
-				'audio',
-			)
-		);
+		// add_theme_support(
+		// 	'post-formats',
+		// 	array(
+		// 		'aside',
+		// 		'image',
+		// 		'video',
+		// 		'quote',
+		// 		'link',
+		// 		'gallery',
+		// 		'audio',
+		// 	)
+		// );
 
 		add_theme_support( 'menus' );
 	}

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

@@ -3,6 +3,9 @@
 {% include 'components/title_page.twig'  %}
 	<section>
 		<ul class="cat-list d-flex flex-wrap button-group filter-button-group">
+			<li data-filter="*" >
+				Tous
+			</li>
 		  {% for cat in terms %}
 				<li data-filter=".{{cat.slug}}" >
 					{{cat.name}}

web/app/themes/la_mine/templates/components/thumbnails/thumbnails.twig

@@ -1,10 +1,11 @@
 {% set cat = item.categories|last %}
+{% set term = item.categories|first %}
 
 <div class="item thumbnails col-12 col-sm-6 col-lg-4 mb-5 {{cat.slug}}">
   <a href="{{site.url}}/{{item.post_name}}">
 
     <div class="__images">
-    <div class="icone_cat {{cat.slug}}">
+    <div class="icone_cat {{term.slug}}">
 
     </div>
       <div class="__img">
@@ -13,7 +14,7 @@
     </div>
 
     <div class="wrap__content_proch">
-      <div class="__title"><h5>{{item.titre}}</h5></div>
+      <div class="__title"><h5>{{item.title}}</h5></div>
       <div class="__content">
         <div class="__date">
           <div class="__day">

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

@@ -5,34 +5,36 @@
 
 	{% for item in posts %}
 		<section class="row tpsF">
-		<div class="sidebar col-md-4">
-			<div class="title">
-				<h3>{{item.title}}</h3>
-				<div class="next_edition">
-					<p>Prochaine Édition : <time>{{item.next_edition|date("F Y") }}</time>
-					</p>
+			<div class="sidebar col-md-4">
+				<div class="title">
+					<h3>{{item.title}}</h3>
+					<div class="next_edition">
+						<p>Prochaine Édition : <time>{{item.next_edition|date("F Y") }}</time>
+						</p>
+					</div>
+				</div>
+				<div class="content">
+					{{item.text}}
 				</div>
 			</div>
-			<div class="content">
-				{{item.text}}
-			</div>
-		</div>
-		<div class="wrap_content col-md-8">
-			<div class="slide">
-		    {% for media in item.meta('slide') %}
-					{% if Image(media.image).src %}
-						<div class="img">
-							<img src="{{ Image(media.image).src }}" alt="{{ Image(media.image).title }}">
-						</div>
-					{% endif %}
-					{% if media.video %}
-						<div class="video">
-							<iframe width="560" height="315" src="//www.youtube.com/embed/{{ media.video }}" frameborder="0" allowfullscreen></iframe>
-						</div>
-					{% endif %}
-				{% endfor %}
+			<div class="wrap_content col-md-8">
+				<div class="slide">
+			    {% for media in item.meta('slide') %}
+						{% for add in media %}
+							{% if add.acf_fc_layout == 'images' %}
+								<div class="img">
+									<img src="{{ Image(add.image).src }}" alt="{{ Image(add.image).title }}">
+								</div>
+							{% endif %}
+							{% if add.acf_fc_layout == 'video' %}
+								<div class="video">
+									{{ add.video }}
+								</div>
+							{% endif %}
+						{% endfor %}
+					{% endfor %}
+				</div>
 			</div>
-		</div>
 		</section>
 	{% endfor %}
 {% endblock %}

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

@@ -1,5 +1,7 @@
 {% extends "base.twig" %}
 {% block content %}
+{% set group = post.meta('informations') %}
+
 	<div class="content-wrapper">
 		<div class="Btn retour">
 			<a href="/agenda">Retour</a>
@@ -8,7 +10,8 @@
 
 		<article class="row">
 			<div class="header mobile col-12 d-lg-none d-block">
-				<h3 class="titre_event">{{post.titre}}</h3>
+				<h3 class="titre_event">{{ post.title }}</h3>
+
 			</div>
 
 			<div class="__img_event col-lg-6 col-12">
@@ -17,7 +20,7 @@
 
 			<div class="article-content col-lg-6 col-12 my-3 my-lg-0">
 				<div class="header d-none d-lg-block">
-					<h3 class="titre_event">{{post.titre}}</h3>
+					<h3 class="titre_event">{{ post.title }}</h3>
 				</div>
 
 				<div class="cat {{post.category.slug}}">
@@ -25,54 +28,61 @@
 				</div>
 
 				<div class="data">
-					<div class="__date">
-	          <div class="__day">
-	            {% set start = item.debut_event|date("Ydj") %}
-	            {% set end = item.fin_event|date("Ydj") %}
-	            {% if start == end %}
-	              <span class="start">
-	                Le <time>{{item.debut_event|date("l j F Y") }}</time>
-	                <br>de <time>{{item.debut_event|date("G:i")}}</time>
-	              </span>
-	              <span class="end">
-	                à <time>{{item.fin_event|date("G:i")}}</time></br>
-	              </span>
-	            {% else %}
-	              <span class="start">
-	                Du <time>{{item.debut_event|date("l j F Y") }}</time>
-	                à <time>{{item.debut_event|date("G:i")}}</time>
-	              </span>
-	              <span class="end">
-	                <br>Au <time>{{item.fin_event|date("j l F Y") }}</time></br>
-	                à <time>{{item.fin_event|date("G:i")}}</time>
-	              </span>
-	            {% endif %}
-	          </div>
-	        </div>
-		      <div class="lieu">{{post.lieu}}</div>
+				<div class="__date">
+          <div class="__day">
+
+            {% set start = group.debut_event|date("Ydj") %}
+            {% set end = group.fin_event|date("Ydj") %}
+
+            {% if start == end %}
+              <span class="start">
+                Le <time>{{group.debut_event|date("j F Y") }}</time>
+                de <time>{{group.debut_event|date("G:i")}}</time>
+              </span>
+              <span class="end">
+                à <time>{{group.fin_event|date("G:i")}}</time>
+              </span>
+
+            {% else %}
+
+              <span class="start">
+                Du <time>{{group.debut_event|date("j F Y") }}</time>
+                à <time>{{group.debut_event|date("G:i")}}</time>
+              </span>
+              <span class="end">
+                <br>Au <time>{{group.fin_event|date("j F Y") }}</time>
+                à <time>{{group.fin_event|date("G:i")}}</time></br>
+              </span>
+
+            {% endif %}
+          </div>
+        </div>
+		      <div class="lieu">{{group.lieu}}</div>
 				</div>
 				<div class="wrapper__content">
 					 {{ post.meta('description') }}
 				</div>
 
 				<div class="tarif">
-					<h3>{{post.titre_tarif}}</h3>
-					<p>{{post.type_tarif}}</p>
+					<h3>Tarif</h3>
+					<p>{{group.type_tarif}}</p>
 				</div>
 
 				<div class="inscription">
-					{% if post.meta('inscription') %}
-					<h3>{{post.titre_inscription}}</h3>
-						{% for Items in post.meta('inscription') %}
-								{% for detail in Items.choose %}
-									{% if detail.acf_fc_layout == 'texte' %}
-										<p class="texte_details">{{ detail.texte }}</p>
-									{% endif %}
-									{% if detail.acf_fc_layout == 'lien' %}
-										<div class="Btn group_link">
-											<a href="{{detail.lien.lien_hello_asso}}">{{detail.lien.texte_lien_hello_asso}}</a>
-									  </div>
-									{% endif %}
+					{% if group.inscription %}
+					<h3>Inscription</h3>
+						{% for Items in group.inscription %}
+							{% for detail in Items %}
+								{% if detail.acf_fc_layout == 'en_libre_acces' %}
+									<p class="texte_details">{{ detail.texte }}</p>
+								{% endif %}
+								{% if detail.acf_fc_layout == 'lien_dinscription' %}
+									<div class="Btn group_link">
+										<a target="_blank" href="{{detail.url}}">{{detail.texte}}</a>
+									</div>
+								{% endif %}
+							{% endfor %}
+								{% for detail in Items.type_dinscription %}
 								{% endfor %}
 						{% endfor %}
 						{% endif %}
@@ -82,7 +92,7 @@
 				</div>
 
 				<div class="partager">
-					<h3>{{post.titre_partage}}</h3>
+					<h3>Partager</h3>
 					<div class="d-flex">
 						<a href="https://www.facebook.com/sharer/sharer.php?u={{post.link}}">
 							<img src="{{ Image(post.meta('liens_reseaux_sociaux').logo_facebook).src }}" />