From bef0ef34b6d93b4d33ed8ffdae940d48609547c5 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Fri, 6 Sep 2024 00:10:20 +0800
Subject: [PATCH] Use <time> element and datetime attribute for post and
 article dates

---
 src/_includes/global/content.njk       |  7 +++++--
 src/_includes/main/archive.njk         |  2 +-
 src/_includes/main/links.njk           |  2 +-
 src/_includes/main/statement.njk       |  2 +-
 src/blog/posts.njk                     | 10 +++++-----
 src/changelogs/changelogs.njk          |  2 +-
 src/pages/adoptables.njk               |  2 +-
 src/pages/articles.md                  |  2 +-
 src/pages/now.md                       |  2 +-
 src/shrines/cassettebeasts/articles.md |  2 +-
 src/shrines/starwarskotor/articles.md  |  6 +++---
 src/shrines/starwarskotor/guides.md    |  2 +-
 12 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/_includes/global/content.njk b/src/_includes/global/content.njk
index 49236f07..0cf971ff 100644
--- a/src/_includes/global/content.njk
+++ b/src/_includes/global/content.njk
@@ -18,9 +18,12 @@
     {% if isArticle %}
         <div class="article__info">
             <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 %}
-            <p>Last updated on {{ updated | formatDate }}</p>
+            <p>Last updated on <time datetime="{{ updated }}">{{ updated | formatDate }}</time></p>
         {% endif %}
         {% if categories %}
             <p>Categories:
diff --git a/src/_includes/main/archive.njk b/src/_includes/main/archive.njk
index 5b8b248a..5fcb5369 100644
--- a/src/_includes/main/archive.njk
+++ b/src/_includes/main/archive.njk
@@ -9,7 +9,7 @@
                     {% endif %}
                 </a>
             </p>
-            <p>{{ content.date | formatDate }}</p>
+            <time datetime="{{ content.date }}">{{ content.date | formatDate }}</time>
         </li>
     {% endfor %}
 </ul>
diff --git a/src/_includes/main/links.njk b/src/_includes/main/links.njk
index e0d95d1b..8bfd415c 100644
--- a/src/_includes/main/links.njk
+++ b/src/_includes/main/links.njk
@@ -33,7 +33,7 @@ isContentDivided: true
         {{ group.templateContent | safe }}
 
     {% 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 %}
         <a href="#linktabs" class="tab__btn tab__back">Back to tabs</a>
     </section>
diff --git a/src/_includes/main/statement.njk b/src/_includes/main/statement.njk
index 53a2efff..c9beca51 100644
--- a/src/_includes/main/statement.njk
+++ b/src/_includes/main/statement.njk
@@ -4,4 +4,4 @@ layout: main/content
 
 {{ content | safe }}
 
-<p class="update-info">(This {{ keyword }} was last updated on {{ updated | formatDate }})</p>
\ No newline at end of file
+<p class="update-info">(This {{ keyword }} was last updated on <time datetime="{{ updated }}">{{ updated | formatDate }}</time>)</p>
\ No newline at end of file
diff --git a/src/blog/posts.njk b/src/blog/posts.njk
index 47c41b05..ec8c6b3e 100644
--- a/src/blog/posts.njk
+++ b/src/blog/posts.njk
@@ -14,13 +14,13 @@ eleventyNavigation:
         <li class="blog__postlist--item">
             <h2 class="blog__postlist--title">
                 <a href="{{ post.url }}">
-                    {% if post.data.title %}{{ post.data.articleTitle }}
-                    {% else %}
-                        <code>{{ post.url }}</code>
-                    {% endif %}
+            {% if post.data.title %}{{ post.data.articleTitle }}
+            {% else %}
+                <code>{{ post.url }}</code>
+            {% endif %}
                 </a>
             </h2>
-            <p>{{ post.date | formatDate }}</p>
+            <time datetime="{{ post.date }}">{{ post.date | formatDate }}</time>
         </li>
     {% endfor %}
 </ul>
