diff --git a/assets/music/test.opus b/assets/music/test.opus
new file mode 100644
index 0000000..508741d
Binary files /dev/null and b/assets/music/test.opus differ
diff --git a/content/music/_index.md b/content/music/_index.md
new file mode 100644
index 0000000..2ac8227
--- /dev/null
+++ b/content/music/_index.md
@@ -0,0 +1,9 @@
+---
+title: "Music"
+layout: "audio-gallery"
+json: "music"
+---
+
+This is a collection of music I have created.
+
+{{< toc >}}
diff --git a/data/music.json b/data/music.json
new file mode 100644
index 0000000..6258f97
--- /dev/null
+++ b/data/music.json
@@ -0,0 +1,20 @@
+{
+  "categories": [
+    {
+      "name": "Music",
+      "description": "This is my extremely small music collection.",
+      "years": [
+        {
+          "year": 2022,
+          "pieces": [
+            {
+              "title": "you call this a town theme?",
+              "filename": "test.opus",
+              "newgrounds_url": "google.com"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}
diff --git a/themes/red/layouts/_default/audio-gallery.html b/themes/red/layouts/_default/audio-gallery.html
new file mode 100644
index 0000000..220cd10
--- /dev/null
+++ b/themes/red/layouts/_default/audio-gallery.html
@@ -0,0 +1,34 @@
+{{ define "main" }}
+    <h2>{{ .Title }}</h2>
+
+    {{ .Content }}
+
+    {{ $art := (index site.Data ($.Param "json")) }}
+
+    {{ range $art.categories }}
+        <h2>{{ .name }}</h2>
+        <p>{{ .description }}</p>
+        {{ range sort .years "year" "desc" }}
+            <h3>{{ .year }}</h3>
+
+            <div class="gallery">
+                {{ range .pieces }}
+                    <figure>
+                        {{ $full := resources.Get (printf "%s/%s" ($.Param "json") .filename) }}
+
+                        <audio controls>
+                            <source src="{{ $full.Permalink }}" type="audio/ogg">
+                        </audio>
+
+                        <figcaption>
+                            "{{ .title }}"
+                            {{ if .newgrounds_url }}
+                                <a href="{{ .newgrounds_url }}">Newgrounds</a>
+                            {{ end }}
+                        </figcaption>
+                    </figure>
+                {{ end }}
+            </div>
+        {{ end }}
+    {{ end }}
+{{ end }}