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
|
<!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 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>
|
