Categorized music

music/albums.json

@@ -1,19 +1,5 @@
-[
 {
-    "name": "27 Demos",
+  "chill": [
-    "artist": "Margo Guryan ",
-    "link": "27_demos"
-  },
-  {
-    "name": "Choose your Weapon",
-    "artist": "Hiatus Kaiyote",
-    "link": "choose_your_weapon"
-  },
-  {
-    "name": "Ciao! Baby",
-    "artist": "The Marshmallow Kisses",
-    "link": "ciao_baby"
-  },
     {
       "name": "Cosmos",
       "artist": "Yuji Ohno",
@@ -24,16 +10,112 @@
       "artist": "Ray Lynch",
       "link": "deep_breakfast"
     },
+    {
+      "name": "Dune",
+      "artist": "David Matthews",
+      "link": "dune"
+    },
+    {
+      "name": "God's Trashmen Sent to Right the Mess",
+      "artist": "Fievel is Glauque",
+      "link": "gods_trashmen"
+    },
+    {
+      "name": "MACROCOSM",
+      "artist": "BALTHVS",
+      "link": "macrocosm"
+    },
+    {
+      "name": "Ciao! Baby",
+      "artist": "The Marshmallow Kisses",
+      "link": "ciao_baby"
+    },
+    {
+      "name": "an anxious object",
+      "artist": "mouse on the keys",
+      "link": "mouse_on_the_keys"
+    },
+    {
+      "name": "Funky Stuff",
+      "artist": " Jiro Inagaki",
+      "link": "funky_stuff"
+    },
+    {
+      "name": "Make Up City",
+      "artist": "CASIOPEA",
+      "link": "make_up_city"
+    },
+    {
+      "name": "Mint Jams",
+      "artist": "CASIOPEA",
+      "link": "mint_jams"
+    }
+  ],
+  "experimental": [
     {
       "name": "Departing",
       "artist": "Jesus Molina",
       "link": "departing"
     },
     {
-    "name": "Dune",
+      "name": "Choose your Weapon",
-    "artist": "David Matthews",
+      "artist": "Hiatus Kaiyote",
-    "link": "dune"
+      "link": "choose_your_weapon"
     },
+    {
+      "name": "Hold Your Horse Is",
+      "artist": "Hella",
+      "link": "hold_your_horse_is"
+    },
+    {
+      "name": "Mother Earth's Plantasia",
+      "artist": "Mort Garson",
+      "link": "plantasia"
+    },
+    {
+      "name": "Los Desamores de Dewey Martino",
+      "artist": "Dewey Martino",
+      "link": "los_desamores_de_dewey_martino"
+    },
+    {
+      "name": "New History Warfare Vol. 3: To See More Light",
+      "artist": "Colin Stetson",
+      "link": "new_history_warfare_3"
+    },
+    {
+      "name": "Hylics 2 Original Soundtrack",
+      "artist": "Chuck Salamone",
+      "link": "hylics2"
+    }
+  ],
+  "electronic": [
+    {
+      "name": "H.A.Q.Q.",
+      "artist": "Liturgy",
+      "link": "haqq"
+    },
+    {
+      "name": "One Year Madness",
+      "artist": "Golemm",
+      "link": "one_year_madness"
+    },
+    {
+      "name": "Wlfgrl",
+      "artist": "Machine Girl",
+      "link": "wlfgrl"
+    },
+    {
+      "name": "...Because I'm Young Arrogant and Hate Everything You Stand For",
+      "artist": "Machine Girl",
+      "link": "young_arrogant"
+    },
+    {
+      "name": "Parousia",
+      "artist": "XI",
+      "link": "parousia"
+    }
+  ],
+  "high energy": [
     {
       "name": "Each and Every Word Leaves Me Here Alone",
       "artist": "Foreground Eclipse",
@@ -45,25 +127,27 @@
       "link": "fge_2"
     },
     {
-    "name": "Funky Stuff",
+      "name": "ITEKOMA HITS",
-    "artist": " Jiro Inagaki",
+      "artist": "Otoboke Beaver",
-    "link": "funky_stuff"
+      "link": "itekoma_hits"
+    },
+    {
+      "name": "New Levels New Devils",
+      "artist": "Polyphia",
+      "link": "new_levels_new_devils"
+    }
+  ],
+  "misc": [
+    {
+      "name": "27 Demos",
+      "artist": "Margo Guryan ",
+      "link": "27_demos"
     },
     {
       "name": "the first glass beach album",
       "artist": "Glass Beach",
       "link": "glass_beach"
     },
-  {
-    "name": "God's Trashmen Sent to Right the Mess",
-    "artist": "Fievel is Glauque",
-    "link": "gods_trashmen"
-  },
-  {
-    "name": "H.A.Q.Q.",
-    "artist": "Liturgy",
-    "link": "haqq"
-  },
     {
       "name": "Her Abiding Memory",
       "artist": "Pitcher56",
@@ -74,89 +158,25 @@
       "artist": "Enon",
       "link": "high_society"
     },
-  {
-    "name": "Hold Your Horse Is",
-    "artist": "Hella",
-    "link": "hold_your_horse_is"
-  },
-  {
-    "name": "Hylics 2 Original Soundtrack",
-    "artist": "Chuck Salamone",
-    "link": "hylics2"
-  },
-  {
-    "name": "Iron Hummer Alternative",
-    "artist": "IRONBUNNY",
-    "link": "ironbunny"
-  },
-  {
-    "name": "ITEKOMA HITS",
-    "artist": "Otoboke Beaver",
-    "link": "itekoma_hits"
-  },
     {
       "name": "Live at Bush Hall",
       "artist": "Black Country, New Road",
       "link": "live_at_bush_hall"
     },
-  {
-    "name": "Los Desamores de Dewey Martino",
-    "artist": "Dewey Martino",
-    "link": "los_desamores_de_dewey_martino"
-  },
-  {
-    "name": "MACROCOSM",
-    "artist": "BALTHVS",
-    "link": "macrocosm"
-  },
-  {
-    "name": "Make Up City",
-    "artist": "CASIOPEA",
-    "link": "make_up_city"
-  },
     {
       "name": "Mass Teen Fainting",
       "artist": "Plumtree",
       "link": "mass_teen_fainting"
     },
-  {
-    "name": "Mint Jams",
-    "artist": "CASIOPEA",
-    "link": "mint_jams"
-  },
-  {
-    "name": "an anxious object",
-    "artist": "mouse on the keys",
-    "link": "mouse_on_the_keys"
-  },
     {
       "name": "My Caution Line",
       "artist": "Citrobal",
       "link": "my_caution_line"
     },
-  {
-    "name": "New History Warfare Vol. 3: To See More Light",
-    "artist": "Colin Stetson",
-    "link": "new_history_warfare_3"
-  },
-  {
-    "name": "New Levels New Devils",
-    "artist": "Polyphia",
-    "link": "new_levels_new_devils"
-  },
     {
       "name": "Oncle Jazz",
       "artist": "Men I Trust",
       "link": "oncle_jazz"
-  },
-  {
-    "name": "One Year Madness",
-    "artist": "Golemm",
-    "link": "one_year_madness"
-  },
-  {
-    "name": "Parousia",
-    "artist": "XI",
-    "link": "parousia"
     }
   ]
+}

music/index.md

@@ -1,15 +1,16 @@
 # Music
-My favorite songs, albums, and artists
-## albums
-
 <script id="albums">
 const thisScript = document.getElementById("albums");
 fetch("/music/albums.json")
     .then((response) => response.json())
     .then((json) => {
+            console.log(json);
             let html = "";
-            for (let i = 0; i < json.length; i++) {
+            for (const category in json) {
-                let album = json[i];
+                let albums = json[category];
+                html = html.concat(`<h2>${category}</h2><section>`);
+                for (let i = 0; i < albums.length; i++) {
+                    let album = albums[i];
                     let link = "/res/albums/" + album.link + ".webp";
                     let name = album.name;
                     let artist = album.artist;
@@ -21,11 +22,11 @@ fetch("/music/albums.json")
                     </figure>`;
                     html = html.concat(template);
                 }
-            let section = document.createElement("section");
+                html = html.concat("</section>")
+            }
+            let section = document.createElement("div");
             section.innerHTML = html;
             thisScript.replaceWith(section); // lol
         });
 </script>
 
-## artists
-## songs