Update the post subheader

* Make the date format more human friendly (Jan 2, 2018 instead of 2018-01-02) * Add the estimated reading time * Add the word count
dguo · Jun 12, 2018 · 8471241 · 8471241
1 parent febe705
commit 8471241
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
@@ -4,7 +4,7 @@
 
 {{ define "main" }}
     <h1>{{ .Title }}</h1>
-    <small>Published on {{.Date.Format "2006-01-02"}}</small>
+    <div class="subheader">{{.Date.Format "January 2, 2006"}} · {{ .ReadingTime | lang.NumFmt 0 }} minute{{ if not (eq .ReadingTime 1) }}s{{ end }} to read · {{ .WordCount | lang.NumFmt 0 }} words</div>
 
     {{ partial "anchor.html" .Content }}
 

diff --git a/static/css/post.css b/static/css/post.css
@@ -1,3 +1,9 @@
 h1 {
-  margin-bottom: 0.2em;
+  margin-bottom: 0em;
+}
+
+.subheader {
+  color: #999999;
+  font-size: 0.9em;
+  margin-bottom: 2em;
 }