Copy over sounds page

source/sounds/index.md

@@ -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" " " %}

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 %}