{% assign document = post | default: page %} {% if document.read_time or document.show_date %}

<p class="page__meta">
  {% if document.show_date and document.date %}
    {% assign date = document.date %}
    <span class="page__meta-date">
      <i class="far {% if include.type == 'grid' and document.read_time and document.show_date %}fa-fw {% endif %}fa-calendar-alt" aria-hidden="true"></i>
      {% assign date_format = site.date_format | default: "%B %-d, %Y" %}
      <time datetime="{{ date | date_to_xmlschema }}">{{ date | date: date_format }}</time>
    </span>
  {% endif %}

  {% if document.read_time and document.show_date %}<span class="page__meta-sep"></span>{% endif %}

  {% if document.read_time %}
    {% assign words_per_minute = document.words_per_minute | default: site.words_per_minute | default: 200 %}
    {% assign words = document.content | strip_html | number_of_words %}

    <span class="page__meta-readtime">
      <i class="far {% if include.type == 'grid' and document.read_time and document.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 %}
    </span>
  {% endif %}
</p>

{% endif %}