1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
|
<!DOCTYPE html>
<html lang="en">
<head>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
<title>music | <?php echo($_SERVER['HTTP_HOST']);?></title>
<style>
#flex-container {
display: flex;
flex-wrap: wrap;
filter: drop-shadow(3px 3px 6px black);
}
#flex-container a {
--columncount: 2;
position: relative;
width: calc(100% / var(--columncount));
aspect-ratio: 1;
background-image: var(--img);
background-size: cover;
transition-duration: 0.5s;
overflow: hidden;
}
#flex-container a:hover {
z-index: 50;
box-shadow: 0 0 12px 2px black;
transform: scale(1.15);
color: #df1955;
}
#flex-container a span {
background-color: #000000cc;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 5.2rem;
padding: 0 2rem;
display: flex;
align-items: center;
transition-duration: 0.5s;
box-sizing: border-box;
}
#flex-container a:hover span {
bottom: -5.2rem;
}
@media only screen and (max-width: 43rem) {
#flex-container a {
--columncount: 1;
}
}
@media only screen and (hover: none) {
#flex-container a:hover {
transform: initial;
z-index: initial;
box-shadow: initial;
}
}
</style>
</head>
<body>
<?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 currently undergoing a total overhaul to be more verbose, better organized, and generally cooler. Bear with me while I actually get around to doing it.</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.avif" 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 loading="lazy" src="covers/mountainhead.webp" 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 loading="lazy" src="covers/foofighters.webp" 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: <a href="https://www.youtube.com/playlist?list=OLAK5uy_n4Aoxx5AvW0q8DwdDLTa_MaeJPSsNwF5M">Concrete and Gold</a></p>
<p>Favourite song: <a href="https://www.youtube.com/watch?v=dV7c6ThfXvs">Outside</a></p>
</section>
<section>
<div class="cd">
<a href="https://waxlimbs.bandcamp.com/">
<img loading="lazy" src="covers/waxlimbs.webp" 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 loading="lazy" src="covers/justice.webp" 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 loading="lazy" src="covers/clipping.webp" 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 loading="lazy" src="covers/mekaloton.webp" 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 loading="lazy" src="covers/femtanyl.webp" 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 loading="lazy" src="covers/noisemaster.webp" 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 loading="lazy" src="covers/redvox.webp" 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>
<section>
<div class="cd">
<a href="https://www.muse.mu/">
<img loading="lazy" src="covers/muse.webp" alt="Muse">
</a>
</div>
<h3>Muse</h3>
<p>When pressed to describe the particular flavour of "alternative rock" that Muse puts out, one of the words that comes to mind is "cinematic". I'm not sure how to explain that, but you'll get it if you listen to them.</p>
<p>The other word that comes to mind is "anti-capitalist", which is always a plus.</p>
<p>Favourite album: <a href="https://www.youtube.com/playlist?list=PLdeR7kS32rBo">The Wow! Signal</a></p>
<p>Favourite song: <a href="https://www.youtube.com/watch?v=VXPoJAyeF8k">Isolated System</a></p>
</section>
<section>
<div class="cd">
<a href="https://www.nin.com/">
<img loading="lazy" src="covers/nin.webp" alt="Nine Inch Nails">
</a>
</div>
<h3>Nine Inch Nails</h3>
<p>I'm shocked at how long I managed to put off listening to Nine Inch Nails for. Trent's slightly deranged use of the synthesizers at his disposal really does something for me.</p>
<p>Favourite album: <a href="https://www.youtube.com/playlist?list=OLAK5uy_kxE6rMX-COuLZaPTSRr2Rqr-UOkPAEmbs">Pretty Hate Machine</a></p>
<p>Favourite song: <a href="https://www.youtube.com/watch?v=3wzNrNh1dZ8">Copy of a (Noize)</a></p>
</section>
<section>
<div class="cd">
<a href="https://www.tallyhall.com/">
<img loading="lazy" src="covers/tallyhall.webp" alt="Tally Hall">
</a>
</div>
<h3>Tally Hall</h3>
<p>What can I say, they've got whimsy.</p>
<p>Most of what I have to say about Tally Hall is contained within the following two scalding hot takes: 1) Marvin's Marvelous Mechanical Museum might be the most flagrantly bigoted album I've ever willingly listened to and doesn't even make up for it by being good, and 2) Hawaii: Part 2 is a Tally Hall record in every way that matters.</p>
<p>Favourite album: <a href="https://mirakurumyujikaru.bandcamp.com/album/hawaii-part-ii">Hawaii: Part II</a></p>
<p>Favourite song: <a href="https://www.youtube.com/watch?v=tRnMWzz44gA">Fate of the Stars</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/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/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>
|
