fix agenda archive && thumbnails

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

@@ -1,7 +1,7 @@
 {% extends "base.twig" %}
 {% block content %}
 	{% include 'components/title_page.twig'  %}
-	{% set now = 'now'|date('Ydj') %}
+	{% set now = 'now'|date('Ymd') %}
 	<section class="row filter">
 		<ul class="d-flex col flex-wrap">
 			<li><a href="/archive">Archive</a></li>
@@ -10,10 +10,10 @@
 			<li data-filter="*" >
 				Tous
 			</li>
+
 			{% set newArray = [] %}
 			{% for cat in posts %}
-			{% set end = cat.informations_fin_event|date("Ydj") %}
-
+			{% set end = cat.informations_fin_event|date("Ymd") %}
 				{% set term = cat.categories|last.slug %}
 				{% if term not in newArray and now <= end %}
 					<li data-filter=".{{cat.categories|last.slug}}">
@@ -21,13 +21,13 @@
 					</li>
 					{% set newArray = newArray|merge([term]) %}
 				{% endif %}
-				
+
 			{% endfor %}
 		</ul>
 	</section>
-	<section class="grid">		
+	<section class="grid">
 		{% for item in posts %}
-			{% set end = item.informations_fin_event|date("Ydj") %}
+			{% set end = item.informations_fin_event|date("Ymd") %}
 			{% if now <= end %}
 				{% include 'components/thumbnails/thumbnails.twig'%}
 			{% endif %}
@@ -36,7 +36,7 @@
 		<div class="paralax" data-rellax-speed="-5">
 			<img src="{{theme.link}}/asset/images/objet_4.svg" alt="objet 4">
 		</div>
-		
+
 	</section>
 
 {% endblock %}

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

@@ -1,7 +1,7 @@
 {% extends "base.twig" %}
 {% block content %}
 {% include 'components/title_page.twig'  %}
-{% set now = 'now'|date('Ydj') %}
+{% set now = 'now'|date('Ymd') %}
 
 	<section class="row filter">
 		<ul class="d-flex flex-wrap">
@@ -15,7 +15,7 @@
         {% set newArray = [] %}
         {% for cat in posts %}
           {% set term = cat.categories|last.slug %}
-          {% set end = cat.informations_fin_event|date("Ydj") %}
+          {% set end = cat.informations_fin_event|date("Ymd") %}
 
           {% if term not in newArray and now >= end %}
             <li data-filter=".{{cat.categories|last.slug}}" >
@@ -29,7 +29,7 @@
 
   <section class="row grid">
     {% for item in posts %}
-      {% set end = item.informations_fin_event|date("Ydj") %}
+      {% set end = item.informations_fin_event|date("Ymd") %}
       {% if now >= end %}
         {% include 'components/thumbnails/thumbnails.twig'%}
       {% endif %}

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

@@ -21,7 +21,7 @@
 			</figure>
 		{% endif %}
 
-		<main id="content" class="container" role="main">
+		<main id="content" class="container px-0" role="main">
 			{% if title %}
 				<h1>{{title}}</h1>
 			{% endif %}

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

@@ -11,39 +11,44 @@
 
     <figure>
       <span class="icone_cat {{cat}}"></span>
