From 297a7bd356b72af6fead5f5380bc9c3d962d23b2 Mon Sep 17 00:00:00 2001
From: Yves Gatesoupe <yves@ygat.es>
Date: Thu, 16 Jul 2020 22:28:40 +0200
Subject: [PATCH] added time for event posts format publish for posts

---
 src/_includes/layouts/post.njk                   | 2 +-
 src/_includes/partials/components/posts-list.njk | 3 +++
 src/scss/components/_posts-list.scss             | 5 +++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/_includes/layouts/post.njk b/src/_includes/layouts/post.njk
index 6983693..721b87c 100644
--- a/src/_includes/layouts/post.njk
+++ b/src/_includes/layouts/post.njk
@@ -6,7 +6,7 @@
       <div class="[ post__body ]">
         <h1>{{ title }}</h1>
         <div class="post-info">
-          Publié le <strong>{{ date}}</strong>{%if author %} | {{ author }}{% endif %}
+          Publié le <strong>{{ date | dateFilter }}</strong>{%if author %} | {{ author }}{% endif %}
         </div>
         {% if illustration %}
         <img class="post-pic" src="{{ illustration }}" alt="illustration de l'article">
diff --git a/src/_includes/partials/components/posts-list.njk b/src/_includes/partials/components/posts-list.njk
index 7e8e613..69574c7 100644
--- a/src/_includes/partials/components/posts-list.njk
+++ b/src/_includes/partials/components/posts-list.njk
@@ -8,6 +8,9 @@
           </h3>
           <p class="news-list__item-date">
             <time datetime="{{ item.date | w3DateFilter }}">{{ item.date | dateFilter }}</time>
+            {% if item.data.time %}
+            <time datetime="{{ item.data.time }}">{{ item.data.time }}</time>
+            {% endif %}
           </p>
         </li>
       {% endif %}
diff --git a/src/scss/components/_posts-list.scss b/src/scss/components/_posts-list.scss
index 14b7c7c..ac62663 100644
--- a/src/scss/components/_posts-list.scss
+++ b/src/scss/components/_posts-list.scss
@@ -48,6 +48,11 @@
       border-radius: 0 0 1rem 1rem;
       padding: 1rem 1.5rem;
       margin-top: auto;
+      display: flex;
+
+      time + time {
+        margin-left: auto;
+      }
     }
   }