modif

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

@@ -1,5 +1,5 @@
 var Home = document.querySelector('.hero .slide');
-if (Home != 'null') {
+if (Home != null) {
   var flkty = new Flickity( Home, {
     // options
     cellAlign: 'left',
@@ -8,7 +8,7 @@ if (Home != 'null') {
   });
 }
 var prive = document.querySelector('.prive .__slide');
-if (prive != 'null') {
+if (prive != null) {
   var flkty = new Flickity( prive, {
     // options
     cellAlign: 'left',
@@ -17,7 +17,7 @@ if (prive != 'null') {
 }
 
 var slide_tpsF = document.querySelectorAll('.tpsF .slide');
-if (slide_tpsF != 'null') {
+if (slide_tpsF != null) {
   for (var i = 0; i < slide_tpsF.length; i++) {
     var flkty = new Flickity( slide_tpsF[i], {
       // options
@@ -29,21 +29,25 @@ if (slide_tpsF != 'null') {
 }
 
 var Partenaires = document.querySelector('.container_slide ul');
-// if (Partenaires != 'null') {
+if (Partenaires != null) {
   var flkty = new Flickity( Partenaires, {
     cellAlign: 'left',
     pageDots: false
     // groupCells: true,
     // carousel-cell: true,
   });
-// }
+ }
 
-var msnry = new Masonry( '.tableau_engagements.row', {
-  columnWidth: '.engagement',
-  itemSelector: '.engagement',
-  percentPosition: true
-});
+var arrayEnga = document.querySelector('.tableau_engagements.row');
 
+if (arrayEnga != null) {
+  var msnry = new Masonry(arrayEnga , {
+    columnWidth: '.engagement',
+    itemSelector: '.engagement',
+    percentPosition: true
+  });
+
+}
 
 var hamburgers = document.querySelector(".hamburger");
 var nav = document.querySelector(".nav-main");
@@ -53,7 +57,7 @@ hamburgers.addEventListener("click", function() {
 });
 
 var elem = document.querySelector('.grid');
-
+if (elem != null) {
 var iso = new Isotope( elem, {
   itemSelector: '.item',
   layoutMode: 'fitRows'
@@ -64,3 +68,4 @@ 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

@@ -122,7 +122,7 @@ a, a:hover{
   font-style: italic;
   text-transform: uppercase;
 }
-.title, .cat {
+.title {
   color: blue;
   text-align: center;
   text-transform: uppercase;
@@ -172,6 +172,21 @@ a, a:hover{
     background: black;
     border-radius: 50px;
   }
+  .icone_cat .atelier_bois{
+    background-image: url('/asset/');
+  }
+  .icone_cat .atelier_couture{
+    background-image: url('/asset/images/atelier_couture.png');
+  }
+  .icone_cat .atelier_tricot_solidaire{
+    background-image: url('/asset/');
+  }
+  .icone_cat .danse_orientale{
+    background-image: url('/asset/images/bal_rock.png');
+  }
+  .icone_cat .hatha_yoga{
+    background-image: url('/asset/');
+  }
 
 /* SECTION ASSO */
   #section_asso .association .__body{
@@ -299,24 +314,23 @@ a, a:hover{
 }
 /*fin collecte et form*/
 
-/*page évent*/
+/*page event*/
 .titre_event {
   position: absolute;
-  top: -450px;
-  left: 18vw;
+  top: -100px;
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
   align-items: center;
   border: 8px solid blue;
-  transform: rotate(-10deg);
+  /*transform: rotate(-10deg);*/
   padding: 0.5rem;
   background-color: white;
 }
+.header_other {
+  position: absolute;
+}
 .voir_aussi {
-  position: absolute;
-  top: 1300px;
-  left: -50px;
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
@@ -326,25 +340,44 @@ a, a:hover{
   padding: 0.5rem;
   background-color: white;
 }
-.__img_event {
+.__img_event{
   position: relative;
-  width: 100%;
-  height: 500px;
-  top: 50px;
+  top: 100px;
 }
 .__img_event img{
-  width: 100%;
-  height: 100%;
+  /*width: 50%;*/
   object-fit: cover;
 }
+.cat, .cat-list {
+  color: blue;
+  text-transform: uppercase;
+  font-weight: bold;
+  /*font-size: 1.4em;*/
+  margin-top: 10px;
+  /*text-align: right;*/
+
+}
+.cat p{
+  margin:0;
+}
+.cat-list li{
+  margin: 0 50px 0 50px;
+}
 .partager img {
   width: 50px;
   height: auto;
   margin-right: 2%;
 }
 .data {
-  border: 8px solid blue;
+  /*display: flex;*/
+  border: 4px solid blue;
   padding: 1em;
+  text-transform: uppercase;
+  font-weight: bold;
+  color: blue;
+}
+.wrapper__content {
+  margin-top: 20px;
 }
 .tarif h3, .partager h3, .inscription h3{
   color: blue;
@@ -361,15 +394,6 @@ a, a:hover{
 ._pjt{
   margin-top: 8%
 }
-.cat-list{
-  align-items: baseline;
-}
-.cat-list li{
-  margin-right: 20px;
-}
-/* .cat_name{
-  margin: 0 4% 0 4%;
-} */
 
 /*fin page les projets*/
 
@@ -443,15 +467,17 @@ a, a:hover{
   transform: scale(1.1) rotate(-10deg);
   transition: all 0.3s ease;
 }
-.group_link {
+.Btn {
+  display: flex;
   margin-top: 2%;
-  width: 100%;
+  /*width: 100%;*/
   color: black;
   text-decoration: underline;
   border: none;
   border-radius: 0%;
 }
-.group_link:hover, .cat_name:hover {
+.Btn a:hover, .cat-list a:hover {
+  /* display: flex; */
   color: black;
   background-color: grey;
   text-decoration: underline;
@@ -639,9 +665,10 @@ footer .insta {
   }
 }
 @media screen and (min-width: 200px) and (max-width: 755px) {
-  .__chapeau{
+  .__chapeau, .titre_event{
     margin-top: 20px;
   }
+
 }
 @media screen and (min-width: 641px) and (max-width: 1690px) {
  .logoLamine {