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