aboutsummaryrefslogtreecommitdiff
path: root/music
diff options
context:
space:
mode:
authorHannah Isopod <me@bathynomus.xyz>2026-02-15 22:42:27 -0700
committerHannah Isopod <me@bathynomus.xyz>2026-02-15 22:42:27 -0700
commit3b606bcc096a6d9860672e6d0d003ca9e80c067e (patch)
tree17746584c25a0d165c0feaf884f33c1578aa4f04 /music
parent16e48ed8655528a81cbec84f0cbc1a211d663b37 (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.jpgbin0 -> 156729 bytes
-rw-r--r--music/covers/femtanyl.jpgbin0 -> 730897 bytes
-rw-r--r--music/covers/findaeden.jpgbin0 -> 13489 bytes
-rw-r--r--music/covers/foofighters.jpgbin0 -> 88938 bytes
-rw-r--r--music/covers/hakita.webpbin0 -> 46204 bytes
-rw-r--r--music/covers/justice.jpgbin0 -> 56335 bytes
-rw-r--r--music/covers/mekaloton.jpgbin0 -> 116361 bytes
-rw-r--r--music/covers/mountainhead.jpgbin0 -> 782928 bytes
-rw-r--r--music/covers/noisemaster.jpgbin0 -> 4310 bytes
-rw-r--r--music/covers/redvox.jpgbin0 -> 246074 bytes
-rw-r--r--music/covers/waxlimbs.jpgbin0 -> 17945 bytes
-rw-r--r--music/index.php204
12 files changed, 165 insertions, 39 deletions
diff --git a/music/covers/clipping.jpg b/music/covers/clipping.jpg
new file mode 100644
index 0000000..9e1dd9e
--- /dev/null
+++ b/music/covers/clipping.jpg
Binary files differ
diff --git a/music/covers/femtanyl.jpg b/music/covers/femtanyl.jpg
new file mode 100644
index 0000000..9cdf503
--- /dev/null
+++ b/music/covers/femtanyl.jpg
Binary files differ
diff --git a/music/covers/findaeden.jpg b/music/covers/findaeden.jpg
new file mode 100644
index 0000000..1149f2a
--- /dev/null
+++ b/music/covers/findaeden.jpg
Binary files differ
diff --git a/music/covers/foofighters.jpg b/music/covers/foofighters.jpg
new file mode 100644
index 0000000..814db55
--- /dev/null
+++ b/music/covers/foofighters.jpg
Binary files differ
diff --git a/music/covers/hakita.webp b/music/covers/hakita.webp
new file mode 100644
index 0000000..2f7fa63
--- /dev/null
+++ b/music/covers/hakita.webp
Binary files differ
diff --git a/music/covers/justice.jpg b/music/covers/justice.jpg
new file mode 100644
index 0000000..68415a4
--- /dev/null
+++ b/music/covers/justice.jpg
Binary files differ
diff --git a/music/covers/mekaloton.jpg b/music/covers/mekaloton.jpg
new file mode 100644
index 0000000..d7c700c
--- /dev/null
+++ b/music/covers/mekaloton.jpg
Binary files differ
diff --git a/music/covers/mountainhead.jpg b/music/covers/mountainhead.jpg
new file mode 100644
index 0000000..f729bbb
--- /dev/null
+++ b/music/covers/mountainhead.jpg
Binary files differ
diff --git a/music/covers/noisemaster.jpg b/music/covers/noisemaster.jpg
new file mode 100644
index 0000000..d909ad4
--- /dev/null
+++ b/music/covers/noisemaster.jpg
Binary files differ
diff --git a/music/covers/redvox.jpg b/music/covers/redvox.jpg
new file mode 100644
index 0000000..1a489de
--- /dev/null
+++ b/music/covers/redvox.jpg
Binary files differ
diff --git a/music/covers/waxlimbs.jpg b/music/covers/waxlimbs.jpg
new file mode 100644
index 0000000..7590c7a
--- /dev/null
+++ b/music/covers/waxlimbs.jpg
Binary files differ
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