Install Eleventy Emoji Read time plug-in

_site/blog/posts/2023-08-21-Welcome-to-Helen-Codes/index.html

@@ -219,6 +219,7 @@
 <h2 class="heading--main">Welcome to Helen Codes</h2>
 
 <section class="blog__post--info">
+    <p>🍿  1 min. read</p>
 	<p><span class="text-bold">Posted:</span> Monday, 21 August 2023</p>
     
 	<p><span class="text-bold">Categories:</span>

_site/blog/posts/2023-08-24-Built-a-TickyBot-Clone-for-Chingus-Solo-Project/index.html

@@ -219,6 +219,7 @@
 <h2 class="heading--main">Built A TickyBot Clone for Chingu&#39;s Solo Projects</h2>
 
 <section class="blog__post--info">
+    <p>🍿  1 min. read</p>
 	<p><span class="text-bold">Posted:</span> Thursday, 24 August 2023</p>
     
 	<p><span class="text-bold">Categories:</span>

_site/blog/posts/2023-09-10-CS50x-Week-7-Completed/index.html

@@ -219,6 +219,7 @@
 <h2 class="heading--main">CS50x Week 7 Completed</h2>
 
 <section class="blog__post--info">
+    <p>🍿  1 min. read</p>
 	<p><span class="text-bold">Posted:</span> Sunday, 10 September 2023</p>
     
 	<p><span class="text-bold">Categories:</span>

_site/blog/posts/2023-09-26-CS50x-Week-8-Assignments-Completed/index.html

@@ -219,6 +219,7 @@
 <h2 class="heading--main">CS50x Week 8 Assignments Completed</h2>
 
 <section class="blog__post--info">
+    <p>🍿  1 min. read</p>
 	<p><span class="text-bold">Posted:</span> Tuesday, 26 September 2023</p>
     
 	<p><span class="text-bold">Categories:</span>

_site/blog/posts/2023-11-13-My-First-PR-in-Python/index.html

@@ -219,6 +219,7 @@
 <h2 class="heading--main">cbpickaxe and My First (Merged) Pull Request in Python</h2>
 
 <section class="blog__post--info">
+    <p>🍿  3 min. read</p>
 	<p><span class="text-bold">Posted:</span> Monday, 13 November 2023</p>
     
 	<p><span class="text-bold">Categories:</span>

_site/blog/posts/2023-11-25-Chingu-Voyage-46-Completed/index.html

@@ -219,6 +219,7 @@
 <h2 class="heading--main">Chingu Voyage 46 Completed</h2>
 
 <section class="blog__post--info">
+    <p>🍿  1 min. read</p>
 	<p><span class="text-bold">Posted:</span> Saturday, 25 November 2023</p>
     
 	<p><span class="text-bold">Categories:</span>

_site/blog/posts/2023-12-27-JavaScriptmas-2023-Challenge-Completed-and-Won/index.html

@@ -219,6 +219,7 @@
 <h2 class="heading--main">JavaScriptmas 2023 Challenge Completed — and Won</h2>
 
 <section class="blog__post--info">
+    <p>🍿  1 min. read</p>
 	<p><span class="text-bold">Posted:</span> Wednesday, 27 December 2023</p>
     
 	<p><span class="text-bold">Categories:</span>

_site/blog/posts/2024-04-11-rebuilding-my-developer-portfolio-with-eleventy/index.html

@@ -219,6 +219,7 @@
 <h2 class="heading--main">Rebuilding My Developer Portfolio with Eleventy</h2>
 
 <section class="blog__post--info">
+    <p>🍿  3 min. read</p>
 	<p><span class="text-bold">Posted:</span> Thursday, 11 April 2024</p>
     
 	<p><span class="text-bold">Categories:</span>

_site/blog/posts/2024-04-13-round-1-100-days-of-code-challenge-completed/index.html

@@ -219,6 +219,7 @@
 <h2 class="heading--main">Round 1 of 100 Days of Code Challenge Completed</h2>
 
 <section class="blog__post--info">
+    <p>🍿  2 min. read</p>
 	<p><span class="text-bold">Posted:</span> Saturday, 13 April 2024</p>
     
 	<p><span class="text-bold">Categories:</span>

eleventy.config.js

@@ -3,6 +3,7 @@ const { EleventyRenderPlugin } = require("@11ty/eleventy");
 const pluginRss = require("@11ty/eleventy-plugin-rss");
 const metagen = require('eleventy-plugin-metagen');
 const pluginWebc = require("@11ty/eleventy-plugin-webc");
+const emojiReadTime = require("@11tyrocks/eleventy-plugin-emoji-readtime");
 
 // App Plug-Ins
 const pluginImages = require("./eleventy.config.images.js");
@@ -18,6 +19,7 @@ module.exports = function(eleventyConfig) {
     eleventyConfig.addPlugin(pluginWebc, {
         components: "./src/_includes/**/*.webc",
     });
+    eleventyConfig.addPlugin(emojiReadTime);
 
     // App plug-ins
     eleventyConfig.addPlugin(pluginImages);

package.json

@@ -17,6 +17,7 @@
     "@11ty/eleventy-img": "^4.0.2",
     "@11ty/eleventy-plugin-rss": "^1.2.0",
     "@11ty/eleventy-plugin-webc": "^0.11.2",
+    "@11tyrocks/eleventy-plugin-emoji-readtime": "^1.0.1",
     "eleventy-plugin-metagen": "^1.8.3"
   }
 }

src/_includes/blog/post.njk

@@ -12,6 +12,7 @@ layout: blog/base
 <h2 class="heading--main">{{ title }}</h2>
 
 <section class="blog__post--info">
+    <p>{{ content | emojiReadTime }}</p>
 	<p><span class="text-bold">Posted:</span> {{ date | niceDate }}</p>
     {% if updated %}
         <p><span class="text-bold">Updated:</span> {{ updated | niceDate }}</p>