rs dans header, logo header, menu deroulant, pb engagement

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

@@ -1,34 +1,42 @@
 var Home = document.querySelector('.hero .slide');
-var flkty = new Flickity( Home, {
-  // options
-  cellAlign: 'left',
-  autoPlay: true,
-  prevNextButtons: false
-});
-
-var prive = document.querySelector('.prive .__slide');
-var flkty = new Flickity( prive, {
-  // options
-  cellAlign: 'left',
-  autoPlay: true,
-})
-
-var slide_tpsF = document.querySelectorAll('.tpsF .slide');
-for (var i = 0; i < slide_tpsF.length; i++) {
-  var flkty = new Flickity( slide_tpsF[i], {
+if (Home != 'null') {
+  var flkty = new Flickity( Home, {
     // options
     cellAlign: 'left',
     autoPlay: true,
-    pageDots: false
+    prevNextButtons: false
   });
 }
+var prive = document.querySelector('.prive .__slide');
+if (prive != 'null') {
+  var flkty = new Flickity( prive, {
+    // options
+    cellAlign: 'left',
+    autoPlay: true,
+  })
+}
 
-var Partenaires = document.querySelector('.container_slide .row');
-var flkty = new Flickity( Partenaires, {
-  // options
-  groupCells: true,
-  pageDots: false
-});
+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 msnry = new Masonry( '.tableau_engagements.row', {
   columnWidth: '.engagement',

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

@@ -40,8 +40,9 @@ a, a:hover{
   color: black;
   text-decoration: none;
 }
-section{
+.section_accueil {
   position: relative;
+  background-color: pink;
 }
 
 /* START KEVIN */
@@ -62,23 +63,44 @@ section{
     display: block
   }
 /* END KEVIN */
-
+.logoLamine {
+  position: fixed;
+  margin:0 10px 10px 10px;
+  width : 200px;
+  height: 200px;
+}
+.rs {
+  position: fixed;
+  top: 0;
+  right: 0;
+  margin-right: 80px;
+}
+.rs img {
+  width : 40px;
+  height: 40px;
+  margin-top: 10px;
+  opacity: 1;
+}
+.facebook {
+  margin-right: 30px;
+}
+.rs img:hover {
+  opacity: 0.6;
+}
 .menu-item {
   font-family: Millimetre, sans-serif;
   text-transform: uppercase;
   padding: 15px;
 }
 
-  /*.nav-main li:first-child {display: none;}
-  .nav-main li:first-child:hover .menu-item ul {display:block;}*/
-
+#nav-main > ul > li > ul {display: none;}
+#nav-main > ul > li:first-child:hover > ul {display: block;}
 
 .menu-item a:hover {
   background-color: black;
   color: white;
 }
-
-.titre_page, .titre {
+.titre_page, .titre{
   position: absolute;
   top: -100px;
   left: -70px;
@@ -172,15 +194,7 @@ section{
     background-color: white;
     border: 8px solid yellow;
   }
-  @media screen and (min-width: 200px) and (max-width: 640px) {
-      .image_sectionasso {
-        display: none;
-        width: 100%;
-    }
-    .content_asso {
-      width: 100%;
-    }
-}
+
   /* responsive iframe */
   #section_MineVideo .wrapper__content {
     position: relative;
@@ -195,7 +209,6 @@ section{
     height: 100%;
   }
 
-
 /* END KEVIN */
 
 .item {
@@ -218,7 +231,7 @@ section{
 }
 
 .colonne_section{
-  margin-top: 4%;
+  margin-top: 10px;
 }
 .colonne_section .wrap_content {
   border: 8px solid blue;
@@ -230,18 +243,6 @@ section{
   text-align: center;
 }
 
-/* .image_sectionasso {
-  position: absolute;
-  width: 500px;
-}
-.content_asso {
-  position: relative;
-  margin: 150px auto auto 200px;
-  padding: 10px;
-  background-color: white;
-  border: 8px solid yellow;
-} */
-
 .projet .colonne_section .header{
   height: 80px;
   display: flex;
@@ -275,8 +276,8 @@ section{
 
 }
 /*fin sections page accueil*/
-/*page collecte avec formulaire*/
 
+/*page collecte avec formulaire*/
 /*trouver comment styliser les champs du formulaire*/
 /*.af-input acf-input{
   background-color: pink;
@@ -393,18 +394,7 @@ section{
 /*fin privatiser l'espace*/
 
 /*BOUTONS*/
-.__bouttons div {
-  position: relative;
-  text-align : center;
-  margin-top: 20px;
-  border: 4px solid blue;
-  border-radius: 0%;
-  padding: 5px;
-  /*background-color: white;*/
-}
-.tout_voir a {
-/*penser à mettre le lien sur toute la surface du bouton*/
-}
+
 .telechargement_plaquette, .redirection_page, .tout_voir {
   position: relative;
   margin: 50px auto 10px auto;
@@ -416,14 +406,39 @@ section{
   transform: scale(1) rotate(0deg);
   transition: transform 0.3s ease;
 }
-.__bouttons #bouton_asso {
+.telechargement_plaquette a, .redirection_page a, .tout_voir a {
   position: relative;
+  display:flex;
+  margin: -5px;
+  padding: 5px;
+}
+.__bouttons div {
+  position: relative;
+  text-align : center;
+  margin-top: 20px;
+  border: 4px solid blue;
+  border-radius: 0%;
+  padding: 5px;
+}
+.__bouttons #bouton_asso {
   top: 100px;
 }
-.__bouttons #bouton_contact {
+.__bouttons #bouton_asso a{
   position: relative;
+  display:flex;
+  margin: -5px;
+  padding: 5px;
+}
+.__bouttons #bouton_contact {
   top: -30px;
 }
+.__bouttons #bouton_contact a {
+  position: relative;
+  display:flex;
+  margin: -5px;
+  padding: 5px;
+}
+
 .__bouttons div:hover, .telechargement_plaquette:hover, .bouton_asso:hover, .redirection_page:hover, .tout_voir:hover {
   transform: scale(1.1) rotate(-10deg);
   transition: all 0.3s ease;
@@ -488,33 +503,46 @@ footer{
   margin-top: 10%;
 }
 footer div{
-  margin-right: 20px;
+  margin: 0 20px 0 10px;
 }
-footer img {
+footer .logo_lamine {
+  width: 200px;
+  height: auto;
+  margin: 20px;
+}
+footer .reseaux_sociaux img {
   width: 50px;
   height: auto;
+  margin-right: 10px;
 }
-._rs{
-  margin-left: 5%;
+footer .insta {
+  margin-top: 10px;
 }
-.container_slide .row {
+
+/* START SLIDE PARTENAIRE */
+.send_actu{
+  height: 100px;
+  background: red;
+}
+.add_asso{
+  height: 100px;
+  background: blue;
+}
+.partenaires{
   width: 100%;
- height: 200px;
- margin-right: 10px;
- background: #333;
 }
-.container_slide .row .flickity-prev-next-button{
-  width: 50px;
-  height: 50px;
+
+.container_slide li{
+  width: 200px;
+  height: 200px;
 }
-.container_slide .row li {
-   width: 100%;
-   height: 200px;
-   margin-right: 10px;
-   background: #8C8;
-   border-radius: 5px;
-   counter-increment: carousel-cell;
+
+.partenaires  img{
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
 }
+/* END SLIDE PARTENAIRE */
 
 /* START KEVIN */
   header{
@@ -558,8 +586,7 @@ footer img {
   }
 
   .wrapper  section{
-    margin: 150px 0;
-    padding: 100px 0;
+    margin-top: 200px;
   }
   .wrapper section > div {
     position: relative;
@@ -582,10 +609,6 @@ footer img {
     object-fit: cover;
   }
 
-  .tableau_engagements .engagement{
-    width: 50%;
-  }
-
   .prive .images{
     width: 100%;
     height: 600px;
@@ -595,6 +618,35 @@ footer img {
     height: 100%;
     object-fit: cover;
   }
-
-
 /* END KEVIN */
+/*START MEDIA QUERIES*/
+@media screen and (min-width: 200px) and (max-width: 1088px) {
+    .titre_page, .titre {
+      left: 5px;
+    }
+  }
+@media screen and (min-width: 200px) and (max-width: 640px) {
+    .image_sectionasso {
+      display: none;
+      width: 100%;
+  }
+  .content_asso {
+    width: 100%;
+  }
+ .logoLamine {
+   width : 50px;
+   height: 50px;
+  }
+}
+@media screen and (min-width: 200px) and (max-width: 755px) {
+  .__chapeau{
+    margin-top: 20px;
+  }
+}
+@media screen and (min-width: 641px) and (max-width: 1690px) {
+ .logoLamine {
+   width: 100px;
+   height: 100px;
+  }
+}
+/*END MEDIA QUERIES*/