-      <img src="{{ Image(item.image_event).src|resize(500,500) }}">
+      <div class="overflow-hidden">
+        <img src="{{ Image(item.image_event).src|resize(500,500) }}">
+      </div>
+
+      <figcaption class="wrap_content">
+        <h5>{{title}}</h5>
+        <div class="content">
+          <div class="date">
+            {% set start = item.informations_debut_event|date("Ydj") %}
+            {% set end = item.informations_fin_event|date("Ydj") %}
+            {% if start == end %}
+              <span class="start">
+                Le <time datetime="{{item.informations_debut_event|date("j F Y")}}">{{item.informations_debut_event|date("j F Y") }}</time>
+                de <time datetime="{{item.informations_debut_event|date("G:i")}}">{{item.informations_debut_event|date("G:i")}}</time>
+              </span>
+              <span class="end">
+                à <time datetime="{{item.informations_fin_event|date("G:i")}}">{{item.informations_fin_event|date("G:i")}}</time>
+              </span>
+
+            {% else %}
+
+              <span class="start">
+                Du <time datetime="{{item.informations_debut_event|date("j F Y") }}">{{item.informations_debut_event|date("j F Y") }}</time>
+                à <time datetime="{{item.informations_debut_event|date("G:i")}}">{{item.informations_debut_event|date("G:i")}}</time>
+              </span>
+              <span class="end">
+                <br>Au <time datetime="{{item.informations_fin_event|date("j F Y") }}">{{item.informations_fin_event|date("j F Y") }}</time>
+                à <time datetime="{{item.informations_fin_event|date("G:i")}}">{{item.informations_fin_event|date("G:i")}}</time></br>
+              </span>
+
+            {% endif %}
+          </div>
+          <div class="places">{{item.informations_lieu}}</div>
+        </div>
+      </figcaption>
+
+
     </figure>
 
-    <div class="wrap_content">
-      <h5>{{title}}</h5>
-      <div class="content">
-        <div class="date">
-          {% set start = item.informations_debut_event|date("Ydj") %}
-          {% set end = item.informations_fin_event|date("Ydj") %}
-          {% if start == end %}
-            <span class="start">
-              Le <time datetime="{{item.informations_debut_event|date("j F Y")}}">{{item.informations_debut_event|date("j F Y") }}</time>
-              de <time datetime="{{item.informations_debut_event|date("G:i")}}">{{item.informations_debut_event|date("G:i")}}</time>
-            </span>
-            <span class="end">
-              à <time datetime="{{item.informations_fin_event|date("G:i")}}">{{item.informations_fin_event|date("G:i")}}</time>
-            </span>
-
-          {% else %}
-
-            <span class="start">
-              Du <time datetime="{{item.informations_debut_event|date("j F Y") }}">{{item.informations_debut_event|date("j F Y") }}</time>
-              à <time datetime="{{item.informations_debut_event|date("G:i")}}">{{item.informations_debut_event|date("G:i")}}</time>
-            </span>
-            <span class="end">
-              <br>Au <time datetime="{{item.informations_fin_event|date("j F Y") }}">{{item.informations_fin_event|date("j F Y") }}</time>
-              à <time datetime="{{item.informations_fin_event|date("G:i")}}">{{item.informations_fin_event|date("G:i")}}</time></br>
-            </span>
-
-          {% endif %}
-        </div>
-        <div class="places">{{item.informations_lieu}}</div>
-      </div>
-    </div>
   </a>
 </article>

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

@@ -1,21 +1,24 @@
 <h3>Les temps forts</h3>
 <div class="row">
 	{% for item in tpsF %}
-		<article class="thumbnails col-12 col-md-6 col-lg {{cat}}">	
+		<article class="thumbnails col-12 col-md-6 col-lg {{cat}}">
 			<figure>
-				<img src="{{item.thumbnail.src|resize(500,500) }}" alt="{{item.thumbnail.alt}}" title="{{item.thumbnail.title}}">
+				<div class="overflow-hidden">
+					<img src="{{item.thumbnail.src|resize(500,500) }}" alt="{{item.thumbnail.alt}}" title="{{item.thumbnail.title}}">
+				</div>
+				<figcaption class="wrap_content">
+					<h3>{{item.title}}</h3>
+					<div class="date">
+						<span>Prochaine Édition :
+							<br><time datetime="{{item.next_edition|date("F Y") }}">{{item.next_edition|date("F Y") }}</time></br>
+						</span>
+					</div>
+					<div class="content">
+						{{item.text|truncate(20)}}
+					</div>
+				</figcaption>
+
 			</figure>
-			<div class="wrap_content">
-				<h3>{{item.title}}</h3>
-				<div class="date">
-					<span>Prochaine Édition :
-						<br><time datetime="{{item.next_edition|date("F Y") }}">{{item.next_edition|date("F Y") }}</time></br>
-					</span>
-				</div>
-				<div class="content">
-					{{item.text|truncate(20)}}
-				</div>
-			</div>
 		</article>
 	{% endfor %}
 </div>