mise à jour couleurs,marges etc et clean code après travail de kevin

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

@@ -43,6 +43,7 @@ var arrayEnga = document.querySelector('.tableau_engagements.row');
 
 if (arrayEnga != null) {
   var msnry = new Masonry(arrayEnga , {
+    //columnWidth: '.engagement',
     columnWidth: '.engagement',
     itemSelector: '.engagement',
     gutter: '.gutter-sizer',

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

@@ -56,9 +56,10 @@ header > .nav-wrapper{
 }
   /* START LOGO */
   .logoLamine {
-    width : 120px;
-    height: 120px;
+    width : 150px;
+    height: 150px;
   }
+
   .logoLamine a{
     display: block;
     width: 100%;
@@ -67,6 +68,15 @@ header > .nav-wrapper{
   .logoLamine img{
     object-fit: cover;
   }
+  #fond_logo{
+    position: absolute;
+    left: -13px;
+    top:-20px;
+    width: 200px;
+    height: 200px;
+    background-color: white;
+    border-radius: 200px;
+  }
   /* END LOGO */
 
   /* START RS */
@@ -100,13 +110,29 @@ header > .nav-wrapper{
     display: none;
     position: fixed;
     right: 0;
-    top: 70px;
+    top: 120px;
     background: white;
-    padding: 30px;
   }
   .nav-main.is-active{
     display: block
   }
+
+  .menu-item {
+    font-family: Millimetre, sans-serif;
+    text-transform: uppercase;
+    text-align: right;
+  }
+
+  #nav-main > ul > li > ul {display: none;}
+  #nav-main > ul > li:first-child:hover > ul {display: block; background-color: grey;}
+
+.menu-item a:hover {
+  display: block;
+  width: 100%;
+  height: 100%;
+  background-color: black;
+  color: white;
+  }
   /* END BURGER */
 /* END HEADER */
 
@@ -125,15 +151,17 @@ body > .content-wrapper{
   padding: 3px 10px;
 }
 
-.btn{
+.btn, #bouton_asso, #bouton_contact {
   display: block;
   cursor: default!important;
   margin: auto;
   transform: scale(1) rotate(0deg);
   transition: transform 0.3s ease;
 }
-
-.btn:hover{
+#bouton_contact {
+  margin-top: 20px;
+}
+.btn:hover, #bouton_asso:hover, #bouton_contact:hover{
   transform: scale(1.05) rotate(-5deg);
   transition: all 0.3s ease;
 }
@@ -142,67 +170,14 @@ body > .content-wrapper{
   border: 4px solid black;
 }
 
-/* .telechargement_plaquette, .redirection_page, .tout_voir {
-  position: relative;
-  margin: 50px auto 10px auto;
-  display:flex;
-  border-radius: 0%;
-  text-align: center;
-  padding: 5px;
-} */
-/* .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_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.05) rotate(-5deg);
-  transition: all 0.3s ease;
-}
-.Btn {
-  display: flex;
+.Btn, #Btn_asso {
   margin-top: 10px;
   color: black;
   text-decoration: underline;
   border: none;
 }
-.Btn a:hover, .cat-list a:hover {
-  color: black;
+.Btn a:hover, #Btn_asso a:hover {
   background-color: grey;
-  text-decoration: underline;
-  border: none;
 }
 
 .flickity-button {
@@ -223,7 +198,8 @@ body > .content-wrapper{
 }
 .flickity-button:disabled {
   display: none;
-} */
+}
+
 /* END BUTTON */
 
 
@@ -475,10 +451,18 @@ body.la-collecte .__header h3{
   body.les-projets .content_zone {
     border-color: #ff0000ff;
   }
-
+  body.les-projets .title {
+    color: #ff0000ff;
+  }
   body.les-projets section#content .wrapper section{
     margin: 100px auto;
   }
+  .projet img {
+    margin: 5% 0 5% 0;
+  }
+  ._pjt{
+    margin-top: 8%
+  }
 /* END PAGE projets */
 
 /* START PAGE ASSOCIATION */
@@ -491,6 +475,18 @@ body.la-collecte .__header h3{
   body.association .__content {
     border-color: #ffcc00ff;
   }
+  .association .__bouttons{
+    text-align: center;
+    width: max-content;
+    margin: 30px auto 0 auto;
+  }
+  .association .__bouttons > div{
+    border: 4px solid #ffcc00ff;
+    margin: 10px auto;
+    padding: 0 10px;
+    font-weight: bold;
+  }
+
   .tableau_engagements{
     margin-top: 100px;
   }
@@ -550,20 +546,6 @@ body.la-collecte .__header h3{
   /* END PAGE privatiser-lespace */
 
 
-
-.menu-item {
-  font-family: Millimetre, sans-serif;
-  text-transform: uppercase;
-  padding: 15px;
-}
-
-#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{
   position: absolute;
   top: -100px;
@@ -584,21 +566,24 @@ body.la-collecte .__header h3{
 
 .next_edition{
   font-style: italic;
+  text-align: center;
+  color:#009ee0ff;
   text-transform: uppercase;
 }
 .title {
-  color: blue;
   text-align: center;
   text-transform: uppercase;
 }
 
-/*sections page accueil*/
+/*start sections page accueil*/
 
 /* START KEVIN */
+/*START SECTION PROCHAINEMENT*/
   .coming_soon{
     width: 100%;
   }
   .coming_soon .thumbnails, .other-posts .thumbnails, .item.thumbnails {
+    margin-top: 30px;
     transform: scale(1);
     transition: transform 0.3s ease;
   }
@@ -636,16 +621,17 @@ body.la-collecte .__header h3{
   .thumbnails .atelier_tricot_solidaire{
     background-image: url("../images/atelier_tricot.png");
   }
-  .thumbnails .bal_rock{
+  .thumbnails .bal_rock, .thumbnails .woodstroc{
     background-image: url("../images/bal_rock.png");
   }
+
   .thumbnails .chiner_concert{
     background-image: url("../images/chiner_concert.png");
   }
-  .thumbnails .fab_lab{
+  .thumbnails .atelier_fab_lab{
     background-image: url("../images/fab_lab.png");
   }
-  .thumbnails .festival_lamine_numerique{
+  .thumbnails .la_mine_numerique{
     background-image: url("../images/fab_lab.png");
   }
   .thumbnails .gouter_melanie{
@@ -666,9 +652,10 @@ body.la-collecte .__header h3{
   .thumbnails .soiree_mine{
     background-image: url("../images/soiree_mine.png");
   }
-  .thumbnails .zero_dechet{
+  .thumbnails .zero_dechets {
     background-image: url("../images/zero_dechet.png");
   }
+/* END SECTION PROCHAINEMENT */
 
 /* SECTION ASSO */
   #section_asso .association .__body{
@@ -676,7 +663,6 @@ body.la-collecte .__header h3{
     justify-content: flex-end;
     margin-top: 50px;
   }
-
   .image_sectionasso {
     position: absolute;
     top: 0;
@@ -695,6 +681,10 @@ body.la-collecte .__header h3{
 #section_projets{
   margin-top: 300px;
 }
+.title_pjt{
+  color: #f51212ff;
+  font-weight: bold;
+}
 /*END SECTION PROJETS*/
   /* responsive iframe */
   #section_MineVideo .wrapper__content {
@@ -709,7 +699,6 @@ body.la-collecte .__header h3{
     width: 100%;
     height: 100%;
   }
-
 /* END KEVIN */
 
 /* .item {
@@ -771,17 +760,10 @@ body.la-collecte .__header h3{
   border: 4px solid black;
 }
 
-.video iframe {
-  margin: 0 auto 0 auto;
-  width:100%;
-}
 /*fin sections page accueil*/
 
 /*page collecte avec formulaire*/
 /*trouver comment styliser les champs du formulaire*/
-/*.af-input acf-input{
-  background-color: pink;
-}*/
 .af-submit-button{
   position: relative;
   margin: 50px auto 10px auto;
@@ -800,22 +782,6 @@ body.la-collecte .__header h3{
 /*fin collecte et form*/
 
 
-/*page les projets*/
-.projet img {
-  margin: 5% 0 5% 0;
-}
-._pjt{
-  margin-top: 8%
-}
-
-/*fin page les projets*/
-
-/*privatiser l'espace*/
-
-
-
-/*fin privatiser l'espace*/
-
 /*gestion des dots*/
 .flickity-page-dots {
   bottom: 0px;
@@ -858,12 +824,7 @@ body.la-collecte .__header h3{
     height: 100%;
     object-fit: cover;
   }
-  /*.hero .slide .flickity-page-dots{
-    bottom: 20px;
-  }
-  .hero .slide .flickity-page-dots li{
-    background: white;
-  }*/
+
   .hero .__head{
     width: 100%;
     text-align: center;
@@ -871,10 +832,7 @@ body.la-collecte .__header h3{
     bottom: 60px;
     color: white;
   }
-/*
-  .wrapper  section{
-    margin-top: 200px;
-  } */
+
   .wrapper section > div {
     position: relative;
   }
@@ -887,6 +845,16 @@ body.la-collecte .__header h3{
     height: 100%;
     object-fit: cover;
   }
+  body.les-temps-forts section{
+    margin-top: 100px;
+  }
+body.les-temps-forts .title, body.les-temps-forts .next_edition {
+  color: #009ee0ff;
+  text-align: left;
+}
+body.les-temps-forts .titre_page {
+  border-color: #009ee0ff;
+}
   .projet .img{
     height: 300px;
   }
@@ -964,6 +932,7 @@ footer > section{
 footer .logo_lamine {
   width: 100px;
   height: 100px;
+  margin: 10px;
 }
 
 footer .logo_lamine a{

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

@@ -11,7 +11,9 @@
 			{% block header %}
 				<div class="logoLamine mr-auto">
 					<a class="hdr-logo-link" href="{{site.url}}"><img src="{{theme.link}}/asset/images/logo_lamine_vect.svg"/></a>
+					<div id="fond_logo"></div>
 				</div>
+
 				<div class="nav-wrapper d-flex align-items-center">
 					<div class="rs d-flex">
 						<div class="facebook">
@@ -35,7 +37,7 @@
 						</div>
 					</div>
 				</div>
- 
+
 
 				<nav id="nav-main" class="nav-main" role="navigation">
 					{% include "menu.twig" with {'items': menu.get_items} %}

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

@@ -45,7 +45,7 @@
 		<div class="list_item">
 			<ul>
 				{% for item in post.meta('documents') %}
-				<li>
+				<li class="Btn file">
 					<a href="{{item.document.document.url}}" download>{{item.document.nom_doc}}</a>
 				</li>
 				{% endfor %}

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

@@ -4,7 +4,7 @@
   <a href="{{site.url}}/{{item.post_name}}">
 
     <div class="__images">
-    <div class="icone_cat atelier_couture">
+    <div class="icone_cat {{cat.slug}}">
 
     </div>
       <div class="__img">

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

@@ -1,18 +1,18 @@
 <section class="information col-12 col-lg-6 p-0">
   <div class="d-flex justify-content-around">
-    <div class="logo_lamine">
+    <div class="logo_lamine col-sm-6">
       <a href="{{site.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
     </div>
 
-    <div class="horaires">
+    <div class="horaires col-sm-6">
       {{options.texte_horaire }}
     </div>
 
-    <div class="adresse">
+    <div class="adresse col-sm-6">
       {{options.texte_adresse }}
     </div>
 
-    <div class="">
+    <div class="col-sm-6">
       <div class="collecte">
         {{options.texte_collecte }}
       </div>
@@ -33,7 +33,7 @@
       </div>
 
     </div>
-  </div> <!--fin row-->
+  </div>
 </section>
 
 <section class="join-us col-12 col-lg-6 p-0">
@@ -56,13 +56,13 @@
     <!--End mc_embed_signup-->
   </div>
   <div class="add_asso">
-    <div id="bouton_asso">
+    <div id="Btn_asso">
       <a href="{{post.meta('bouton_asso').lien_hello_asso}}">adhérer à l'association</a>
     </div>
 
   </div>
 
-  <div class="partenaires d-flex align-items-center">
+  <div class="partenaires d-flex align-items-center col-lg-6">
     <div class="_titre">{{options.titre}}</div>
     <div class="logo_partenaires  w-100">
       <div class="container_slide">

web/app/themes/la_mine/templates/partial/section_projets.twig

@@ -15,7 +15,7 @@
 						{% for projet in item.meta("projets") %}
 							<div class="wrap__content">
 									<div class="title_pjt">
-										<h4>{{projet.titre}}</h4>
+										{{projet.titre}}
 									</div>
 									<div class="content_pjt">
 										{{projet.text|truncate(20)}}