Add optional narration players

templates/entry.html

@@ -1,5 +1,6 @@
 {% extends "base.html" %}
 {% from "macros/tag-links.html" import tag_links with context %}
+{% from "macros/narration-player.html" import narration_player with context %}
 {% block body %}
 {% if this.parent._id == 'blog' %}
 <article class="blog-post-layout shell">
@@ -9,25 +10,28 @@
     <p class="dek">{{ this.summary }}</p>
   </header>
 
-  <aside class="post-info" aria-label="Post information">
-    <p class="post-info-title">Post information</p>
-    <dl>
-      <div class="post-info-row">
-        <dt>Author</dt>
-        <dd>{{ this.author }}</dd>
-      </div>
-      <div class="post-info-row">
-        <dt>Published</dt>
-        <dd><time datetime="{{ this.date }}">{{ this.date|dateformat('long') }}</time></dd>
-      </div>
-      <div class="post-info-row">
-        <dt>Tags</dt>
-        <dd class="post-tags">
-          {{ tag_links(this.tags) }}
-        </dd>
-      </div>
-    </dl>
-  </aside>
+  <div class="post-meta">
+    <aside class="post-info" aria-label="Post information">
+      <p class="post-info-title">Post information</p>
+      <dl>
+        <div class="post-info-row">
+          <dt>Author</dt>
+          <dd>{{ this.author }}</dd>
+        </div>
+        <div class="post-info-row">
+          <dt>Published</dt>
+          <dd><time datetime="{{ this.date }}">{{ this.date|dateformat('long') }}</time></dd>
+        </div>
+        <div class="post-info-row">
+          <dt>Tags</dt>
+          <dd class="post-tags">
+            {{ tag_links(this.tags) }}
+          </dd>
+        </div>
+      </dl>
+    </aside>
+    {{ narration_player(this) }}
+  </div>
 
   <div class="blog-entry-body prose">
     {{ this.body }}
@@ -44,9 +48,10 @@
     <p class="dek">{{ this.summary }}</p>
   </header>
 
-  <aside class="post-info article-info" aria-label="Article information">
-    <p class="post-info-title">Article information</p>
-    <dl>
+  <div class="post-meta">
+    <aside class="post-info article-info" aria-label="Article information">
+      <p class="post-info-title">Article information</p>
+      <dl>
       {% if this.author %}
       <div class="post-info-row">
         <dt>Author</dt>
@@ -91,8 +96,10 @@
         </dd>
       </div>
       {% endif %}
-    </dl>
-  </aside>
+      </dl>
+    </aside>
+    {{ narration_player(this) }}
+  </div>
 
   <div class="article-entry-body prose">
     {{ this.body }}