c6f10529a4
* Rename include * Add grid view test pages * Rename `.post__meta-sep` and use CSS to add line break * Improve collection grid archive * Improve page grid archive * Enable `grid` * Don't show date icon if there is no `date` value * Add blank line at EOF * Add space * Wrap date and reading time in named `span` elements
30 lines
1.6 KiB
HTML
30 lines
1.6 KiB
HTML
{% 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>
|
|
<time datetime="{{ date | date_to_xmlschema }}">{{ date | date: "%B %-d, %Y" }}</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 %}
|