some compressioning

big shoutout to onzecki of onz.ee for coaching me on this one. not quite done with it just yet though as the title gifs are still gifs, but im not a linux pc rn and i hate trying to get commands to work on linux.

src/_data/favourites.json

@@ -1,4 +1,10 @@
 [
+    {
+        "type": "Compilation Album",
+        "name": "Luv(sic) Hexalogy",
+        "image": "https://i.imgur.com/wd7xm3H.png",
+        "description": "i know its technically a compilation album but it feels like a complete album to me so idc. this is honestly in my top 5 albums of all time straight up (though probably 5th place) and is taking mbdtf's spot, sorry kanye. this album feels like a whimsically running through a field on a warm summers day. its beautiful, its stunning and its massive. this is like the big bang of audio."
+    },
     {
         "type": "Mixtape",
         "name": "Exmilitary",

src/_data/music.json

@@ -1,4 +1,11 @@
 [
+    {
+        "name": "Luv(sic) Hexalogy",
+        "artist": "Nujabes & Shing02",
+        "score": 10,
+        "image": "https://i.imgur.com/wd7xm3H.png",
+        "description": "this album needs more luv. this is one of the most beautiful pieces of media i have ever heard. i was crying by pt 3 and i was completely bawling by the finale. i cant even articulate how great this album is, its just one of those things you have to hear for yourself. even the remixes are super high effort and worth your time. i cant believe i just found out about this. i know this is rambly but i just cannot possibly articulate my thoughts on this right now, please just listen to it."
+    },
     {
         "name": "pastpresentfuture",
         "artist": "Kittydog",

src/_includes/_layouts/reviews-layout.njk

@@ -109,4 +109,33 @@ fetch('{{ jsonLocation }}')
     like 1mb or larger and since its only 1/10th of that right now im just not gonna worry about it. im sure like 25 year old version of me will be able
     to solve this issue (technology will probably be so good by then that it wont matter anyways) life hack.*/
 </script>
+{% endblock %}
+
+{% block content2 %}
+<div class="empty-box">
+    <p style="margin: 0; padding: 0; padding-top: 10px; padding-left: 10px;">top 5 albums:</p>
+    <ol style="padding-bottom: 10px; font-size: 18px;">
+        <li>IGOR</li>
+        <li>Ziggy Stardust</li>
+        <li>CHASER</li>
+        <li>The Money Store</li>
+        <li>Luv(sic) Hexalogy</li>
+    </ol>
+    <p style="margin: 0; padding: 0; padding-top: 10px; padding-left: 10px;">top 5 tv/movies:</p>
+    <ol style="padding-bottom: 10px; font-size: 18px; line-break">
+        <li>Adventure Time</li>
+        <li>Pulp Fiction</li>
+        <li>Interstellar</li>
+        <li>Breaking Bad</li>
+        <li>Cyberpunk: Edgerunners</li>
+    </ol>
+    <p style="margin: 0; padding: 0; padding-top: 10px; padding-left: 10px;">top 5 manga:</p>
+    <ol style="padding-bottom: 10px; font-size: 18px; line-break">
+        <li>Vagabond</li>
+        <li>Dorohedoro</li>
+        <li>Berserk</li>
+        <li>The Climber</li>
+        <li>Punpun</li>
+    </ol>
+</div>
 {% endblock %}

src/_includes/base.njk

@@ -42,7 +42,7 @@
             {% if side_nav_img %}
             <img src="{{ side_nav_img }}" style="display: block; margin-left: auto; margin-right: auto; max-width: 170px; padding-top: 15px; padding-bottom: 15px;" alt="silly little image">
             {% else %}
-            <img src="/assets/noah.jpeg" style="display: block; margin-left: auto; margin-right: auto; max-width: 170px; padding-top: 15px; padding-bottom: 15px;" alt="silly little image">
+            <img src="/assets/noah.avif" style="display: block; margin-left: auto; margin-right: auto; max-width: 170px; padding-top: 15px; padding-bottom: 15px;" alt="silly little image">
             {% endif %}
             {% if status %}
             <div style="display: flex; align-items:center; padding: 10px; margin: 0; font-size: 13px;">

src/css/styles.css

@@ -3,7 +3,7 @@
 }
 
 html {
-    background: #1ca3ec url("/assets/d_wall.jpg"); /* the #1ca3ec is there to avoid the flashbang when you load a page. id like to find a better fix to that at some point though */
+    background: #1ca3ec url("/assets/wall.jpg"); /* the #1ca3ec is there to avoid the flashbang when you load a page. id like to find a better fix to that at some point though */
 }
 
 :root {
@@ -691,7 +691,7 @@ video {
     }
 
     .rev:hover {
-        background-image: url("/assets/revBack.png");
+        background-image: url("/assets/revBack.avif");
         border-radius: inherit;
     }
 
@@ -701,12 +701,12 @@ video {
     }
 
     .guide:hover {
-        background-image: url("/assets/guideBack.png");
+        background-image: url("/assets/guideBack.avif");
         border-radius: inherit;
     }
 
     .blog:hover {
-        background-image: url("/assets/blogBack.png");
+        background-image: url("/assets/blogBack.avif");
         border-radius: inherit;
     }
 
@@ -716,7 +716,7 @@ video {
     }
 
     .hom:hover {
-        background-image: url("/assets/homeBack.png");
+        background-image: url("/assets/homeBack.avif");
     }
 
     .tooltip {

src/pages/blog.njk

@@ -2,7 +2,7 @@
 layout: "_layouts/blogs-layout.njk"
 title: "pseudo blog"
 header_img: "/assets/pseudoblog.gif"
-side_nav_img: "/assets/IMG_2638.png"
+side_nav_img: "/assets/IMG_2638.avif"
 ---
 
 <p>

src/pages/guides.njk

@@ -2,7 +2,7 @@
 layout: "layout.njk"
 title: "awesome guides"
 header_img: "/assets/cool_guides.gif"
-side_nav_img: "/assets/minion.jpg"
+side_nav_img: "/assets/minion.avif"
 ---
 
 <p>

src/pages/guides/runelite.md

@@ -9,7 +9,7 @@ prerequisite: a flash drive with 1gb of space or more and wherever you are going
 
 step 1: go to [temurin latest releases page](https://adoptium.net/temurin/releases/?version=11) and download the openjdk windows version in the zip format. then unzip and place it in your folder. i renamed it to java but you can name it whatever you prefer
 
-![screenshot of runelite github releases](/assets/runelite_site.png)
+![screenshot of runelite github releases](/assets/runelite_site.avif)
 
 step 2: go to the [runelite github releases page](https://github.com/runelite/launcher/releases) and download the jar version
 

src/pages/inspirations.md

@@ -33,4 +33,6 @@ title: inspirations
 
 [devastatia {one of the only blogs i keep up with, im not gonna say that i agree with all of their opinions but at least they have actual opinions to share}](https://devastatia.com/)
 
-[manu {the other blog i like to keep up with, i found him from an interview he did with devastatia in june and while not as off the rails as devastatia hes still a very interesting person and a his site often links other very interesting blogs leading to some sort of never ending rabbit hole}](https://manuelmoreale.com/)
+[manu {the other blog i like to keep up with, i found him from an interview he did with devastatia in june and while not as off the rails as devastatia hes still a very interesting person and a his site often links other very interesting blogs leading to some sort of never ending rabbit hole}](https://manuelmoreale.com/)
+
+[onzecki {sent me a really well thought out and detailed email about making my site not run like shit which helped my situation quite a lot}](https://onz.ee/)

src/pages/links.njk

@@ -2,7 +2,7 @@
 layout: "layout.njk"
 title: "links"
 header_img: "/assets/links.gif"
-side_nav_img: "/assets/IMG_2630.png"
+side_nav_img: "/assets/IMG_2630.avif"
 ---
 
 <p>some of the pages on here arent linked anywhere else so its like a scavanger hunt or something idk</p>
@@ -32,7 +32,7 @@ side_nav_img: "/assets/IMG_2630.png"
   <a href="https://confetticake.neocities.org/"><img src="https://confetticake.neocities.org/images/misc/button.gif" alt="confetticake"></a>
   <a href="https://sad.ovh/"> <img src="/assets/sadovh.png" alt="sad.ovh"></a>
   <a href="https://vegacollective.com/"> <img src="/assets/MeatleMania_2.gif" alt="vega collective"></a>
-  <a href="https://housepen.nekoweb.org/"> <img src="/assets/housepen.gif" alt="housepen"></a>
+  <a href="https://housepen.nekoweb.org/"> <img src="/assets/housepen.avif" alt="housepen"></a>
   <a href="https://zptr.cc/"><img src="/assets/@me.gif" alt="zeroptr"></a>
   <a href="https://melankorin.net/"><img src="https://melankorin.net/assets/img/buttons/button-1.gif" alt="melan korin"></a>
   <a href="https://obama.nekoweb.org/"> <img src="https://obama.nekoweb.org/obbutton.png" alt="barack"> </a>
@@ -49,6 +49,7 @@ side_nav_img: "/assets/IMG_2630.png"
   <a href="https://darkosparko.nekoweb.org/"><img style="width: 88px; height: 31px;" src="https://file.garden/ZmFfhSOgiFXI9ZBU/visuals/buttons/personal%20buttons/day-button.png"></a>
   <a href="https://dogspit.nekoweb.org/"><img src="https://i.imgur.com/0pnWFCL.png" alt="dogspit"></a>
   <a href="https://devastatia.com/"><img src="/assets/devastatia-88x31.png" alt="devastatia"></a>
+  <a href="https://onz.ee/"><img src="/assets/onzecki.avif" alt="onzecki"></a>
 </div>
 
 <script>

src/pages/ramblings.md

@@ -15,4 +15,4 @@ this is where im gonna write all the random shit i think that isnt really cohere
 
 ![](/assets/fredrei.jpg)
 ![](/assets/GSycK4fW8AAgtal.jpg)
-![](/assets/GLxjAMnXUAA_6_F.webp)
+![](/assets/GLxjAMnXUAA_6_F.avif)

src/pages/ramblings/2024.md

@@ -263,7 +263,7 @@ i do realise that ramblings has just become where i put things i find funny but
 
 ## 16/08/24
 
-![](/assets/thirtyvirus-5.jpg)
+![](/assets/thirtyvirus-5.avif)
 
 i vaugley remember a picture of the hit skyblock youtuber thirty virus staring into the camera in black white with bottom text saying "show me how". i tried to recreate it
 
@@ -354,7 +354,7 @@ wtf i just found out larry king died. 3 years late.
 
 ## 04/06/24
 
-![](/assets/sillychart.png)
+![](/assets/sillychart.avif)
 
 i saw this silly google form today. idk if it has some deep meaning but if it does i cant see it. [https://docs.google.com/forms/d/1F5wYdTypdZKw_9lsg6REHnJV5r5faWiwLseVKyA1k60/viewform](https://docs.google.com/forms/d/1F5wYdTypdZKw_9lsg6REHnJV5r5faWiwLseVKyA1k60/viewform)
 

src/pages/reviews.njk

@@ -2,7 +2,7 @@
 layout: "layout.njk"
 title: "epic comic reivews"
 header_img: "/assets/reviews.gif"
-side_nav_img: "/assets/948816870864199720.webp"
+side_nav_img: "/assets/948816870864199720.avif"
 ---
 
 <p>
@@ -33,7 +33,7 @@ side_nav_img: "/assets/948816870864199720.webp"
         </tr>
         <tr>
             <td class="image-cell">
-                <img src="/assets/tv.gif" alt="book">
+                <img src="/assets/tv.avif" alt="book">
             </td>
             <td class="text-cell">
                 <a href="/pages/reviews/tv/">

src/pages/reviews/favourites.njk

@@ -2,9 +2,10 @@
 layout: "_layouts/reviews-layout.njk"
 title: "my favourite things"
 header_img: "/assets/reviews.gif"
-side_nav_img: "/assets/kevin.png"
+side_nav_img: "/assets/kevin.avif"
 image_fullscreen: true
 jsonLocation: "/_data/favourites.json"
+hasContent2: true
 pagination:
     data: favourites
     size: 100

src/pages/reviews/music.njk

@@ -2,7 +2,7 @@
 layout: "_layouts/reviews-layout.njk"
 title: "epic game reivews"
 header_img: "/assets/reviews.gif"
-side_nav_img: "/assets/biggewtf.png"
+side_nav_img: "/assets/biggewtf.avif"
 image_fullscreen: true
 jsonLocation: "/_data/music.json"
 pagination:

src/pages/reviews/tv.njk

@@ -2,7 +2,7 @@
 layout: "_layouts/reviews-layout.njk"
 title: "epic tv reivews"
 header_img: "/assets/reviews.gif"
-side_nav_img: "/assets/biden.jpg"
+side_nav_img: "/assets/biden.avif"
 jsonLocation: "/_data/tv.json"
 pagination:
     data: tv