diff --git a/src/changelogs/changelogs.njk b/src/changelogs/changelogs.njk
index 6101fc55..e41a91e7 100644
--- a/src/changelogs/changelogs.njk
+++ b/src/changelogs/changelogs.njk
@@ -16,7 +16,7 @@ eleventyNavigation:
 
 <h2>Latest Changelogs</h2>
 {% 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 }}
 {%- endfor %}
 
diff --git a/src/pages/adoptables.njk b/src/pages/adoptables.njk
index 7f08c772..1ee4be65 100644
--- a/src/pages/adoptables.njk
+++ b/src/pages/adoptables.njk
@@ -23,7 +23,7 @@ eleventyNavigation:
 {%- endmacro -%}
 
 <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>
 
 {% include "main/virtualpets.njk" %}
diff --git a/src/pages/articles.md b/src/pages/articles.md
index caa0d32d..fb5b16fd 100644
--- a/src/pages/articles.md
+++ b/src/pages/articles.md
@@ -12,7 +12,7 @@ Articles I have written.
 {%- for article in collections["my articles"] -%}
     <li>
         <p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p>
-        <p>{{ article.date | formatDate }}</p>
+        <time datetime="{{ article.date }}">{{ article.date | formatDate }}</time>
     </li>
 {%- endfor -%}
 </ul>
diff --git a/src/pages/now.md b/src/pages/now.md
index 4c81fe61..50c2c429 100644
--- a/src/pages/now.md
+++ b/src/pages/now.md
@@ -7,7 +7,7 @@ eleventyComputed:
     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/).
 
diff --git a/src/shrines/cassettebeasts/articles.md b/src/shrines/cassettebeasts/articles.md
index 98b64464..d2ee717d 100644
--- a/src/shrines/cassettebeasts/articles.md
+++ b/src/shrines/cassettebeasts/articles.md
@@ -17,7 +17,7 @@ eleventyNavigation:
 {%- for article in collections["cassette beasts articles"] -%}
     <li>
         <p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p>
-        <p>{{ article.date | formatDate }}</p>
+        <time datetime="{{ article.date }}">{{ article.date | formatDate }}</time>
     </li>
 {%- endfor -%}
 </ul>
diff --git a/src/shrines/starwarskotor/articles.md b/src/shrines/starwarskotor/articles.md
index 90ee3775..5df8a3b8 100644
--- a/src/shrines/starwarskotor/articles.md
+++ b/src/shrines/starwarskotor/articles.md
@@ -17,7 +17,7 @@ eleventyNavigation:
 {%- for article in collections["kotor both articles"] -%}
     <li>
         <p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p>
-        <p>{{ article.date | formatDate }}</p>
+        <time datetime="{{ article.date }}">{{ article.date | formatDate }}</time>
     </li>
 {%- endfor -%}
 </ul>
@@ -27,7 +27,7 @@ eleventyNavigation:
 {%- for article in collections["kotor 1 articles"] -%}
     <li>
         <p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p>
-        <p>{{ article.date | formatDate }}</p>
+        <time datetime="{{ article.date }}">{{ article.date | formatDate }}</time>
     </li>
 {%- endfor -%}
 </ul>
@@ -37,7 +37,7 @@ eleventyNavigation:
 {%- for article in collections["kotor 2 articles"] -%}
     <li>
         <p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p>
-        <p>{{ article.date | formatDate }}</p>
+        <time datetime="{{ article.date }}">{{ article.date | formatDate }}</time>
     </li>
 {%- endfor -%}
 </ul>
diff --git a/src/shrines/starwarskotor/guides.md b/src/shrines/starwarskotor/guides.md
index 5bfe35f8..daacac44 100644
--- a/src/shrines/starwarskotor/guides.md
+++ b/src/shrines/starwarskotor/guides.md
@@ -17,7 +17,7 @@ eleventyNavigation:
 {%- for article in collections["kotor guides"] -%}
     <li>
         <p><a href="{{ article.url }}">{{ article.data.articleTitle }}</a></p>
-        <p>{{ article.date | formatDate }}</p>
+        <time datetime="{{ article.date }}">{{ article.date | formatDate }}</time>
     </li>
 {%- endfor -%}
 </ul>