correction

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

@@ -1,3 +1,5 @@
+
+
 var Home = document.querySelector('.hero .slide');
 var flkty = new Flickity( Home, {
   // options
@@ -28,3 +30,27 @@ var msnry = new Masonry( '.tableau_engagements.row', {
   itemSelector: '.engagement',
   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");
+});
+
+
+var elem = document.querySelector('.grid');
+
+var iso = new Isotope( elem, {
+  itemSelector: '.item',
+  layoutMode: 'fitRows'
+});
+
+var filtersElem = document.querySelector('.filter-button-group');
+filtersElem.addEventListener( 'click', function( event ) {
+
+  var filterValue = event.target.getAttribute('data-filter');
+  iso.arrange({ filter: filterValue });
+
+});

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

@@ -8,11 +8,16 @@
         url('../fonts/Millimetre.woff') format('woff');
 }
 
+*{
+  box-sizing: border-box;
+}
+
 body {
   width: 300px;
   margin: 0 auto;
   font-size: 16px;
   font-family: Universalis ADF Std, sans-serif;
+  padding: 0!important;
 }
 
 h1, h2, h3, h5{
@@ -39,6 +44,21 @@ a, a:hover{
 section{
   position: relative;
 }
+
+/* START KEVIN */
+  .nav-main{
+    display: none;
+    position: absolute;
+    right: 0;
+    top: 70px;
+    background: white;
+    padding: 30px;
+  }
+  .nav-main.is-active{
+    display: block
+  }
+/* END KEVIN */
+
 .titre_page, .titre {
   position: absolute;
   top: -100px;
@@ -79,19 +99,95 @@ section{
 }
 
 /*sections page accueil*/
+
+/* START KEVIN */
+  .coming_soon{
+    width: 100%;
+  }
+  .coming_soon .thumbnails, .other-posts .thumbnails{
+    transform: scale(1);
+    transition: transform 0.3s ease;
+  }
+  .coming_soon .thumbnails:hover, .other-posts .thumbnails:hover{
+    transform: scale(1.05);
+    transition: all 0.3s ease;
+  }
+
+  /* ALL thumbnails */
+  .thumbnails .__img{
+    height: 300px;
+  }
+  .thumbnails .__img img{
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .thumbnails .icone_cat{
+    width: 50px;
+    height: 50px;
+    content: "Picto";
+    position: absolute;
+    transform: translate(-50%, -50%);
+    background: grey;
+    border-radius: 50px;
+  }
+
+/* SECTION ASSO */
+  #section_asso .association .__body{
+    position: relative;
+    justify-content: flex-end;
+    margin-top: 50px;
+  }
+
+  .image_sectionasso {
+    position: absolute;
+    top: 0;
+    left: 0;
+    margin-top: 100px;
+    width: 70%;
+  }
+  .content_asso {
+    width: 70%;
+    position: relative;
+    padding: 10px;
+    background-color: white;
+    border: 8px solid yellow;
+  }
+
+  /* responsive iframe */
+  #section_MineVideo .wrapper__content {
+    position: relative;
+    padding-bottom: 56.25%; /* 16:9 */
+    height: 0;
+  }
+  #section_MineVideo .wrapper__content iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+
+/* END KEVIN */
+
 .item {
   margin-top: 50px;
 }
 
 .wrap__content_proch {
   position: relative;
-  width: 80%;
+  width: calc(100% - 40px);
+  margin: -4rem auto 0 auto;
   padding: 10px;
-  margin: -50px auto -20px auto;
+  min-height: 160px;
   align-items: center;
   text-align: center;
   background-color: white;
   border: 4px solid black;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 
 .colonne_section{
@@ -106,7 +202,8 @@ section{
   text-transform: uppercase;
   text-align: center;
 }
-.image_sectionasso {
+
+/* .image_sectionasso {
   position: absolute;
   width: 500px;
 }
@@ -116,8 +213,7 @@ section{
   padding: 10px;
   background-color: white;
   border: 8px solid yellow;
-
-}
+} */
 
 .projet .colonne_section .header{
   height: 80px;
@@ -129,16 +225,12 @@ section{
   width: 100%;
 }
 
-.item .__img{
-  width: 100%;
-  height: 300px;
-}
-
 .item img{
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
+
 ._content_tpsF {
   position: relative;
   width: 80%;
@@ -220,11 +312,14 @@ section{
   margin-top: 8%
 }
 .cat-list{
-align-items: baseline;
+  align-items: baseline;
 }
-.cat_name{
+.cat-list li{
+  margin-right: 20px;
+}
+/* .cat_name{
   margin: 0 4% 0 4%;
-}
+} */
 
 /*fin page les projets*/