diff --git a/CHANGELOG.md b/CHANGELOG.md
index ad17797..54d8430 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,8 @@ This file lists all non-trivial changes to Beautiful Jekyll.
I often make small changes to documentation, to the demo site, or to the general look-and-feel. These changes will not be listed here. Any other minor changes will also not be listed here.
+**2020-04-24** Adding readtime support for the post header (#622) (thanks @MutMatt and @rubyreads)
+
**2020-04-22** Add support for configuring lang attribute on <html> tag (#608) (thanks @skalee)
**2020-04-18** Add ability to disable round logo (thanks @gpotter2)
diff --git a/_config.yml b/_config.yml
index 4284d1f..aa565f9 100644
--- a/_config.yml
+++ b/_config.yml
@@ -189,6 +189,7 @@ defaults:
layout: "post"
comments: true # add comments to all blog posts
social-share: true # add social media sharing buttons to all blog posts
+ readtime: false # add estimated reading time on all blog posts
-
scope:
path: "" # all files
diff --git a/_includes/header.html b/_includes/header.html
index 49ab1c8..d4cdfbb 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -7,15 +7,15 @@
{% if page.bigimg %}
{% endif %}
@@ -28,18 +28,21 @@
{% if page.title %}{{ page.title }}{% else %}
{% endif %}
- {% if page.subtitle %}
- {% if include.type == "page" %}
+ {% if page.subtitle %}
+ {% if include.type == "page" %}
{{ page.subtitle }}
- {% else %}
- {{ page.subtitle }}
- {% endif %}
- {% endif %}
-
- {% if include.type == "post" %}
- Posted on {{ page.date | date: date_format }}
- {% endif %}
+ {% else %}
+ {{ page.subtitle }}
+ {% endif %}
+ {% endif %}
+
+ {% if include.type == "post" %}
+ Posted on {{ page.date | date: date_format }}
+ {% if page.readtime %}
+ {% include readtime.html %}
+ {% endif %}
+ {% endif %}
@@ -53,18 +56,21 @@
{% if page.title %}{{ page.title }}{% else %}
{% endif %}
- {% if page.subtitle %}
- {% if include.type == "page" %}
+ {% if page.subtitle %}
+ {% if include.type == "page" %}
{{ page.subtitle }}
- {% else %}
- {{ page.subtitle }}
- {% endif %}
- {% endif %}
-
- {% if include.type == "post" %}
- Posted on {{ page.date | date: date_format }}
- {% endif %}
+ {% else %}
+ {{ page.subtitle }}
+ {% endif %}
+ {% endif %}
+
+ {% if include.type == "post" %}
+ Posted on {{ page.date | date: date_format }}
+ {% if page.readtime %}
+ {% include readtime.html %}
+ {% endif %}
+ {% endif %}
diff --git a/_includes/readtime.html b/_includes/readtime.html
new file mode 100644
index 0000000..28f4dce
--- /dev/null
+++ b/_includes/readtime.html
@@ -0,0 +1,16 @@
+
+
+{% assign ReadTime = page.content | strip_html | number_of_words %}
+{% assign calcReadTime = ReadTime | float %}
+{% assign finalReadTime = calcReadTime | divided_by:200 | round: 2 %}
+{% assign number = finalReadTime | round %}
+ {% if number >= 1 %}
+ {% assign yesReadTime = number | append: " minute read" %}
+ · {{ yesReadTime }}
+ {% elsif number < 1 %}
+ {% assign minReadTime = '< 1 minute read' %}
+ · {{ minReadTime }}
+ {% else %}
+ {% assign nilReadTime = number | replace:'0',' ' %}
+ {{ nilReadTime }}
+ {% endif %}
diff --git a/css/main.css b/css/main.css
index 322ea11..b9f222c 100644
--- a/css/main.css
+++ b/css/main.css
@@ -593,6 +593,18 @@ footer .theme-by {
}
}
+.reader-time {
+ display: inline-block;
+}
+@media (max-width: 767px) {
+ .reader-time {
+ display: block;
+ }
+}
+.reader-time .middot {
+ margin: 0 10px;
+}
+
/* --- Pager --- */
.pager li a {