small optimizationsmain

1 files changed, 49 insertions, 16 deletions

diff --git a/music/index.php b/music/index.php
index 5754d7d..adc46cc 100644
--- a/music/index.php
+++ b/music/index.php
@@ -62,12 +62,12 @@
   <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 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.jpg" alt="findaeden">
+          <img src="covers/findaeden.avif" alt="findaeden">
         </a>
       </div>
       <h3>findaeden</h3>
@@ -90,7 +90,7 @@
     <section>
       <div class="cd">
         <a href="https://everything-everything.co.uk/">
-          <img src="covers/mountainhead.jpg" alt="Everything Everything - Mountainhead">
+          <img loading="lazy" src="covers/mountainhead.webp" alt="Everything Everything - Mountainhead">
         </a>
       </div>
       <h3>Everything Everything</h3>
@@ -102,20 +102,20 @@
     <section>
       <div class="cd">
         <a href="https://www.foofighters.com/">
-          <img src="covers/foofighters.jpg" alt="Foo Fighters">
+          <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: Concrete and Gold</p>
-      <p>Favourite song: Outside</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 src="covers/waxlimbs.jpg" alt="Waxlimbs">
+          <img loading="lazy" src="covers/waxlimbs.webp" alt="Waxlimbs">
         </a>
       </div>
       <h3>Waxlimbs</h3>
@@ -126,7 +126,7 @@
     <section>
       <div class="cd">
         <a href="https://etjusticepourtous.bandcamp.com/">
-          <img src="covers/justice.jpg" alt="Justice">
+          <img loading="lazy" src="covers/justice.webp" alt="Justice">
         </a>
       </div>
       <h3>Justice</h3>
@@ -138,7 +138,7 @@
     <section>
       <div class="cd">
         <a href="https://clppng.bandcamp.com/">
-          <img src="covers/clipping.jpg" alt="clipping.">
+          <img loading="lazy" src="covers/clipping.webp" alt="clipping.">
         </a>
       </div>
       <h3>clipping.</h3>
@@ -150,7 +150,7 @@
     <section>
       <div class="cd">
         <a href="https://mekaloton.bandcamp.com/">
-          <img src="covers/mekaloton.jpg" alt="mekaloton">
+          <img loading="lazy" src="covers/mekaloton.webp" alt="mekaloton">
         </a>
       </div>
       <h3>mekaloton</h3>
@@ -162,7 +162,7 @@
     <section>
       <div class="cd">
         <a href="https://femtanyl.bandcamp.com/">
-          <img src="covers/femtanyl.jpg" alt="Femtanyl">
+          <img loading="lazy" src="covers/femtanyl.webp" alt="Femtanyl">
         </a>
       </div>
       <h3>Femtanyl</h3>
@@ -173,7 +173,7 @@
     <section>
       <div class="cd">
         <a href="https://noisemaster.bandcamp.com/">
-          <img src="covers/noisemaster.jpg" alt="Noisemaker">
+          <img loading="lazy" src="covers/noisemaster.webp" alt="Noisemaker">
         </a>
       </div>
       <h3>Noisemaker</h3>
@@ -185,7 +185,7 @@
     <section>
       <div class="cd">
         <a href="https://redvoxband.com/">
-          <img src="covers/redvox.jpg" alt="Red Vox">
+          <img loading="lazy" src="covers/redvox.webp" alt="Red Vox">
         </a>
       </div>
       <h3>Red Vox</h3>
@@ -193,14 +193,48 @@
       <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/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>
@@ -211,7 +245,6 @@
       <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>