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;
 }
-.voir_aussi {
+.header_other {
   position: absolute;
-  top: 1300px;
-  left: -50px;
+}
+.voir_aussi {
   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 {

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

@@ -4,20 +4,18 @@
 	<section>
 		<ul class="cat-list d-flex flex-wrap button-group filter-button-group">
 		  {% for cat in terms %}
-			<li>|
-				<a class="cat_name" data-filter=".{{cat.slug}}" href="#">
-	      	{{cat.name}}
-				</a>
+			<li data-filter=".{{cat.slug}}">
+					|	<a href="#">{{cat.name}}</a>
 			</li>
 		  {% endfor %}
-		|</ul>
+		</ul>
 
 		<div class="row align-items-start grid">
-			<div class="col-md">
+			<!-- <div class="col-md"> -->
 			{% for item in posts %}
 				{% include 'components/thumbnails/thumbnails.twig'%}
 			{% endfor %}
-			</div>
+			<!-- </div> -->
 		</div>
 	</section>
 {% endblock %}

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 ">
+    <div class="icone_cat atelier_couture">
 
     </div>
       <div class="__img">

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

@@ -1,99 +1,104 @@
 {% extends "base.twig" %}
 {% block content %}
 	<div class="content-wrapper">
-		<article class="post-type">
-			<div class="__img_event">
+		<div class="Btn retour">
+			<a href="/agenda">Retour</a>
+		</div>
+		<article class="post-type row">
+			<div class="__img_event col-md">
 				<img src="{{ Image(post.image_event).src }}" />
 			</div>
-			<section class="article-content">
-				<div class="header">
-					<h3 class="titre_event">{{post.titre}}</h3>
-			</div>
-			<div class="row">
-			<div class="sidebar_left col-md-4 mr-2">
-					<div class="cat {{post.category.slug}}">
-						<h3>{{post.category.name}}</h3>
-					</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>
+			<section class="article-content col-md">
+					<div class="header">
+						<h3 class="titre_event">{{post.titre}}</h3>
 				</div>
 
-					<div class="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="group_link">
-												<a href="{{detail.lien.lien_hello_asso}}">{{detail.lien.texte_lien_hello_asso}}</a>
-										  </div>
-										{% endif %}
-									{% endfor %}
-							{% endfor %}
+						<div class="cat {{post.category.slug}}">
+							|	{{post.category.name}} |
+						</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>
-						<div class="voir_event">
-								<a href="{{post.meta('voir_evenement_facebook').lien_facebook}}">{{post.meta('voir_evenement_facebook').texte}}</a>
+					<div class="wrapper__content">
+						 {{ post.meta('description') }}
+					</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 %}
+										{% endfor %}
+								{% endfor %}
+								{% endif %}
 						</div>
+							<div class="Btn voir_event">
+									<a href="{{post.meta('voir_evenement_facebook').lien_facebook}}">{{post.meta('voir_evenement_facebook').texte}}</a>
+							</div>
 
-						<div class="partager">
-							<h3>{{post.titre_partage}}</h3>
-							<a href="{{post.meta('liens_reseaux_sociaux').lien_page_facebook}}">
-								<img src="{{ Image(post.meta('liens_reseaux_sociaux').logo_facebook).src }}" />
-							</a>
-							<a href="{{post.meta('liens_reseaux_sociaux').lien_page_twitter}}">
-								<img src="{{ Image(post.meta('liens_reseaux_sociaux').logo_twitter).src }}" />
-							</a>
-							<a href="{{post.meta('liens_reseaux_sociaux').lien_mail}}">
-								<img src="{{ Image(post.meta('liens_reseaux_sociaux').logo_mail).src }}" />
-							</a>
-						</div>
+							<div class="partager">
+								<h3>{{post.titre_partage}}</h3>
+								<a href="{{post.meta('liens_reseaux_sociaux').lien_page_facebook}}">
+									<img src="{{ Image(post.meta('liens_reseaux_sociaux').logo_facebook).src }}" />
+								</a>
+								<a href="{{post.meta('liens_reseaux_sociaux').lien_page_twitter}}">
+									<img src="{{ Image(post.meta('liens_reseaux_sociaux').logo_twitter).src }}" />
+								</a>
+								<a href="{{post.meta('liens_reseaux_sociaux').lien_mail}}">
+									<img src="{{ Image(post.meta('liens_reseaux_sociaux').logo_mail).src }}" />
+								</a>
+							</div>
+
+							<div class="tarif">
+								<h3>{{post.titre_tarif}}</h3>
+								<p>{{post.type_tarif}}</p>
+							</div>
 
-						<div class="tarif">
-							<h3>{{post.titre_tarif}}</h3>
-							<p>{{post.type_tarif}}</p>
-						</div>
-					</div>
-			<div class="wrapper__content col-md-7">
-		     {{ post.meta('description') }}
-			</div>
-		</div>
 			</section>
 		</article>
 	</div>
-
-	<div class="header_other">
-		<h3 class="voir_aussi">Voir aussi</h3>
-	</div>
-	<div class="other-posts row">
-		{% for item in other %}
-			{% include 'components/thumbnails/thumbnails.twig' %}
-		{% endfor %}
-	</div>
+	{% if other %}
+		<div class="other">
+					<div class="header_other">
+							<h3 class="voir_aussi">Voir aussi</h3>
+					</div>
+					<div class="other-posts row">
+							{% for item in other %}
+								{% include 'components/thumbnails/thumbnails.twig' %}
+							{% endfor %}
+					</div>
+			</div>
+		{% endif %}
 
 {% endblock %}