From 930598d3932a1b087c83b1dde190530b833829c3 Mon Sep 17 00:00:00 2001
From: Nathan Bergey <nathan.bergey@gmail.com>
Date: Fri, 23 Jul 2021 12:49:01 -0400
Subject: [PATCH] Copy over sounds page

---
 source/sounds/index.md                        |   9 -------
 .../sounds/balloon-bones.mp3                  | Bin
 src/sounds/index.md                           |  25 ++++++++++++++++++
 3 files changed, 25 insertions(+), 9 deletions(-)
 delete mode 100644 source/sounds/index.md
 rename source/sounds/ballon-bones.mp3 => src/sounds/balloon-bones.mp3 (100%)
 create mode 100644 src/sounds/index.md

diff --git a/source/sounds/index.md b/source/sounds/index.md
deleted file mode 100644
index 72827c4..0000000
--- a/source/sounds/index.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-title: Beep boop
-layout: page
----
-
-I made some sounds.
-
-
-{% audio ./ballon-bones.mp3 "Balloon Bones" "Sep 26<sup>th</sup> 2020" " " %}
diff --git a/source/sounds/ballon-bones.mp3 b/src/sounds/balloon-bones.mp3
similarity index 100%
rename from source/sounds/ballon-bones.mp3
rename to src/sounds/balloon-bones.mp3
diff --git a/src/sounds/index.md b/src/sounds/index.md
new file mode 100644
index 0000000..621fcb7
--- /dev/null
+++ b/src/sounds/index.md
@@ -0,0 +1,25 @@
+---
+title: Beep boop
+layout: page.liquid
+data:
+  sounds:
+
+    - title: Balloon Bones
+      date: Sep 26<sup>th</sup> 2020
+      file: balloon-bones.mp3
+
+---
+
+# Beep boop
+
+I made some sounds.
+
+{% for sound in page.data.sounds %}
+### {{ sound.title }}
+_{{ sound.date }}_
+<figure>
+  <audio style="display:block;width:100%;border-radius:6px;" preload="metadata" controls src="{{ sound.file }}">
+    Your browser does not support the <code>audio</code> element.
+  </audio>
+</figure>
+{% endfor %}
\ No newline at end of file