✨ feat: display word count when hovering over read time

welpo · Feb 21, 2023 · d9cd64e · d9cd64e
1 parent 23f5c6d
commit d9cd64e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss
@@ -119,3 +119,11 @@ table td {
 table tbody tr:nth-child(even) {
   background-color: var(--bg-0);
 }
+
+.meta span:hover::before {
+  content: attr(word-count);
+}
+
+.meta span::before {
+  content: attr(reading-time);
+}
diff --git a/templates/macros/macros.html b/templates/macros/macros.html
@@ -119,7 +119,7 @@
                     •
                 {% endif %}
 
-                <span> {{ page.reading_time }} minute read{% if page.taxonomies and page.taxonomies.tags %}&nbsp;{%
+                <span reading-time="{{ page.reading_time }} min read" word-count="{{ page.word_count }} words">{% if page.taxonomies and page.taxonomies.tags %}&nbsp;{%
                     endif %}</span>
 
                 {% if page.taxonomies and page.taxonomies.tags %}