Add 6 September 2024 changelog

eleventy.config.js

@@ -4,7 +4,7 @@ import pluginEleventyNavigation from "@11ty/eleventy-navigation";
 import pluginSyntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight";
 import pluginEmbedEverything from "eleventy-plugin-embed-everything";
 import pluginMetagen from "eleventy-plugin-metagen";
-import pluginEmojiReadTime from "@11tyrocks/eleventy-plugin-emoji-readtime";
+import pluginWordcount from "eleventy-plugin-wordcount-extended";
 import pluginTOC from "@uncenter/eleventy-plugin-toc";
 
 // Custom Configurations
@@ -21,7 +21,7 @@ export default function(eleventyConfig) {
     eleventyConfig.addPlugin(pluginSyntaxHighlight, { preAttributes: { tabindex: 0 } });
     eleventyConfig.addPlugin(pluginEmbedEverything, { add: ['soundcloud'] });
     eleventyConfig.addPlugin(pluginMetagen);
-    eleventyConfig.addPlugin(pluginEmojiReadTime);
+    eleventyConfig.addPlugin(pluginWordcount);
     eleventyConfig.addPlugin(pluginTOC, {
         tags: ['h2', 'h3', 'h4', 'h5', 'h6'],
         wrapper: function (toc) {

package.json

@@ -14,11 +14,11 @@
     "@11ty/eleventy-navigation": "^0.3.5",
     "@11ty/eleventy-plugin-rss": "^2.0.2",
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
-    "@11tyrocks/eleventy-plugin-emoji-readtime": "^1.0.1",
     "@uncenter/eleventy-plugin-toc": "^1.0.3",
     "@zachleat/details-utils": "^2.0.2",
     "eleventy-plugin-embed-everything": "^1.18.2",
     "eleventy-plugin-metagen": "^1.8.3",
+    "eleventy-plugin-wordcount-extended": "^0.2.1",
     "install": "^0.13.0",
     "markdown-it-anchor": "^9.0.1",
     "markdown-it-attribution": "^0.1.4",

src/_config/filters.js

@@ -24,4 +24,9 @@ export default function(eleventyConfig) {
     eleventyConfig.addFilter("itemLimit", function(array, itemLimit) {
         return array.slice(0, itemLimit);
     });
+
+    // Thousands separator
+    eleventyConfig.addFilter("thousands", function(num) {
+        return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    });
 }

src/_includes/global/content.njk

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

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>

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>

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>
+<p class="update-info">(This {{ keyword }} was last updated on <time datetime="{{ updated }}">{{ updated | formatDate }}</time>)</p>

src/blog/posts.njk

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

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 %}
 

src/changelogs/logs/2024/2024-09-06.md

@@ -0,0 +1,5 @@
+---
+date: 2024-09-06T00:11:29+0800
+---
+
+* Replace the estimated reading time of articles and blog posts with word count, by using the [eleventy-plugin-wordcount-extended](https://www.npmjs.com/package/eleventy-plugin-wordcount-extended) plugin.

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" %}

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>

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/).
 

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>

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>

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>

src/statements/colophon.md

@@ -1,7 +1,7 @@
 ---
 title: Colophon
 keyword: colophon page
-updated: 2024-08-20T09:55:39+0800
+updated: 2024-09-05T23:53:14+0800
 toc: true
 eleventyNavigation:
     order: 14
@@ -31,9 +31,9 @@ Previously, this website was hosted on [Neocities](https://neocities.org/) until
 * [@zachleat/details-utils](https://www.npmjs.com/package/@zachleat/details-utils)
 
 ### Eleventy Community Plugins
-* [@11tyrocks/eleventy-plugin-emoji-readtime](https://www.npmjs.com/package/@11tyrocks/eleventy-plugin-emoji-readtime)
-* [eleventy-plugin-embed-everything](https://www.npmjs.com/package/eleventy-plugin-embed-everything)
 * [eleventy-plugin-metagen](https://www.npmjs.com/package/eleventy-plugin-metagen)
+* [eleventy-plugin-wordcount-extended](https://www.npmjs.com/package/eleventy-plugin-wordcount-extended)
+* [eleventy-plugin-embed-everything](https://www.npmjs.com/package/eleventy-plugin-embed-everything)
 * [@uncenter/eleventy-plugin-toc](https://www.npmjs.com/package/@uncenter/eleventy-plugin-toc)
 
 ### markdown-it plugins