From 4c2adcd0fe29dbacef0dcd141d4453d48d1ef603 Mon Sep 17 00:00:00 2001
From: Eorn <eorn@goe.land>
Date: Wed, 4 Nov 2020 16:50:36 +0100
Subject: [PATCH] added audio shortcode

---
 layouts/shortcodes/audio.html | 7 +++++++
 static/css/style.css          | 6 ++++++
 2 files changed, 13 insertions(+)
 create mode 100644 layouts/shortcodes/audio.html

diff --git a/layouts/shortcodes/audio.html b/layouts/shortcodes/audio.html
new file mode 100644
index 0000000..bc28065
--- /dev/null
+++ b/layouts/shortcodes/audio.html
@@ -0,0 +1,7 @@
+<figure {{ with .Get "class" }}class="{{ . }}"{{ end }}>
+	<audio controls preload="{{ .Get "preload" | default "metadata" }}">
+		{{ with .Get "src" }}<source src="{{ . }}" type="audio/mpeg">{{ end }}
+	</audio>
+	{{ with .Get "caption" }}<figcaption><h4>{{ . }}</h4></figcaption>{{ end }}
+
+</figure>
diff --git a/static/css/style.css b/static/css/style.css
index f980f9a..8bb3682 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -434,6 +434,12 @@ figure img {
 	max-width: 100%;
 }
 
+
+figure.audiofig audio {
+	width: 90%;
+	align: center;
+}
+
 .center {
 	text-align: center;
 }