Show date of posts

_includes/archive-single.html

@@ -24,8 +24,10 @@ <h2 class="archive__item-title" itemprop="headline">
         <a href="{{ post.url | relative_url }}" rel="permalink">{{ title }}</a>
       {% endif %}
     </h2>
-    {% if post.read_time %}
-      <p class="page__meta"><i class="far fa-clock" aria-hidden="true"></i> {% include read-time.html %}</p>
+    {% if include.type == "grid" %}
+      {% include post__meta.html p="post" type="grid" %}
+    {% else %}
+      {% include post__meta.html p="post" %}
     {% endif %}
     {% if post.excerpt %}<p class="archive__item-excerpt" itemprop="description">{{ post.excerpt | markdownify | strip_html | truncate: 160 }}</p>{% endif %}
   </article>

_includes/page__hero.html

@@ -31,9 +31,7 @@ <h1 id="page-title" class="page__title" itemprop="headline">
       {% elsif page.header.show_overlay_excerpt != false and page.excerpt %}
         <p class="page__lead">{{ page.excerpt | markdownify | remove: "<p>" | remove: "</p>" }}</p>
       {% endif %}
-      {% if page.read_time %}
-        <p class="page__meta"><i class="far fa-clock" aria-hidden="true"></i> {% include read-time.html %}</p>
-      {% endif %}
+      {% include post__meta.html p="page" %}
       {% if page.header.cta_url %}
         <p><a href="{{ page.header.cta_url | relative_url }}" class="btn btn--light-outline btn--large">{{ page.header.cta_label | default: site.data.ui-text[site.locale].more_label | default: "Learn More" }}</a></p>
       {% endif %}

_includes/post__meta.html

@@ -0,0 +1,44 @@
+{% if include.p == "post" %}
+  {% assign read_time = post.read_time %}
+  {% assign show_date = post.show_date %}
+{% else %}
+  {% assign read_time = page.read_time %}
+  {% assign show_date = page.show_date %}
+{% endif %}
+
+{% if read_time or show_date %}
+  <p class="page__meta">
+
+    {% if read_time %}
+      {% assign words_per_minute = page.words_per_minute | default: site.words_per_minute | default: 200 %}
+      {% if include.p == "post" %}
+        {% assign words = post.content | strip_html | number_of_words %}
+      {% else %}
+        {% assign words = page.content | strip_html | number_of_words %}
+      {% endif %}
+
+      <i class="far {% if include.type == 'grid' and read_time and show_date %}fa-fw {% endif %}fa-clock" aria-hidden="true"></i>
+      {% if words < words_per_minute %}
+        {{ site.data.ui-text[site.locale].less_than | default: "less than" }} 1 {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
+      {% elsif words == words_per_minute %}
+        1 {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
+      {% else %}
+        {{ words | divided_by:words_per_minute }} {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
+      {% endif %}
+    {% endif %}
+
+    {% if read_time and show_date %}{% if include.type == "grid" %}<br \>{% else %}|{% endif %}{% endif %}
+
+    {% if show_date %}
+      {% if include.p == "post" %}
+        {% assign date = post.date %}
+      {% else %}
+        {% assign date = page.date %}
+      {% endif %}
+
+      <i class="far {% if include.type == 'grid' and read_time and show_date %}fa-fw {% endif %}fa-calendar-alt" aria-hidden="true"></i>
+      <time datetime="{{ date | date_to_xmlschema }}">{{ date | date: "%B %-d, %Y" }}</time>
+    {% endif %}
+
+  </p>
+{% endif %}

_layouts/single.html

@@ -27,9 +27,7 @@
       {% unless page.header.overlay_color or page.header.overlay_image %}
         <header>
           {% if page.title %}<h1 id="page-title" class="page__title" itemprop="headline">{{ page.title | markdownify | remove: "<p>" | remove: "</p>" }}</h1>{% endif %}
-          {% if page.read_time %}
-            <p class="page__meta"><i class="far fa-clock" aria-hidden="true"></i> {% include read-time.html %}</p>
-          {% endif %}
+          {% include post__meta.html p="page" %}
         </header>
       {% endunless %}