Implement per-page reading-time stats

Does not rely on Jekyll plugin but uses pure Liquid Included basic CSS Signed-off-by: Misty Stanley-Jones <[email protected]>
aaronmarkham · Nov 30, 2016 · 1cb25b9 · 1cb25b9
1 parent 0355aef
commit 1cb25b9
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/_includes/read_time.html b/_includes/read_time.html
@@ -0,0 +1,9 @@
+<span class="reading-time" title="Estimated reading time">
+  <span class="reading-time-label">Estimated reading time: </span>
+  {% assign words = content | number_of_words %}
+  {% if words < 360 %}
+    1 minute
+  {% else %}
+    {{ words | divided_by:180 }} minutes
+  {% endif %}
+</span>
diff --git a/_layouts/docs.html b/_layouts/docs.html
@@ -187,6 +187,7 @@
               <section class="section" id="DocumentationText">
 								{% if page.title %}<h1>{{ page.title }}</h1>{% endif %}
 								{% if page.advisory %}<blockquote><p><strong style="color:black">{{ site.data.advisories.texts[page.advisory] }}</strong></p></blockquote>{% endif %}
+              {% include read_time.html %}
               {{ content }}
 							{% if page.noratings != true %}
 							<div style="text-align: center; margin-top: 50px">

diff --git a/css/documentation.css b/css/documentation.css
@@ -346,3 +346,17 @@ color: #F04124;
 }
 
 /* end search */
+
+/* begin reading_time */
+
+span.reading-time {
+  font-style: italic;
+  font-size: 80%;
+  display: block;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  color: #999;
+}
+
+span.reading-time-label {
+}