From 8b7121f8ededb7050aeb9926d7e9a2f7367bc6fb Mon Sep 17 00:00:00 2001 From: qhri Date: Fri, 22 Aug 2025 21:29:12 -0400 Subject: [PATCH 1/3] Improved headings, changed list of artists/releases into table of releases, split paragraph at the start of the full list section --- src/css.css | 15 ++++- src/music/index.html | 151 ++++++++++++++++--------------------------- 2 files changed, 70 insertions(+), 96 deletions(-) diff --git a/src/css.css b/src/css.css index 2a1f3c6..88550d7 100644 --- a/src/css.css +++ b/src/css.css @@ -55,12 +55,12 @@ body { margin: 0; } -p, h1, ul, h1, h2, h3, nav, header, details { +p, h1, ul, h1, h2, h3, nav, header, details, figcaption, table { color: var(--font-color); font-family: atkinsonhyperlegible, Verdana, sans-serif; } -p, ul, nav, code { +p, ul, nav, code, figcaption, table { font-size: 22px; } @@ -135,4 +135,15 @@ details { & object { width: auto; } +} + +table { + background-color: var(--details-bg-color); + border-collapse: collapse; + margin-bottom: 1em; +} + +td, th { + border: 2px solid var(--header-border-color); + padding: 6px; } \ No newline at end of file diff --git a/src/music/index.html b/src/music/index.html index a57535f..c2ac33c 100644 --- a/src/music/index.html +++ b/src/music/index.html @@ -24,105 +24,68 @@
i like stuff from good kid, phoneboy, idkhow, the happy fits, and a bunch of other artists that i only know like one song from. also ive been getting into billie eilish lately

-

list

-

playlist (max one track per release)

+

playlist (max one track per release)

-

list

-

artists in alphabetical order, releases in chonological order
- mb = musicbrainz, ma = metal archives, bc = bandcamp, od = odesli/song.link/album.link
- 🏳️‍🌈 / 🏳️‍⚧️ = artists i know to be queer/trans or have queer/trans members (feel free to point out any i've missed!)
-
- formats:

- -
- +

full list

+

artists are in alphabetical order, releases are in chonological order

+

mb = musicbrainz, ma = metal archives, bc = bandcamp, od = odesli/song.link/album.link

+

🏳️‍🌈 / 🏳️‍⚧️ = artists i know to be queer/trans or have queer/trans members (feel free to point out any i've missed!)

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
artistartist genrereleasetypelinks
archspiretechnical death metalrelentless mutationalbummb, ma, bc, od
archspiretechnical death metalbleed the futurealbummb, ma, bc, od
arctic monkeysindie rockwhatever people say i am, that's what i'm notalbummb, od
billie eilish 🏳️‍🌈alternative popdont smile at meepmb, od
billie eilish 🏳️‍🌈alternative popwhen we all fall asleep, where do we go?albummb, od
billie eilish 🏳️‍🌈alternative pophappier than everalbummb, od
billie eilish 🏳️‍🌈alternative pophit me hard and softalbummb, od
bullet for my valentinemetalcorevenomalbummb, bc, od
burned in effigyneoclassical melodic death metalrex mortemalbummb, ma, bc, od
dehumanaut 🏳️‍⚧️melodic death thrash metaldust in the giant's handalbummb, ma, bc, od
drottnartechnical black metalstratumalbummb, ma, bc, od
equipmentpop punk/alt rock/emowet mulchtrackmb, bc, od
exmortusneoclassical death thrash metalin hatred's flamealbummb, ma, bc, od
exmortusneoclassical death thrash metalslave to the swordalbummb, ma, bc, od
exmortusneoclassical death thrash metalride forthalbummb, ma, bc, od
exmortusneoclassical death thrash metalthe sound of steelalbummb, ma, bc, od
exmortusneoclassical death thrash metalnecrophonyalbummb, ma, od
first fragmentneoclassical technical death metalthe afterthought ecstasyepmb, ma, bc
first fragmentneoclassical technical death metalgloire éternellealbummb, ma, bc, od
fleshgod apocalypsesymphonic technical death metalagonyalbummb, ma, bc, od
good kidindie pop/rockgood kidepmb, bc, od
good kidindie pop/rockgood kid 2epmb, bc, od
the happy fitsindie rockso alright, cool, whatevertrackmb, bc, od
the happy fitsindie rockheart of a dancertrackmb, bc, od
the happy fitsindie rockgo dumbtrackmb, bc, od
the happy fitsindie rockhold me downtrackmb, bc, od
the happy fitsindie rockwhat could be bettertrackmb, bc, od
hauntheavy metalburst into flame (original 2018 version)albummb, ma
hellripperblackened speed metalblack arts & alchemyepmb, ma, bc, od
hippo campusindie rock/popbaseballtrackmb, bc, od
iconoclasmcrossover thrash metaliconoclasmalbummb, ma
i dont know how but they found meindie pop1981 extended playepmb, bc, od
i dont know how but they found meindie poprazzmatazzalbummb, bc, od
kralliceavant-garde black metalkrallicealbummb, ma, bc, od
metallicathrash/heavy metalkill 'em allalbummb, ma, od
the moderatesindie rock/popstrange towntrackmb, bc, od
one flew westalt/pop punksemi kinda righttrackmb, bc, od
phoneboyindie popphoneboyalbummb, od
the rare occasionsindie rock/popbackwardstrackmb, bc, od
saint motelindie pop/rockyou do it welltrackmb, bc, od
saint motelindie pop/rockhands up roberttrackmb, bc, od
skeletonwitchblackened melodic death thrash metalbeyond the permafrostalbummb, ma, bc, od
the strokesindie rockthe modern agetrackmb, od
two door cinema clubindie rockwhat you knowtrackmb, od
vitrified entity 🏳️‍⚧️neoclassical technical death metaleternal vitreous dissolvealbummb, ma, bc, od
yngwie malmsteenneoclassical heavy metalrising forcealbummb, ma, od
artistartist genrereleasetypelinks
\ No newline at end of file -- 2.47.3 From 65434f10a9e9c6e37f25e2d83191725b17326fb8 Mon Sep 17 00:00:00 2001 From: qhri Date: Tue, 26 Aug 2025 18:45:31 -0400 Subject: [PATCH 2/3] split paragraph into individual paragraphs, put the table inside a div and added overflow-x: auto, added gloom division by idkhow to the table --- src/css.css | 4 ++ src/music/index.html | 126 +++++++++++++++++++++---------------------- 2 files changed, 65 insertions(+), 65 deletions(-) diff --git a/src/css.css b/src/css.css index 88550d7..2a38da2 100644 --- a/src/css.css +++ b/src/css.css @@ -143,6 +143,10 @@ table { margin-bottom: 1em; } +.table_wrapper { + overflow-x: auto; +} + td, th { border: 2px solid var(--header-border-color); padding: 6px; diff --git a/src/music/index.html b/src/music/index.html index c2ac33c..ee85d6e 100644 --- a/src/music/index.html +++ b/src/music/index.html @@ -11,19 +11,12 @@

music i like

-

- i'm especially a fan of extreme metal with classical/symphonic influences
-
- exmortus is my favorite metal band of all time ever. i love all their albums (except beyond the fall of time, it sucks. like i see the vision but it was not executed well). probably their best overall album is the sound of steel
-
- gloire eternelle by first fragment is literally the most beautiful metal album i have ever heard. literally go listen to it right now. stop reading this and go listen to it. right at this very moment
-
- also dehumanaut is pretty good and their guitarist/bassist is trans so like. shoutout
-
- the band that got me into alt/indie stuff has since been exposed for some very bad stuff, so i wont be talking about them here
-
- i like stuff from good kid, phoneboy, idkhow, the happy fits, and a bunch of other artists that i only know like one song from. also ive been getting into billie eilish lately
-

+

i'm especially a fan of extreme metal with classical/symphonic influences

+

exmortus is my favorite metal band of all time ever. i love all their albums (except beyond the fall of time, it sucks. like i see the vision but it was not executed well). probably their best overall album is the sound of steel

+

gloire eternelle by first fragment is literally the most beautiful metal album i have ever heard. literally go listen to it right now. stop reading this and go listen to it. right at this very moment

+

also dehumanaut is pretty good and their guitarist/bassist is trans so like. shoutout

+

the band that got me into alt/indie stuff has since been exposed for some very bad stuff, so i wont be talking about them here

+

i like stuff from good kid, phoneboy, idkhow, the happy fits, and a bunch of other artists that i only know like one song from. also ive been getting into billie eilish lately

playlist (max one track per release)

  • youtube / youtube music
    • @@ -34,58 +27,61 @@

    artists are in alphabetical order, releases are in chonological order

    mb = musicbrainz, ma = metal archives, bc = bandcamp, od = odesli/song.link/album.link

    🏳️‍🌈 / 🏳️‍⚧️ = artists i know to be queer/trans or have queer/trans members (feel free to point out any i've missed!)

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    artistartist genrereleasetypelinks
    archspiretechnical death metalrelentless mutationalbummb, ma, bc, od
    archspiretechnical death metalbleed the futurealbummb, ma, bc, od
    arctic monkeysindie rockwhatever people say i am, that's what i'm notalbummb, od
    billie eilish 🏳️‍🌈alternative popdont smile at meepmb, od
    billie eilish 🏳️‍🌈alternative popwhen we all fall asleep, where do we go?albummb, od
    billie eilish 🏳️‍🌈alternative pophappier than everalbummb, od
    billie eilish 🏳️‍🌈alternative pophit me hard and softalbummb, od
    bullet for my valentinemetalcorevenomalbummb, bc, od
    burned in effigyneoclassical melodic death metalrex mortemalbummb, ma, bc, od
    dehumanaut 🏳️‍⚧️melodic death thrash metaldust in the giant's handalbummb, ma, bc, od
    drottnartechnical black metalstratumalbummb, ma, bc, od
    equipmentpop punk/alt rock/emowet mulchtrackmb, bc, od
    exmortusneoclassical death thrash metalin hatred's flamealbummb, ma, bc, od
    exmortusneoclassical death thrash metalslave to the swordalbummb, ma, bc, od
    exmortusneoclassical death thrash metalride forthalbummb, ma, bc, od
    exmortusneoclassical death thrash metalthe sound of steelalbummb, ma, bc, od
    exmortusneoclassical death thrash metalnecrophonyalbummb, ma, od
    first fragmentneoclassical technical death metalthe afterthought ecstasyepmb, ma, bc
    first fragmentneoclassical technical death metalgloire éternellealbummb, ma, bc, od
    fleshgod apocalypsesymphonic technical death metalagonyalbummb, ma, bc, od
    good kidindie pop/rockgood kidepmb, bc, od
    good kidindie pop/rockgood kid 2epmb, bc, od
    the happy fitsindie rockso alright, cool, whatevertrackmb, bc, od
    the happy fitsindie rockheart of a dancertrackmb, bc, od
    the happy fitsindie rockgo dumbtrackmb, bc, od
    the happy fitsindie rockhold me downtrackmb, bc, od
    the happy fitsindie rockwhat could be bettertrackmb, bc, od
    hauntheavy metalburst into flame (original 2018 version)albummb, ma
    hellripperblackened speed metalblack arts & alchemyepmb, ma, bc, od
    hippo campusindie rock/popbaseballtrackmb, bc, od
    iconoclasmcrossover thrash metaliconoclasmalbummb, ma
    i dont know how but they found meindie pop1981 extended playepmb, bc, od
    i dont know how but they found meindie poprazzmatazzalbummb, bc, od
    kralliceavant-garde black metalkrallicealbummb, ma, bc, od
    metallicathrash/heavy metalkill 'em allalbummb, ma, od
    the moderatesindie rock/popstrange towntrackmb, bc, od
    one flew westalt/pop punksemi kinda righttrackmb, bc, od
    phoneboyindie popphoneboyalbummb, od
    the rare occasionsindie rock/popbackwardstrackmb, bc, od
    saint motelindie pop/rockyou do it welltrackmb, bc, od
    saint motelindie pop/rockhands up roberttrackmb, bc, od
    skeletonwitchblackened melodic death thrash metalbeyond the permafrostalbummb, ma, bc, od
    the strokesindie rockthe modern agetrackmb, od
    two door cinema clubindie rockwhat you knowtrackmb, od
    vitrified entity 🏳️‍⚧️neoclassical technical death metaleternal vitreous dissolvealbummb, ma, bc, od
    yngwie malmsteenneoclassical heavy metalrising forcealbummb, ma, od
    artistartist genrereleasetypelinks
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    artistartist genrereleasetypelinks
    archspiretechnical death metalrelentless mutationalbummb, ma, bc, od
    archspiretechnical death metalbleed the futurealbummb, ma, bc, od
    arctic monkeysindie rockwhatever people say i am, that's what i'm notalbummb, od
    billie eilish 🏳️‍🌈alternative popdont smile at meepmb, od
    billie eilish 🏳️‍🌈alternative popwhen we all fall asleep, where do we go?albummb, od
    billie eilish 🏳️‍🌈alternative pophappier than everalbummb, od
    billie eilish 🏳️‍🌈alternative pophit me hard and softalbummb, od
    bullet for my valentinemetalcorevenomalbummb, bc, od
    burned in effigyneoclassical melodic death metalrex mortemalbummb, ma, bc, od
    dehumanaut 🏳️‍⚧️melodic death thrash metaldust in the giant's handalbummb, ma, bc, od
    drottnartechnical black metalstratumalbummb, ma, bc, od
    equipmentpop punk/alt rock/emowet mulchtrackmb, bc, od
    exmortusneoclassical death thrash metalin hatred's flamealbummb, ma, bc, od
    exmortusneoclassical death thrash metalslave to the swordalbummb, ma, bc, od
    exmortusneoclassical death thrash metalride forthalbummb, ma, bc, od
    exmortusneoclassical death thrash metalthe sound of steelalbummb, ma, bc, od
    exmortusneoclassical death thrash metalnecrophonyalbummb, ma, od
    first fragmentneoclassical technical death metalthe afterthought ecstasyepmb, ma, bc
    first fragmentneoclassical technical death metalgloire éternellealbummb, ma, bc, od
    fleshgod apocalypsesymphonic technical death metalagonyalbummb, ma, bc, od
    good kidindie pop/rockgood kidepmb, bc, od
    good kidindie pop/rockgood kid 2epmb, bc, od
    the happy fitsindie rockso alright, cool, whatevertrackmb, bc, od
    the happy fitsindie rockheart of a dancertrackmb, bc, od
    the happy fitsindie rockgo dumbtrackmb, bc, od
    the happy fitsindie rockhold me downtrackmb, bc, od
    the happy fitsindie rockwhat could be bettertrackmb, bc, od
    hauntheavy metalburst into flame (original 2018 version)albummb, ma
    hellripperblackened speed metalblack arts & alchemyepmb, ma, bc, od
    hippo campusindie rock/popbaseballtrackmb, bc, od
    iconoclasmcrossover thrash metaliconoclasmalbummb, ma
    i dont know how but they found meindie pop1981 extended playepmb, bc, od
    i dont know how but they found meindie poprazzmatazzalbummb, bc, od
    i dont know how but they found meindie popgloom divisionalbummb, bc, od
    kralliceavant-garde black metalkrallicealbummb, ma, bc, od
    metallicathrash/heavy metalkill 'em allalbummb, ma, od
    the moderatesindie rock/popstrange towntrackmb, bc, od
    one flew westalt/pop punksemi kinda righttrackmb, bc, od
    phoneboyindie popphoneboyalbummb, od
    the rare occasionsindie rock/popbackwardstrackmb, bc, od
    saint motelindie pop/rockyou do it welltrackmb, bc, od
    saint motelindie pop/rockhands up roberttrackmb, bc, od
    skeletonwitchblackened melodic death thrash metalbeyond the permafrostalbummb, ma, bc, od
    the strokesindie rockthe modern agetrackmb, od
    two door cinema clubindie rockwhat you knowtrackmb, od
    vitrified entity 🏳️‍⚧️neoclassical technical death metaleternal vitreous dissolvealbummb, ma, bc, od
    yngwie malmsteenneoclassical heavy metalrising forcealbummb, ma, od
    artistartist genrereleasetypelinks
    +
\ No newline at end of file -- 2.47.3 From 1e0b87ebf243f1440b773e11a045bd72d8a90420 Mon Sep 17 00:00:00 2001 From: qhri Date: Tue, 26 Aug 2025 19:12:24 -0400 Subject: [PATCH 3/3] removed unused figcaption from css --- src/css.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/css.css b/src/css.css index 2a38da2..5f360f8 100644 --- a/src/css.css +++ b/src/css.css @@ -55,12 +55,12 @@ body { margin: 0; } -p, h1, ul, h1, h2, h3, nav, header, details, figcaption, table { +p, h1, ul, h1, h2, h3, nav, header, details, table { color: var(--font-color); font-family: atkinsonhyperlegible, Verdana, sans-serif; } -p, ul, nav, code, figcaption, table { +p, ul, nav, code, table { font-size: 22px; } -- 2.47.3