Use <time> element and datetime attribute for post and article dates

This commit is contained in:
Helen Chong 2024-09-06 00:10:20 +08:00
parent ca2d915f44
commit bef0ef34b6
12 changed files with 22 additions and 19 deletions

View File

@ -18,9 +18,12 @@
{% if isArticle %} {% if isArticle %}
<div class="article__info"> <div class="article__info">
<p class="article__info--desc">{{ desc }}</p> <p class="article__info--desc">{{ desc }}</p>
<p>{{ content | wordcount | thousands }} words. Posted on {{ date | formatDate }} by {{ sitemeta.siteAuthor.name }}</p> <p>
{{ content | wordcount | thousands }} words.
Posted on <time datetime="{{ date }}">{{ date | formatDate }}</time> by {{ sitemeta.siteAuthor.name }}
</p>
{% if updated %} {% if updated %}
<p>Last updated on {{ updated | formatDate }}</p> <p>Last updated on <time datetime="{{ updated }}">{{ updated | formatDate }}</time></p>
{% endif %} {% endif %}
{% if categories %} {% if categories %}
<p>Categories: <p>Categories:

View File

@ -9,7 +9,7 @@
{% endif %} {% endif %}
</a> </a>
</p> </p>
<p>{{ content.date | formatDate }}</p> <time datetime="{{ content.date }}">{{ content.date | formatDate }}</time>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>

View File

@ -33,7 +33,7 @@ isContentDivided: true
{{ group.templateContent | safe }} {{ group.templateContent | safe }}
{% if group.data.updated %} {% if group.data.updated %}
<p class="update-info">(This {{ group.data.title }} list was last updated on {{ group.data.updated | formatDate }})</p> <p class="update-info">(This {{ group.data.title }} list was last updated on <time datetime="{{ group.data.updated }}">{{ group.data.updated | formatDate }}</time>)</p>
{% endif %} {% endif %}
<a href="#linktabs" class="tab__btn tab__back">Back to tabs</a> <a href="#linktabs" class="tab__btn tab__back">Back to tabs</a>
</section> </section>

View File

@ -4,4 +4,4 @@ layout: main/content
{{ content | safe }} {{ content | safe }}
<p class="update-info">(This {{ keyword }} was last updated on {{ updated | formatDate }})</p> <p class="update-info">(This {{ keyword }} was last updated on <time datetime="{{ updated }}">{{ updated | formatDate }}</time>)</p>

View File

@ -20,7 +20,7 @@ eleventyNavigation:
{% endif %} {% endif %}
</a> </a>
</h2> </h2>
<p>{{ post.date | formatDate }}</p> <time datetime="{{ post.date }}">{{ post.date | formatDate }}</time>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>

View File

@ -16,7 +16,7 @@ eleventyNavigation:
<h2>Latest Changelogs</h2> <h2>Latest Changelogs</h2>
{% for log in changelogs %} {% for log in changelogs %}
<h3 class="date-style">{{ log.date | formatDate }}</h3> <h3 class="date-style"><time datetime="{{ log.date }}">{{ log.date | formatDate }}</time></h3>
{{ log.templateContent | safe }} {{ log.templateContent | safe }}
{%- endfor %} {%- endfor %}

View File

@ -23,7 +23,7 @@ eleventyNavigation:
{%- endmacro -%} {%- endmacro -%}
<section class="content__section"> <section class="content__section">
<p>(This page was last updated on {{ updated | formatDate }})</p> <p>(This page was last updated on <time datetime="{{ updated }}">{{ updated | formatDate }}</time>)</p>
</section> </section>
{% include "main/virtualpets.njk" %} {% include "main/virtualpets.njk" %}

View File

@ -12,7 +12,7 @@ Articles I have written.
{%- for article in collections["my articles"] -%} {%- for article in collections["my articles"] -%}
<li> <li>
<p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p> <p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p>
<p>{{ article.date | formatDate }}</p> <time datetime="{{ article.date }}">{{ article.date | formatDate }}</time>
</li> </li>
{%- endfor -%} {%- endfor -%}
</ul> </ul>

View File

@ -7,7 +7,7 @@ eleventyComputed:
desc: What {{ sitemeta.siteAuthor.name }} is doing now. desc: What {{ sitemeta.siteAuthor.name }} is doing now.
--- ---
*This page was last updated on {{ updated | formatDate }}.* *This page was last updated on <time datetime="{{ updated }}">{{ updated | formatDate }}</time>.*
This is my [/now page](https://nownownow.com/about). You can find more pages like this at [nownownow.com](https://nownownow.com/). This is my [/now page](https://nownownow.com/about). You can find more pages like this at [nownownow.com](https://nownownow.com/).

View File

@ -17,7 +17,7 @@ eleventyNavigation:
{%- for article in collections["cassette beasts articles"] -%} {%- for article in collections["cassette beasts articles"] -%}
<li> <li>
<p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p> <p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p>
<p>{{ article.date | formatDate }}</p> <time datetime="{{ article.date }}">{{ article.date | formatDate }}</time>
</li> </li>
{%- endfor -%} {%- endfor -%}
</ul> </ul>

View File

@ -17,7 +17,7 @@ eleventyNavigation:
{%- for article in collections["kotor both articles"] -%} {%- for article in collections["kotor both articles"] -%}
<li> <li>
<p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p> <p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p>
<p>{{ article.date | formatDate }}</p> <time datetime="{{ article.date }}">{{ article.date | formatDate }}</time>
</li> </li>
{%- endfor -%} {%- endfor -%}
</ul> </ul>
@ -27,7 +27,7 @@ eleventyNavigation:
{%- for article in collections["kotor 1 articles"] -%} {%- for article in collections["kotor 1 articles"] -%}
<li> <li>
<p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p> <p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p>
<p>{{ article.date | formatDate }}</p> <time datetime="{{ article.date }}">{{ article.date | formatDate }}</time>
</li> </li>
{%- endfor -%} {%- endfor -%}
</ul> </ul>
@ -37,7 +37,7 @@ eleventyNavigation:
{%- for article in collections["kotor 2 articles"] -%} {%- for article in collections["kotor 2 articles"] -%}
<li> <li>
<p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p> <p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p>
<p>{{ article.date | formatDate }}</p> <time datetime="{{ article.date }}">{{ article.date | formatDate }}</time>
</li> </li>
{%- endfor -%} {%- endfor -%}
</ul> </ul>

View File

@ -17,7 +17,7 @@ eleventyNavigation:
{%- for article in collections["kotor guides"] -%} {%- for article in collections["kotor guides"] -%}
<li> <li>
<p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p> <p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p>
<p>{{ article.date | formatDate }}</p> <time datetime="{{ article.date }}">{{ article.date | formatDate }}</time>
</li> </li>
{%- endfor -%} {%- endfor -%}
</ul> </ul>