diff options
| author | Hannah Isopod <me@bathynomus.xyz> | 2026-02-15 22:42:27 -0700 |
|---|---|---|
| committer | Hannah Isopod <me@bathynomus.xyz> | 2026-02-15 22:42:27 -0700 |
| commit | 3b606bcc096a6d9860672e6d0d003ca9e80c067e (patch) | |
| tree | 17746584c25a0d165c0feaf884f33c1578aa4f04 /music | |
| parent | 16e48ed8655528a81cbec84f0cbc1a211d663b37 (diff) | |
THE BIG ONE
Total website redesign.
Multiple new blog posts.
Routine updates on several pages.
Too much to list, even if I remembered it all.
Remind me not to put this git repo on any portfolios.
Diffstat (limited to 'music')
| -rw-r--r-- | music/covers/clipping.jpg | bin | 0 -> 156729 bytes | |||
| -rw-r--r-- | music/covers/femtanyl.jpg | bin | 0 -> 730897 bytes | |||
| -rw-r--r-- | music/covers/findaeden.jpg | bin | 0 -> 13489 bytes | |||
| -rw-r--r-- | music/covers/foofighters.jpg | bin | 0 -> 88938 bytes | |||
| -rw-r--r-- | music/covers/hakita.webp | bin | 0 -> 46204 bytes | |||
| -rw-r--r-- | music/covers/justice.jpg | bin | 0 -> 56335 bytes | |||
| -rw-r--r-- | music/covers/mekaloton.jpg | bin | 0 -> 116361 bytes | |||
| -rw-r--r-- | music/covers/mountainhead.jpg | bin | 0 -> 782928 bytes | |||
| -rw-r--r-- | music/covers/noisemaster.jpg | bin | 0 -> 4310 bytes | |||
| -rw-r--r-- | music/covers/redvox.jpg | bin | 0 -> 246074 bytes | |||
| -rw-r--r-- | music/covers/waxlimbs.jpg | bin | 0 -> 17945 bytes | |||
| -rw-r--r-- | music/index.php | 204 |
12 files changed, 165 insertions, 39 deletions
diff --git a/music/covers/clipping.jpg b/music/covers/clipping.jpg Binary files differnew file mode 100644 index 0000000..9e1dd9e --- /dev/null +++ b/music/covers/clipping.jpg diff --git a/music/covers/femtanyl.jpg b/music/covers/femtanyl.jpg Binary files differnew file mode 100644 index 0000000..9cdf503 --- /dev/null +++ b/music/covers/femtanyl.jpg diff --git a/music/covers/findaeden.jpg b/music/covers/findaeden.jpg Binary files differnew file mode 100644 index 0000000..1149f2a --- /dev/null +++ b/music/covers/findaeden.jpg diff --git a/music/covers/foofighters.jpg b/music/covers/foofighters.jpg Binary files differnew file mode 100644 index 0000000..814db55 --- /dev/null +++ b/music/covers/foofighters.jpg diff --git a/music/covers/hakita.webp b/music/covers/hakita.webp Binary files differnew file mode 100644 index 0000000..2f7fa63 --- /dev/null +++ b/music/covers/hakita.webp diff --git a/music/covers/justice.jpg b/music/covers/justice.jpg Binary files differnew file mode 100644 index 0000000..68415a4 --- /dev/null +++ b/music/covers/justice.jpg diff --git a/music/covers/mekaloton.jpg b/music/covers/mekaloton.jpg Binary files differnew file mode 100644 index 0000000..d7c700c --- /dev/null +++ b/music/covers/mekaloton.jpg diff --git a/music/covers/mountainhead.jpg b/music/covers/mountainhead.jpg Binary files differnew file mode 100644 index 0000000..f729bbb --- /dev/null +++ b/music/covers/mountainhead.jpg diff --git a/music/covers/noisemaster.jpg b/music/covers/noisemaster.jpg Binary files differnew file mode 100644 index 0000000..d909ad4 --- /dev/null +++ b/music/covers/noisemaster.jpg diff --git a/music/covers/redvox.jpg b/music/covers/redvox.jpg Binary files differnew file mode 100644 index 0000000..1a489de --- /dev/null +++ b/music/covers/redvox.jpg diff --git a/music/covers/waxlimbs.jpg b/music/covers/waxlimbs.jpg Binary files differnew file mode 100644 index 0000000..7590c7a --- /dev/null +++ b/music/covers/waxlimbs.jpg diff --git a/music/index.php b/music/index.php index c538100..08eb2ad 100644 --- a/music/index.php +++ b/music/index.php @@ -4,8 +4,8 @@ <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>Music</title> - <link href="../../style.css" rel="stylesheet" type="text/css" media="all"> + <title>music | isopod.cool v4</title> + <link href="/style.css" rel="stylesheet" type="text/css" media="all"> <style> #flex-container { display: flex; @@ -15,8 +15,8 @@ #flex-container a { --columncount: 2; position: relative; - width: calc(var(--bodywidth) / var(--columncount)); - height: calc(var(--bodywidth) / var(--columncount)); + width: calc(100% / var(--columncount)); + aspect-ratio: 1; background-image: var(--img); background-size: cover; transition-duration: 0.5s; @@ -57,44 +57,170 @@ } } </style> - <?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?> </head> <body> - <?php include($_SERVER['DOCUMENT_ROOT'] . '/nav.php'); bg(false, -10); ?> - <h1>music</h1> - <h2 id="caption">Albums I like</h2> - <div id="flex-container"> - <a style="--img: url(covers/spectrum.jpg);" target="_blank" href="https://findaeden.bandcamp.com/album/spectrum" ><span>findaeden - Spectrum</span></a> - <a style="--img: url(covers/funeral.jpg);" target="_blank" href="https://noisemaster.bandcamp.com/album/funeral-ep" ><span>Noisemaker - Funeral EP</span></a> - <a style="--img: url(covers/ultrakill_imperfect_hatred.jpg);" target="_blank" href="https://heavenpierceher.bandcamp.com/album/ultrakill-imperfect-hatred"><span>Heaven Pierce Her - ULTRAKILL: Imperfect Hatred</span></a> - <a style="--img: url(covers/el_camino.jpg);" target="_blank" href="https://theblackkeys.com/?frontpage=true" ><span>The Black Keys - El Camino</span></a> - <a style="--img: url(covers/for_science.jpg);" target="_blank" href="https://waxlimbs.bandcamp.com/album/for-science" ><span>Waxlimbs - For Science!</span></a> - <a style="--img: url(covers/unstoppable_force.jpg);" target="_blank" href="https://caliphate.bandcamp.com/album/unstoppable-force" ><span>CALIPHATE - Unstoppable Force</span></a> - <a style="--img: url(covers/walks_of_lung.jpg);" target="_blank" href="https://patriciataxxon.bandcamp.com/album/walks-of-lung" ><span>Patricia Taxxon - Walks of Lung</span></a> - <a style="--img: url(covers/raw_data_feel.jpg);" target="_blank" href="https://everythingeverything.bandcamp.com/album/raw-data-feel" ><span>Everything Everything - Raw Data Feel</span></a> - <a style="--img: url(covers/realign.jpg);" target="_blank" href="https://vine.bandcamp.com/album/realign" ><span>Red Vox - Realign</span></a> - <a style="--img: url(covers/simulation_theory.jpg);" target="_blank" href="https://www.muse.mu/music?album=simulation_theory" ><span>Muse - Simulation Theory</span></a> - <a style="--img: url(covers/with_teeth.jpg);" target="_blank" href="https://www.nin.com/" ><span>Nine Inch Nails - With Teeth</span></a> - <a style="--img: url(covers/two_house.jpg);" target="_blank" href="https://foodhouse.bandcamp.com/album/two-house" ><span>Food House - two house</span></a> - <a style="--img: url(covers/american_automatic.jpg);" target="_blank" href="https://en.wikipedia.org/wiki/Kill_Memory_Crash" ><span>Kill Memory Crash - American Automatic</span></a> - <a style="--img: url(covers/fucked_up_friends_3.jpg);" target="_blank" href="https://tobaxxo.bandcamp.com/album/fucked-up-friends-3" ><span>TOBACCO - Fucked Up Friends 3</span></a> - <a style="--img: url(covers/audio_video_disco.jpg);" target="_blank" href="https://etjusticepourtous.bandcamp.com/album/audio-video-disco-1" ><span>Justice - Audio, Video, Disco</span></a> - <a style="--img: url(covers/synthicate.jpg);" target="_blank" href="https://newretrowave.bandcamp.com/album/synthicate" ><span>LAZERPUNK - Synthicate</span></a> - <a style="--img: url(covers/peaks_and_valleys.jpg);" target="_blank" href="https://revolutionpeak.bandcamp.com/album/peaks-and-valleys" ><span>Revolution Peak - Peaks and Valleys</span></a> - <a style="--img: url(covers/triangle_unicode.jpg);" target="_blank" href="https://wearemagonia.bandcamp.com/album/triangle-unicode-lp" ><span>We Are Magonia - Triangle Unicode</span></a> - <a style="--img: url(covers/vast.jpg);" target="_blank" href="https://waterflame.bandcamp.com/album/vast" ><span>Waterflame - Vast</span></a> - <a style="--img: url(covers/tortured_waters.jpg);" target="_blank" href="https://newretrowave.bandcamp.com/album/tortured-waters" ><span>DEADLIFE - Tortured Waters</span></a> - <a style="--img: url(covers/spirit_phone.jpg);" target="_blank" href="http://www.neilcic.com/" ><span>Lemon Demon - Spirit Phone</span></a> - <a style="--img: url(covers/millenialism.jpg);" target="_blank" href="https://music.businesscasual.biz/album/millennialism" ><span>NYSE - MILLENNIALISM</span></a> - <a style="--img: url(covers/hawaii_part_ii.jpg);" target="_blank" href="https://miraclemusical.bandcamp.com" ><span>ミラクルミュージカル - Hawaii: Part II</span></a> - <a style="--img: url(covers/concrete_and_gold.jpg);" target="_blank" href="https://www.foofighters.com/" ><span>Foo Fighters - Concrete and Gold</span></a> - <a style="--img: url(covers/revolution_radio.jpg);" target="_blank" href="https://greenday.com/" ><span>Green Day - Revolution Radio</span></a> - <a style="--img: url(covers/this_is_all_yours.jpg);" target="_blank" href="https://altjband.com/" ><span>Alt-J - This Is All Yours</span></a> - <a style="--img: url(covers/the_last_ninja_2_c64_ost.jpg);" target="_blank" href="https://www.youtube-nocookie.com/embed/bjbN2RyZXHI" ><span>Matt Gray - The Last Ninja 2 (C64) OST</span></a> - <a style="--img: url(covers/aeon_core.jpg);" target="_blank" href="https://perctrax.bandcamp.com/album/aeon-core" ><span>Scalameriya - Aeon Core</span></a> - </div> - <br> + <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php');?> + <main class="musicpage"> + <h2>music</h2> + <p class="h2caption">Not to be confused with <a href="https://deeptwisty.com/">my music</a>.</p> + <p class="notice warning">This page is giving major "under construction" vibes right now. Specifically, it's undergoing a total overhaul to be more verbose, better organized, and generally cooler.</p> + <p>I listen to music sometimes. Here's some of my favourites, in no particular order.</p> + <section> + <div class="cd"> + <a href="https://findaeden.bandcamp.com/"> + <img src="covers/findaeden.jpg" alt="findaeden"> + </a> + </div> + <h3>findaeden</h3> + <p>The Broadcasteur maintains the largest discrepancy between quality of output and popularity I've maybe ever seen.</p> + <p>Creator of the only Undertale OST remix I like more than the originals, but I implore you to give its original stuff a listen too.</p> + <p>Favourite album: <a href="https://findaeden.bandcamp.com/album/spectrum">Spectrum</a></p> + <p>Favourite song: <a href="https://www.youtube.com/watch?v=CBKEcJSZbgQ">666kHz</a></p> + </section> + <section> + <div class="cd"> + <a href="https://heavenpierceher.bandcamp.com/"> + <img src="covers/hakita.webp" alt="Hakita"> + </a> + </div> + <h3>Heaven Pierce Her</h3> + <p>It would be disingenuous of me to pretend that Hakita's here for any reason other than the OST from his videogame. It is really good, though.</p> + <p>Favourite album: <a href="https://heavenpierceher.bandcamp.com/album/ultrakill-imperfect-hatred">ULTRAKILL: Imperfect Hatred</a></p> + <p>Favourite song: <a href="https://heavenpierceher.bandcamp.com/track/duel-versus-reprise">Duel</a></p> + </section> + <section> + <div class="cd"> + <a href="https://everything-everything.co.uk/"> + <img src="covers/mountainhead.jpg" alt="Everything Everything - Mountainhead"> + </a> + </div> + <h3>Everything Everything</h3> + <p>Some kind of seditious commie experimental alt-rock thing that's probably the platonic ideal of whatever genre it's in.</p> + <p>Asking me to pick a favourite EE record is like asking me to pick a favourite child. It's pure sauce all the way down.</p> + <p>Favourite album: <a href="https://everythingeverything.bandcamp.com/album/mountainhead-digital-download">Mountainhead</a></p> + <p>Favourite song: <a href="https://everythingeverything.bandcamp.com/track/supernormal">SUPERNORMAL</a></p> + </section> + <section> + <div class="cd"> + <a href="https://www.foofighters.com/"> + <img src="covers/foofighters.jpg" alt="Foo Fighters"> + </a> + </div> + <h3>Foo Fighters</h3> + <p>Are the Foo Fighters dad rock, or do I just think that because my dad likes them?</p> + <p>I think their old stuff is overrated and their new stuff is underrated. Everlong isn't even that good.</p> + <p>Fun fact: Unfortunately, this is currently the only act on this list I've seen live.</p> + <p>Favourite album: Concrete and Gold</p> + <p>Favourite song: Outside</p> + </section> + <section> + <div class="cd"> + <a href="https://waxlimbs.bandcamp.com/"> + <img src="covers/waxlimbs.jpg" alt="Waxlimbs"> + </a> + </div> + <h3>Waxlimbs</h3> + <p>Awash with vibes. I like their singing. Best thing to ever come out of Toronto.</p> + <p>Favourite album: <a href="https://waxlimbs.bandcamp.com/album/where-lilies-grew">Where Lilies Grew</a></p> + <p>Favourite song: <a href="https://waxlimbs.bandcamp.com/track/broken-wing">Broken Wing</a></p> + </section> + <section> + <div class="cd"> + <a href="https://etjusticepourtous.bandcamp.com/"> + <img src="covers/justice.jpg" alt="Justice"> + </a> + </div> + <h3>Justice</h3> + <p>I think I've discovered Justice like three separate times. I can't seem to escape their reach, but that's far from a bad thing.</p> + <p>Electric Feel doesn't belong to MGMT anymore. It's a Justice song now.</p> + <p>Favourite album: <a href="https://etjusticepourtous.bandcamp.com/album/audio-video-disco-1">Audio, Video, Disco</a></p> + <p>Favourite song: <a href="https://www.youtube.com/watch?v=6QL_bUCuhvo">MGMT - Electric Feel (Justice Remix)</a></p> + </section> + <section> + <div class="cd"> + <a href="https://clppng.bandcamp.com/"> + <img src="covers/clipping.jpg" alt="clipping."> + </a> + </div> + <h3>clipping.</h3> + <p>Experimental hip-hop band with more intricate sound design than real life and vocals to match.</p> + <p>I lack the requisite command of the English language to come up with a string of words that would do Clipping justice. Nobody does it like them.</p> + <p>Favourite album: <a href="https://clppng.bandcamp.com/album/dead-channel-sky-plus">Dead Channel Sky Plus</a></p> + <p>Favourite song: <a href="https://clppng.bandcamp.com/track/get-up-feat-mariel-jacoda">Get Up</a></p> + </section> + <section> + <div class="cd"> + <a href="https://mekaloton.bandcamp.com/"> + <img src="covers/mekaloton.jpg" alt="mekaloton"> + </a> + </div> + <h3>mekaloton</h3> + <p>Dark, surly synths and Kasane Teto vocals are a winning combo that this individual has yet to execute on poorly.</p> + <p>They didn't bother to set up the "buy entire discography" button on their Bandcamp page, but that didn't stop me.</p> + <p>Favourite album: <a href="https://mekaloton.bandcamp.com/album/cheap-suits">Cheap Suits</a></p> + <p>Favourite song: <a href="https://mekaloton.bandcamp.com/track/nemesis">Nemesis</a></p> + </section> + <section> + <div class="cd"> + <a href="https://femtanyl.bandcamp.com/"> + <img src="covers/femtanyl.jpg" alt="Femtanyl"> + </a> + </div> + <h3>Femtanyl</h3> + <p>Low-grade brain explosion music and required listening for chronically online transgender types. estrogen just doesn't work on you unless you've listened to at least one femtanyl record front to back</p> + <p>Favourite album: <a href="https://femtanyl.bandcamp.com/album/reactor">REACTOR</a></p> + <p>Favourite song: <a href="https://www.youtube.com/watch?v=CFVAE23tekc">NASTYWERKKKK</a></p> + </section> + <section> + <div class="cd"> + <a href="https://noisemaster.bandcamp.com/"> + <img src="covers/noisemaster.jpg" alt="Noisemaker"> + </a> + </div> + <h3>Noisemaker</h3> + <p>Grungy electronic music that scratches my brain in a really nice way. If you throw a rock at a cancelled LISA fangame you'll probably hit at least one Noisemaker track.</p> + <p>Their bio on Bandcamp calls their music "mediocre", but don't let that fool you. Everything they make is dripping with prescription-strength sauce.</p> + <p>Favourite album: <a href="https://noisemaster.bandcamp.com/album/funeral-ep">Funeral</a></p> + <p>Favourite song: <a href="https://noisemaster.bandcamp.com/track/red">Red</a></p> + </section> + <section> + <div class="cd"> + <a href="https://redvoxband.com/"> + <img src="covers/redvox.jpg" alt="Red Vox"> + </a> + </div> + <h3>Red Vox</h3> + <p>You probably know Vinny from his Twitch streams<a href="https://www.youtube.com/watch?v=iipJosbJVjk">,</a> but I'm more into his, to quote his Bandcamp tags, "psych rock" band.</p> + <p>Favourite album: <a href="https://vine.bandcamp.com/album/another-light">Another Light</a></p> + <p>Favourite song: <a href="https://vine.bandcamp.com/track/in-the-garden">In The Garden</a></p> + </section> + + <p class="notice">What follows is the subset of this page's content that's still pending being redone.</p> + <div id="flex-container"> + <a style="--img: url(covers/el_camino.jpg);" target="_blank" href="https://theblackkeys.com/?frontpage=true" ><span>The Black Keys - El Camino</span></a> + <a style="--img: url(covers/unstoppable_force.jpg);" target="_blank" href="https://caliphate.bandcamp.com/album/unstoppable-force" ><span>CALIPHATE - Unstoppable Force</span></a> + <a style="--img: url(covers/walks_of_lung.jpg);" target="_blank" href="https://patriciataxxon.bandcamp.com/album/walks-of-lung" ><span>Patricia Taxxon - Walks of Lung</span></a> + <a style="--img: url(covers/simulation_theory.jpg);" target="_blank" href="https://www.muse.mu/music?album=simulation_theory" ><span>Muse - Simulation Theory</span></a> + <a style="--img: url(covers/with_teeth.jpg);" target="_blank" href="https://www.nin.com/" ><span>Nine Inch Nails - With Teeth</span></a> + <a style="--img: url(covers/two_house.jpg);" target="_blank" href="https://foodhouse.bandcamp.com/album/two-house" ><span>Food House - two house</span></a> + <a style="--img: url(covers/american_automatic.jpg);" target="_blank" href="https://en.wikipedia.org/wiki/Kill_Memory_Crash" ><span>Kill Memory Crash - American Automatic</span></a> + <a style="--img: url(covers/fucked_up_friends_3.jpg);" target="_blank" href="https://tobaxxo.bandcamp.com/album/fucked-up-friends-3" ><span>TOBACCO - Fucked Up Friends 3</span></a> + <a style="--img: url(covers/synthicate.jpg);" target="_blank" href="https://newretrowave.bandcamp.com/album/synthicate" ><span>LAZERPUNK - Synthicate</span></a> + <a style="--img: url(covers/peaks_and_valleys.jpg);" target="_blank" href="https://revolutionpeak.bandcamp.com/album/peaks-and-valleys" ><span>Revolution Peak - Peaks and Valleys</span></a> + <a style="--img: url(covers/triangle_unicode.jpg);" target="_blank" href="https://wearemagonia.bandcamp.com/album/triangle-unicode-lp" ><span>We Are Magonia - Triangle Unicode</span></a> + <a style="--img: url(covers/vast.jpg);" target="_blank" href="https://waterflame.bandcamp.com/album/vast" ><span>Waterflame - Vast</span></a> + <a style="--img: url(covers/tortured_waters.jpg);" target="_blank" href="https://newretrowave.bandcamp.com/album/tortured-waters" ><span>DEADLIFE - Tortured Waters</span></a> + <a style="--img: url(covers/spirit_phone.jpg);" target="_blank" href="http://www.neilcic.com/" ><span>Lemon Demon - Spirit Phone</span></a> + <a style="--img: url(covers/millenialism.jpg);" target="_blank" href="https://music.businesscasual.biz/album/millennialism" ><span>NYSE - MILLENNIALISM</span></a> + <a style="--img: url(covers/hawaii_part_ii.jpg);" target="_blank" href="https://mirakurumyujikaru.bandcamp.com" ><span>ミラクルミュージカル - Hawaii: Part II</span></a> + <a style="--img: url(covers/revolution_radio.jpg);" target="_blank" href="https://greenday.com/" ><span>Green Day - Revolution Radio</span></a> + <a style="--img: url(covers/this_is_all_yours.jpg);" target="_blank" href="https://altjband.com/" ><span>Alt-J - This Is All Yours</span></a> + <a style="--img: url(covers/the_last_ninja_2_c64_ost.jpg);" target="_blank" href="https://www.youtube-nocookie.com/embed/bjbN2RyZXHI" ><span>Matt Gray - The Last Ninja 2 (C64) OST</span></a> + <a style="--img: url(covers/aeon_core.jpg);" target="_blank" href="https://perctrax.bandcamp.com/album/aeon-core" ><span>Scalameriya - Aeon Core</span></a> + </div> + </main> + <?php include($_SERVER['DOCUMENT_ROOT'] . '/footer.php');?> </body> </html>
\ No newline at end of file |
