Prefer Medium-style announcement metadata presentation

kevinlin1 · Aug 18, 2020 · 0f4288f · 0f4288f
1 parent 8301c9d
commit 0f4288f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/_layouts/announcement.html b/_layouts/announcement.html
@@ -1,9 +1,12 @@
 <div class="announcement">
-  <h2>
+  <h2>{{ page.title }}</h2>
+  <span class="announcement-meta">
     {% if page.date %}
-    <strong class="label label-purple">{{ page.date | date: '%b %e' }}</strong>
+    {{ page.date | date: '%b %e' }}
+    &middot;
     {% endif %}
-    {{ page.title }}
-  </h2>
+    {% assign minutes = content | strip_html | number_of_words | divided_by: 180.0 | round %}
+    {{ minutes }} min read
+  </span>
   {{ content }}
 </div>
diff --git a/_sass/custom/announcement.scss b/_sass/custom/announcement.scss
@@ -4,4 +4,8 @@
   h1, h2 {
     @extend .text-gamma;
   }
+
+  .announcement-meta {
+    @extend .text-epsilon;
+  }
 }