Categorized music
This commit is contained in:
parent
3ac30bede2
commit
7d664c471a
|
|
@ -1,162 +1,182 @@
|
||||||
[
|
{
|
||||||
{
|
"chill": [
|
||||||
"name": "27 Demos",
|
{
|
||||||
"artist": "Margo Guryan ",
|
"name": "Cosmos",
|
||||||
"link": "27_demos"
|
"artist": "Yuji Ohno",
|
||||||
},
|
"link": "cosmos"
|
||||||
{
|
},
|
||||||
"name": "Choose your Weapon",
|
{
|
||||||
"artist": "Hiatus Kaiyote",
|
"name": "Deep Breakfast",
|
||||||
"link": "choose_your_weapon"
|
"artist": "Ray Lynch",
|
||||||
},
|
"link": "deep_breakfast"
|
||||||
{
|
},
|
||||||
"name": "Ciao! Baby",
|
{
|
||||||
"artist": "The Marshmallow Kisses",
|
"name": "Dune",
|
||||||
"link": "ciao_baby"
|
"artist": "David Matthews",
|
||||||
},
|
"link": "dune"
|
||||||
{
|
},
|
||||||
"name": "Cosmos",
|
{
|
||||||
"artist": "Yuji Ohno",
|
"name": "God's Trashmen Sent to Right the Mess",
|
||||||
"link": "cosmos"
|
"artist": "Fievel is Glauque",
|
||||||
},
|
"link": "gods_trashmen"
|
||||||
{
|
},
|
||||||
"name": "Deep Breakfast",
|
{
|
||||||
"artist": "Ray Lynch",
|
"name": "MACROCOSM",
|
||||||
"link": "deep_breakfast"
|
"artist": "BALTHVS",
|
||||||
},
|
"link": "macrocosm"
|
||||||
{
|
},
|
||||||
"name": "Departing",
|
{
|
||||||
"artist": "Jesus Molina",
|
"name": "Ciao! Baby",
|
||||||
"link": "departing"
|
"artist": "The Marshmallow Kisses",
|
||||||
},
|
"link": "ciao_baby"
|
||||||
{
|
},
|
||||||
"name": "Dune",
|
{
|
||||||
"artist": "David Matthews",
|
"name": "an anxious object",
|
||||||
"link": "dune"
|
"artist": "mouse on the keys",
|
||||||
},
|
"link": "mouse_on_the_keys"
|
||||||
{
|
},
|
||||||
"name": "Each and Every Word Leaves Me Here Alone",
|
{
|
||||||
"artist": "Foreground Eclipse",
|
"name": "Funky Stuff",
|
||||||
"link": "fge_1"
|
"artist": " Jiro Inagaki",
|
||||||
},
|
"link": "funky_stuff"
|
||||||
{
|
},
|
||||||
"name": "Missing, Loving, Suffering",
|
{
|
||||||
"artist": "Foreground Eclipse",
|
"name": "Make Up City",
|
||||||
"link": "fge_2"
|
"artist": "CASIOPEA",
|
||||||
},
|
"link": "make_up_city"
|
||||||
{
|
},
|
||||||
"name": "Funky Stuff",
|
{
|
||||||
"artist": " Jiro Inagaki",
|
"name": "Mint Jams",
|
||||||
"link": "funky_stuff"
|
"artist": "CASIOPEA",
|
||||||
},
|
"link": "mint_jams"
|
||||||
{
|
}
|
||||||
"name": "the first glass beach album",
|
],
|
||||||
"artist": "Glass Beach",
|
"experimental": [
|
||||||
"link": "glass_beach"
|
{
|
||||||
},
|
"name": "Departing",
|
||||||
{
|
"artist": "Jesus Molina",
|
||||||
"name": "God's Trashmen Sent to Right the Mess",
|
"link": "departing"
|
||||||
"artist": "Fievel is Glauque",
|
},
|
||||||
"link": "gods_trashmen"
|
{
|
||||||
},
|
"name": "Choose your Weapon",
|
||||||
{
|
"artist": "Hiatus Kaiyote",
|
||||||
"name": "H.A.Q.Q.",
|
"link": "choose_your_weapon"
|
||||||
"artist": "Liturgy",
|
},
|
||||||
"link": "haqq"
|
{
|
||||||
},
|
"name": "Hold Your Horse Is",
|
||||||
{
|
"artist": "Hella",
|
||||||
"name": "Her Abiding Memory",
|
"link": "hold_your_horse_is"
|
||||||
"artist": "Pitcher56",
|
},
|
||||||
"link": "her_abiding_memory"
|
{
|
||||||
},
|
"name": "Mother Earth's Plantasia",
|
||||||
{
|
"artist": "Mort Garson",
|
||||||
"name": "High Society",
|
"link": "plantasia"
|
||||||
"artist": "Enon",
|
},
|
||||||
"link": "high_society"
|
{
|
||||||
},
|
"name": "Los Desamores de Dewey Martino",
|
||||||
{
|
"artist": "Dewey Martino",
|
||||||
"name": "Hold Your Horse Is",
|
"link": "los_desamores_de_dewey_martino"
|
||||||
"artist": "Hella",
|
},
|
||||||
"link": "hold_your_horse_is"
|
{
|
||||||
},
|
"name": "New History Warfare Vol. 3: To See More Light",
|
||||||
{
|
"artist": "Colin Stetson",
|
||||||
"name": "Hylics 2 Original Soundtrack",
|
"link": "new_history_warfare_3"
|
||||||
"artist": "Chuck Salamone",
|
},
|
||||||
"link": "hylics2"
|
{
|
||||||
},
|
"name": "Hylics 2 Original Soundtrack",
|
||||||
{
|
"artist": "Chuck Salamone",
|
||||||
"name": "Iron Hummer Alternative",
|
"link": "hylics2"
|
||||||
"artist": "IRONBUNNY",
|
}
|
||||||
"link": "ironbunny"
|
],
|
||||||
},
|
"electronic": [
|
||||||
{
|
{
|
||||||
"name": "ITEKOMA HITS",
|
"name": "H.A.Q.Q.",
|
||||||
"artist": "Otoboke Beaver",
|
"artist": "Liturgy",
|
||||||
"link": "itekoma_hits"
|
"link": "haqq"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Live at Bush Hall",
|
"name": "One Year Madness",
|
||||||
"artist": "Black Country, New Road",
|
"artist": "Golemm",
|
||||||
"link": "live_at_bush_hall"
|
"link": "one_year_madness"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Los Desamores de Dewey Martino",
|
"name": "Wlfgrl",
|
||||||
"artist": "Dewey Martino",
|
"artist": "Machine Girl",
|
||||||
"link": "los_desamores_de_dewey_martino"
|
"link": "wlfgrl"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "MACROCOSM",
|
"name": "...Because I'm Young Arrogant and Hate Everything You Stand For",
|
||||||
"artist": "BALTHVS",
|
"artist": "Machine Girl",
|
||||||
"link": "macrocosm"
|
"link": "young_arrogant"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Make Up City",
|
"name": "Parousia",
|
||||||
"artist": "CASIOPEA",
|
"artist": "XI",
|
||||||
"link": "make_up_city"
|
"link": "parousia"
|
||||||
},
|
}
|
||||||
{
|
],
|
||||||
"name": "Mass Teen Fainting",
|
"high energy": [
|
||||||
"artist": "Plumtree",
|
{
|
||||||
"link": "mass_teen_fainting"
|
"name": "Each and Every Word Leaves Me Here Alone",
|
||||||
},
|
"artist": "Foreground Eclipse",
|
||||||
{
|
"link": "fge_1"
|
||||||
"name": "Mint Jams",
|
},
|
||||||
"artist": "CASIOPEA",
|
{
|
||||||
"link": "mint_jams"
|
"name": "Missing, Loving, Suffering",
|
||||||
},
|
"artist": "Foreground Eclipse",
|
||||||
{
|
"link": "fge_2"
|
||||||
"name": "an anxious object",
|
},
|
||||||
"artist": "mouse on the keys",
|
{
|
||||||
"link": "mouse_on_the_keys"
|
"name": "ITEKOMA HITS",
|
||||||
},
|
"artist": "Otoboke Beaver",
|
||||||
{
|
"link": "itekoma_hits"
|
||||||
"name": "My Caution Line",
|
},
|
||||||
"artist": "Citrobal",
|
{
|
||||||
"link": "my_caution_line"
|
"name": "New Levels New Devils",
|
||||||
},
|
"artist": "Polyphia",
|
||||||
{
|
"link": "new_levels_new_devils"
|
||||||
"name": "New History Warfare Vol. 3: To See More Light",
|
}
|
||||||
"artist": "Colin Stetson",
|
],
|
||||||
"link": "new_history_warfare_3"
|
"misc": [
|
||||||
},
|
{
|
||||||
{
|
"name": "27 Demos",
|
||||||
"name": "New Levels New Devils",
|
"artist": "Margo Guryan ",
|
||||||
"artist": "Polyphia",
|
"link": "27_demos"
|
||||||
"link": "new_levels_new_devils"
|
},
|
||||||
},
|
{
|
||||||
{
|
"name": "the first glass beach album",
|
||||||
"name": "Oncle Jazz",
|
"artist": "Glass Beach",
|
||||||
"artist": "Men I Trust",
|
"link": "glass_beach"
|
||||||
"link": "oncle_jazz"
|
},
|
||||||
},
|
{
|
||||||
{
|
"name": "Her Abiding Memory",
|
||||||
"name": "One Year Madness",
|
"artist": "Pitcher56",
|
||||||
"artist": "Golemm",
|
"link": "her_abiding_memory"
|
||||||
"link": "one_year_madness"
|
},
|
||||||
},
|
{
|
||||||
{
|
"name": "High Society",
|
||||||
"name": "Parousia",
|
"artist": "Enon",
|
||||||
"artist": "XI",
|
"link": "high_society"
|
||||||
"link": "parousia"
|
},
|
||||||
}
|
{
|
||||||
]
|
"name": "Live at Bush Hall",
|
||||||
|
"artist": "Black Country, New Road",
|
||||||
|
"link": "live_at_bush_hall"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Mass Teen Fainting",
|
||||||
|
"artist": "Plumtree",
|
||||||
|
"link": "mass_teen_fainting"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "My Caution Line",
|
||||||
|
"artist": "Citrobal",
|
||||||
|
"link": "my_caution_line"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Oncle Jazz",
|
||||||
|
"artist": "Men I Trust",
|
||||||
|
"link": "oncle_jazz"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,31 +1,32 @@
|
||||||
# Music
|
# Music
|
||||||
My favorite songs, albums, and artists
|
|
||||||
## albums
|
|
||||||
|
|
||||||
<script id="albums">
|
<script id="albums">
|
||||||
const thisScript = document.getElementById("albums");
|
const thisScript = document.getElementById("albums");
|
||||||
fetch("/music/albums.json")
|
fetch("/music/albums.json")
|
||||||
.then((response) => response.json())
|
.then((response) => response.json())
|
||||||
.then((json) => {
|
.then((json) => {
|
||||||
|
console.log(json);
|
||||||
let html = "";
|
let html = "";
|
||||||
for (let i = 0; i < json.length; i++) {
|
for (const category in json) {
|
||||||
let album = json[i];
|
let albums = json[category];
|
||||||
let link = "/res/albums/" + album.link + ".webp";
|
html = html.concat(`<h2>${category}</h2><section>`);
|
||||||
let name = album.name;
|
for (let i = 0; i < albums.length; i++) {
|
||||||
let artist = album.artist;
|
let album = albums[i];
|
||||||
let template = `<figure>
|
let link = "/res/albums/" + album.link + ".webp";
|
||||||
<img src="${link}">
|
let name = album.name;
|
||||||
<figcaption>
|
let artist = album.artist;
|
||||||
<b>${name}</b><br/><em>${artist}</em>
|
let template = `<figure>
|
||||||
</figcaption>
|
<img src="${link}">
|
||||||
</figure>`;
|
<figcaption>
|
||||||
html = html.concat(template);
|
<b>${name}</b><br/><em>${artist}</em>
|
||||||
|
</figcaption>
|
||||||
|
</figure>`;
|
||||||
|
html = html.concat(template);
|
||||||
|
}
|
||||||
|
html = html.concat("</section>")
|
||||||
}
|
}
|
||||||
let section = document.createElement("section");
|
let section = document.createElement("div");
|
||||||
section.innerHTML = html;
|
section.innerHTML = html;
|
||||||
thisScript.replaceWith(section); // lol
|
thisScript.replaceWith(section); // lol
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
## artists
|
|
||||||
## songs
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue