blog/_includes/page__meta.html

{% assign document = post | default: page %}
{% assign author_count = document.authors | size %}

<div class="page__meta-description">{{ document.description }}</div>
{% 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">
        Posted by
        
        {% if author_count == 0 %}
            {{ document.author }}
        {% elsif author_count == 1 %}
            {{ document.authors | first }}
        {% else %}
            {% for author in document.authors %}
                {% if forloop.first and author_count == 2 %}
                    {{ author }}
                {% elsif forloop.first and author_count > 2 %}
                    {{ author }},
                {% elsif forloop.last %}
                    and {{ author }}
                {% else %}
                    {{ author }}, 
                {% endif %}
            {% endfor %}
        {% endif %}
        
        &nbsp;&nbsp;<i class="fas fa-fw fa-calendar-alt" aria-hidden="true"></i> {{ document.date | date: "%B %-d, %Y" }}&nbsp;&nbsp;
        
        <i class="far {% if include.type == 'grid' and document.read_time and document.show_date %}fa-fw {% endif %}fa-clock" aria-hidden="true"></i>&nbsp;
        {% 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 %}