2 files changed, 22 insertions(+), 0 deletions(-)

M static/css/style.scss
M templates/article.html

@@ 240,6 240,16 @@ hr {
     margin: 1rem auto;
 }
 
+.centered-wrapper {
+    margin: 1rem;
+    text-align: center;
+    line-height: 0;
+}
+audio {
+    padding: 1rem;
+    background: #cd9;
+}
+
 /* }}} */
 
 /* headings {{{ */

@@ 37,6 37,18 @@
         </div>
         $endif$
 
+        $if(audio)$
+        <div class="centered-wrapper">
+        <audio controls>
+            <source src="$audio$"
+                    type="$if(audio-type)$$audio-type$$else$audio/ogg$endif$">
+            <p>Your browser doesn't support HTML5 audio.
+            Here is a <a href="$audio$">direct link to the audio</a>
+            instead.</p>
+        </audio>
+        </div>
+        $endif$
+
         $body$
     </section>
     <div style="clear:both;"></div>