alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

🥚 refactor: show word count as reading time tooltip

Browse Source
This commit is contained in:
welpo 2023-02-21 14:51:02 +01:00
parent d9cd64e5a4
commit 9ed4034260
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
sass/parts/_misc.scss
View File

@ -127,3 +127,9 @@ table tbody tr:nth-child(even) {
.meta span::before {
content: attr(reading-time);
}
.meta span.reading-time span.word-count {
display: inline-block;
position: relative;
width: 61em; /* adjust this value as needed */
}

5
templates/macros/macros.html
View File

@ -119,11 +119,10 @@
•
{% endif %}
<span reading-time="{{ page.reading_time }} min read" word-count="{{ page.word_count }} words">{% if page.taxonomies and page.taxonomies.tags %}&nbsp;{%
endif %}</span>
<span title="{{ page.word_count }} words">{{ page.reading_time }} min read{% if page.taxonomies and page.taxonomies.tags %}&nbsp;•&nbsp;{%endif %}</span>
{% if page.taxonomies and page.taxonomies.tags %}
<nav class="nav tags"> • Categories:
<nav class="nav tags">Categories:
{% for tag in page.taxonomies.tags %}
<a href={{ get_taxonomy_url(kind='tags' , name=tag) | safe }}>{{ tag }}</a>{% if not loop.last %},
{% endif %}