diff --git a/src/routes/about/music/+page.svelte b/src/routes/about/music/+page.svelte
new file mode 100644
index 0000000..2c6110e
--- /dev/null
+++ b/src/routes/about/music/+page.svelte
@@ -0,0 +1,376 @@
+<script lang="ts">
+    import BannerTitleAlt from "$lib/banner-title-alt.svelte";
+    import Content from "$lib/content.svelte";
+    import TableOfContents from "$lib/table-of-contents.svelte";
+    import LinkList, { type LinkEntry } from "$lib/link-list.svelte";
+
+    interface AlbumEntry {
+        artist: string;
+        title: string;
+        year: number;
+        img: string;
+        description: string[];
+    };
+
+    const albums: AlbumEntry[] = [
+        {
+            artist: "acloudyskye",
+            title: "What Do You Want!",
+            year: 2022,
+            img: "acloudyskye_02_wdyw.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "acloudyskye",
+            title: "There Must Be Something Here",
+            year: 2024,
+            img: "acloudyskye_03_tmbsh.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "acloudyskye",
+            title: "This Won't Be The Last Time",
+            year: 2025,
+            img: "acloudyskye_04_twbtlt.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Avicii",
+            title: "True",
+            year: 2013,
+            img: "avicii_01_true.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Avicii",
+            title: "True (Avicii by Avicii)",
+            year: 2014,
+            img: "avicii_02_trueaba.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Avicii",
+            title: "Avīci (01)",
+            year: 2017,
+            img: "avicii_04_avici01.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Ben Böhmer",
+            title: "Breathing",
+            year: 2019,
+            img: "benboehmer_01_breathing.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "bitbird artists",
+            title: "create together vol. 3",
+            year: 2022,
+            img: "bitbird_ct3.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "bitbird artists",
+            title: "Gouldian Finch 4",
+            year: 2021,
+            img: "bitbird_gf4.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "brakence",
+            title: "hypochondriac",
+            year: 2022,
+            img: "brakence_04_hypochondriac.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Duskus",
+            title: "Healers Vol. 1",
+            year: 2023,
+            img: "duskus_02_healersvol1.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "FROMTHEHEART",
+            title: '"things happen, it\'s ok!"',
+            year: 2020,
+            img: "fromtheheart_thiok.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "gabby start",
+            title: "alex",
+            year: 2022,
+            img: "gabbystart_02_alex.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "ILLENIUM",
+            title: "Ashes",
+            year: 2016,
+            img: "illenium_01_ashes.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "ILLENIUM",
+            title: "Awake",
+            year: 2017,
+            img: "illenium_02_awake.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "ILLENIUM",
+            title: "ASCEND",
+            year: 2019,
+            img: "illenium_03_ascend.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Jane Remover",
+            title: "Teen Week",
+            year: 2021,
+            img: "janeremover_01_teenweek.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Jane Remover",
+            title: "Frailty",
+            year: 2021,
+            img: "janeremover_02_frailty.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Jane Remover",
+            title: "Census Designated",
+            year: 2023,
+            img: "janeremover_03_censusdesignated.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Jane Remover",
+            title: "Revengeseekerz",
+            year: 2025,
+            img: "janeremover_04_revengeseekerz.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Jaron",
+            title: "it's hard to see color [When You're So Impossibly Far Away*]",
+            year: 2022,
+            img: "jaron_02_ihtsc.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Jaron",
+            title: "LIGHTYEARS",
+            year: 2024,
+            img: "jaron_03_lightyears.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Kasbo",
+            title: "Places We Don't Know",
+            year: 2018,
+            img: "kasbo_01_pwdk.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Kasbo",
+            title: "The Making of a Paracosm",
+            year: 2020,
+            img: "kasbo_02_tmoap.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Kaskade",
+            title: "Kaskade Christmas Deluxe",
+            year: 2018,
+            img: "kaskade_christmas.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "kmoe",
+            title: "K1",
+            year: 2025,
+            img: "kmoe_01_k1.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Knapsack",
+            title: "futura",
+            year: 2018,
+            img: "knapsack_02_futura.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+        {
+            artist: "Knapsack",
+            title: "Stem",
+            year: 2025,
+            img: "knapsack_04_stem.webp",
+            description: [
+                "test 1",
+                "test 2",
+                "test 3",
+            ],
+        },
+    ];
+</script>
+
+<svelte:head>
+    <title>My Liked Music | denizk0461</title>
+</svelte:head>
+
+<BannerTitleAlt
+    title="My Liked Music"
+    banner="/common/me/.webp"
+    subtitle="A look into my music taste"
+/>
+
+<Content>
+    <div class="album-button-container">
+        {#each albums as album}
+        {@render albumButton({ album })}
+        {/each}
+    </div>
+</Content>
+
+{#snippet albumButton({
+    album
+}: {
+    album: AlbumEntry;
+})}
+    <div class="album-button">
+        <input
+            class="album-button-img"
+            type="image"
+            src="{album.img}"
+            alt="Album art for {album.artist} – {album.title}" />
+    </div>
+{/snippet}
+
+<style>
+    .album-button-container {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+    }
+
+    .album-button {
+        width: calc(100%/8);
+        line-height: 0;
+    }
+
+    .album-button-img {
+        width: 100%;
+        padding: 2px;
+        box-sizing: border-box;
+    }
+</style>
\ No newline at end of file
diff --git a/static/about/music/acloudyskye_02_wdyw.webp b/static/about/music/acloudyskye_02_wdyw.webp
new file mode 100644
index 0000000..fd3d04c
Binary files /dev/null and b/static/about/music/acloudyskye_02_wdyw.webp differ
diff --git a/static/about/music/acloudyskye_03_tmbsh.webp b/static/about/music/acloudyskye_03_tmbsh.webp
new file mode 100644
index 0000000..4d1cba5
Binary files /dev/null and b/static/about/music/acloudyskye_03_tmbsh.webp differ
diff --git a/static/about/music/acloudyskye_04_twbtlt.webp b/static/about/music/acloudyskye_04_twbtlt.webp
new file mode 100644
index 0000000..25923af
Binary files /dev/null and b/static/about/music/acloudyskye_04_twbtlt.webp differ
diff --git a/static/about/music/avicii_01_true.webp b/static/about/music/avicii_01_true.webp
new file mode 100644
index 0000000..f3078dd
Binary files /dev/null and b/static/about/music/avicii_01_true.webp differ
diff --git a/static/about/music/avicii_02_trueaba.webp b/static/about/music/avicii_02_trueaba.webp
new file mode 100644
index 0000000..3eff9e6
Binary files /dev/null and b/static/about/music/avicii_02_trueaba.webp differ
diff --git a/static/about/music/avicii_04_avici01.webp b/static/about/music/avicii_04_avici01.webp
new file mode 100644
index 0000000..0504594
Binary files /dev/null and b/static/about/music/avicii_04_avici01.webp differ
diff --git a/static/about/music/benboehmer_01_breathing.webp b/static/about/music/benboehmer_01_breathing.webp
new file mode 100644
index 0000000..64aee82
Binary files /dev/null and b/static/about/music/benboehmer_01_breathing.webp differ
diff --git a/static/about/music/bitbird_ct3.webp b/static/about/music/bitbird_ct3.webp
new file mode 100644
index 0000000..569e78e
Binary files /dev/null and b/static/about/music/bitbird_ct3.webp differ
diff --git a/static/about/music/bitbird_gf4.webp b/static/about/music/bitbird_gf4.webp
new file mode 100644
index 0000000..d16e5c0
Binary files /dev/null and b/static/about/music/bitbird_gf4.webp differ
diff --git a/static/about/music/brakence_04_hypochondriac.webp b/static/about/music/brakence_04_hypochondriac.webp
new file mode 100644
index 0000000..cf0a885
Binary files /dev/null and b/static/about/music/brakence_04_hypochondriac.webp differ
diff --git a/static/about/music/duskus_02_healersvol1.webp b/static/about/music/duskus_02_healersvol1.webp
new file mode 100644
index 0000000..8098e16
Binary files /dev/null and b/static/about/music/duskus_02_healersvol1.webp differ
diff --git a/static/about/music/fromtheheart_thiok.webp b/static/about/music/fromtheheart_thiok.webp
new file mode 100644
index 0000000..b12636b
Binary files /dev/null and b/static/about/music/fromtheheart_thiok.webp differ
diff --git a/static/about/music/gabbystart_02_alex.webp b/static/about/music/gabbystart_02_alex.webp
new file mode 100644
index 0000000..c5ae347
Binary files /dev/null and b/static/about/music/gabbystart_02_alex.webp differ
diff --git a/static/about/music/illenium_01_ashes.webp b/static/about/music/illenium_01_ashes.webp
new file mode 100644
index 0000000..6cdea41
Binary files /dev/null and b/static/about/music/illenium_01_ashes.webp differ
diff --git a/static/about/music/illenium_02_awake.webp b/static/about/music/illenium_02_awake.webp
new file mode 100644
index 0000000..d7b5641
Binary files /dev/null and b/static/about/music/illenium_02_awake.webp differ
diff --git a/static/about/music/illenium_03_ascend.webp b/static/about/music/illenium_03_ascend.webp
new file mode 100644
index 0000000..3b6ca01
Binary files /dev/null and b/static/about/music/illenium_03_ascend.webp differ
diff --git a/static/about/music/janeremover_01_teenweek.webp b/static/about/music/janeremover_01_teenweek.webp
new file mode 100644
index 0000000..a17c0cf
Binary files /dev/null and b/static/about/music/janeremover_01_teenweek.webp differ
diff --git a/static/about/music/janeremover_02_frailty.webp b/static/about/music/janeremover_02_frailty.webp
new file mode 100644
index 0000000..0aebafa
Binary files /dev/null and b/static/about/music/janeremover_02_frailty.webp differ
diff --git a/static/about/music/janeremover_03_censusdesignated.webp b/static/about/music/janeremover_03_censusdesignated.webp
new file mode 100644
index 0000000..382147b
Binary files /dev/null and b/static/about/music/janeremover_03_censusdesignated.webp differ
diff --git a/static/about/music/janeremover_04_revengeseekerz.webp b/static/about/music/janeremover_04_revengeseekerz.webp
new file mode 100644
index 0000000..b9a3d10
Binary files /dev/null and b/static/about/music/janeremover_04_revengeseekerz.webp differ
diff --git a/static/about/music/jaron_02_ihtsc.webp b/static/about/music/jaron_02_ihtsc.webp
new file mode 100644
index 0000000..dca3394
Binary files /dev/null and b/static/about/music/jaron_02_ihtsc.webp differ
diff --git a/static/about/music/jaron_03_lightyears.webp b/static/about/music/jaron_03_lightyears.webp
new file mode 100644
index 0000000..0599e80
Binary files /dev/null and b/static/about/music/jaron_03_lightyears.webp differ
diff --git a/static/about/music/kasbo_01_pwdk.webp b/static/about/music/kasbo_01_pwdk.webp
new file mode 100644
index 0000000..c3e51c2
Binary files /dev/null and b/static/about/music/kasbo_01_pwdk.webp differ
diff --git a/static/about/music/kasbo_02_tmoap.webp b/static/about/music/kasbo_02_tmoap.webp
new file mode 100644
index 0000000..a1b44a6
Binary files /dev/null and b/static/about/music/kasbo_02_tmoap.webp differ
diff --git a/static/about/music/kaskade_christmas.webp b/static/about/music/kaskade_christmas.webp
new file mode 100644
index 0000000..e6da9ed
Binary files /dev/null and b/static/about/music/kaskade_christmas.webp differ
diff --git a/static/about/music/kmoe_01_k1.webp b/static/about/music/kmoe_01_k1.webp
new file mode 100644
index 0000000..b6c0b8a
Binary files /dev/null and b/static/about/music/kmoe_01_k1.webp differ
diff --git a/static/about/music/knapsack_02_futura.webp b/static/about/music/knapsack_02_futura.webp
new file mode 100644
index 0000000..a9f376d
Binary files /dev/null and b/static/about/music/knapsack_02_futura.webp differ
diff --git a/static/about/music/knapsack_04_stem.webp b/static/about/music/knapsack_04_stem.webp
new file mode 100644
index 0000000..674efb3
Binary files /dev/null and b/static/about/music/knapsack_04_stem.webp differ