added new blog post and images are now smaller

made the rest of the gifs avif and compressed them a little bit (they still look the same from the normal view though). also some other small stuff like make a ramblings and reviews 11tydata file.

src/_data/comics.json

@@ -2067,9 +2067,10 @@
       {
             "type": "Manhwa",
             "name": "Heavenly Demon Can't Live a Normal Life",
-            "score": 6.8,
+            "score": 4.2,
             "image": "https://i.imgur.com/oc6IYcx.png",
-            "description": "i feel bad for that rodwell guy"
+            "alt": "Descended from Divinity",
+            "description": "i feel bad for that rodwell guy <--- dropped on chapter 118, its gotten so boring and i think ive outgrown it if im being real. clearly meant for like 13 year olds and below."
       },
       {
             "type": "Manhwa",

src/_data/tv.json

@@ -1,4 +1,10 @@
 [
+      {
+            "type": "Movie",
+            "name": "The Dictator",
+            "score": 3.2,
+            "description": "the aids joke was pretty funny the rest was perhaps too silly and just felt like an hour long youtube short"
+      },
       {
             "type": "Anime",
             "name": "The Dangers In My Heart",

src/_includes/_layouts/blogs-layout.njk

@@ -14,6 +14,8 @@ date created: {{ page.date.toLocaleDateString('en-US', { month: 'short', day: 'n
 {% endif %}
 {% endfor %}
 
+<h1>{{ title }}</h1>
+
 {{ content | safe }}
 
 {% set previousPost = collections.blog | getPreviousCollectionItem %}
@@ -22,12 +24,6 @@ date created: {{ page.date.toLocaleDateString('en-US', { month: 'short', day: 'n
 {% if date %}
 <div class="pagination-container">
     <div class="pagination-buttons left">
-        {% if page.url != collections.blog[0].url %}
-        <a href="{{ collections.blog[0].url }}">First</a>
-        {% else %}
-        <span>First</span>
-        {% endif %}
-
         {% if previousPost %}
         <a href="{{ previousPost.url }}">Previous</a>
         {% else %}
@@ -49,12 +45,6 @@ date created: {{ page.date.toLocaleDateString('en-US', { month: 'short', day: 'n
         {% else %}
         <span>Next</span>
         {% endif %}
-
-        {% if page.url != collections.blog[collections.blog.length - 1].url %}
-        <a href="{{ collections.blog[collections.blog.length - 1].url }}">Last</a>
-        {% else %}
-        <span>Last</span>
-        {% endif %}
     </div>
 </div>
 {% endif %}

src/_includes/_layouts/reviews-layout.njk

@@ -10,12 +10,6 @@
 {{ content | safe }}
 <div class="pagination-container">
     <div class="pagination-buttons left">
-        {% if page.url != pagination.href.first %}
-        <a href="{{ pagination.href.first }}">First</a>
-        {% else %}
-        <span>First</span>
-        {% endif %}
-
         {% if pagination.href.previous %}
         <a href="{{ pagination.href.previous }}" id="previous-link">Previous</a>
         {% else %}
@@ -37,12 +31,6 @@
         {% else %}
         <span>Next</span>
         {% endif %}
-
-        {% if page.url != pagination.href.last %}
-        <a href="{{ pagination.href.last }}">Last</a>
-        {% else %}
-        <span>Last</span>
-        {% endif %}
     </div>
 </div>
 <script src="/js/fusejs.js"></script>

src/_includes/base.njk

@@ -19,9 +19,9 @@
     <div class="container">
     <div class="main-box">
     {% if header_img %}
-    <img src="{{ header_img }}" style="display:block; margin-left:auto; margin-right:auto; max-width: 100%;" alt="title">
+    <img src="{{ header_img }}" class="header-img" alt="title">
     {% else %}
-    <img src="/assets/title.gif" style="display:block; margin-left:auto; margin-right:auto; max-width: 100%;" alt="title">
+    <img src="/assets/title.avif" class="header-img" alt="title">
     {% endif %}
     {% block content %}{% endblock %}
     </div>

src/css/styles.css

@@ -647,6 +647,13 @@ video {
     display: none;
 }
 
+.header-img {
+    display:block;
+    margin-left:auto;
+    margin-right:auto;
+    max-width: 100%;
+}
+
 @media screen and (min-width: 800px) {
     p {
         font-size: 18px;

src/index.njk

@@ -1,5 +1,4 @@
 ---
-header_img: "/assets/title.gif"
 side_nav_img: "https://piclog.blue/latest.php?id=545"
 ---
 
@@ -222,11 +221,11 @@ side_nav_img: "https://piclog.blue/latest.php?id=545"
           </div>
       </div>
       <div class="adbox empty-box" style="font-size: 18.5px;">
-          <p style="text-align: center; margin: 0;">currently stuck in my head:</p>
+          <p style="text-align: center; margin: 5;">currently stuck in my head:</p>
           <div class="cd-rotate">
               <img class="cd-image" loading="lazy" alt="picture of cd">
           </div>
-          <div class="cd-title"></div>
+          <a class="cd-link"><p class="cd-title"></p></a>
           <div id="controls">
               <div id="play-pause" onclick="playpauseTrack()">▶</div>
           </div>

src/js/musicPlayer.js

@@ -3,19 +3,22 @@ let playpause_btn = document.querySelector("#play-pause");
 let volume_slider = document.querySelector(".volume_slider");
 let isPlaying = false;
 let updateTimer;
-let curr_track = document.createElement('audio');
+let curr_track = document.createElement("audio");
 const baseVolume = 0.2;
-const imgElement = document.querySelector('.cd-rotate > img');
-const cdImage = document.querySelector('.cd-image');
-const cdTitle = document.querySelector('.cd-title');
-
+const imgElement = document.querySelector(".cd-rotate > img");
+const cdImage = document.querySelector(".cd-image");
+const cdTitle = document.querySelector(".cd-title");
+const cdLink = document.querySelector(".cd-link");
+//https://www.youtube.com/watch?v=Fwv2gnCFDOc
 
 
 function loadTrack() {
     clearInterval(updateTimer);
-    curr_track.src = "https://files.catbox.moe/15mgqq.mp3";
-    cdImage.src = "https://i.imgur.com/5s7uKK6.png";
-    cdTitle.textContent = "Sugar - System of a Down";
+    curr_track.src = "https://files.catbox.moe/jp7wj4.mp3";
+    cdImage.src = "https://files.catbox.moe/5bt3xm.avif";
+    cdTitle.textContent = "Luv(sic.) pt3 - Nujabes & Shing02";
+    cdLink.setAttribute("href", "https://www.youtube.com/watch?v=Fwv2gnCFDOc");
+    cd
     curr_track.load();
     curr_track.loop = true;
     curr_track.volume = baseVolume;

src/404.md → src/pages/404.md

@@ -2,10 +2,16 @@
 layout: "layout.njk"
 title: "404 !!"
 side_nav_img: "/assets/doorcolor.png"
-header_img: "/assets/title_rev.gif"
+header_img: "/assets/title.avif"
 permalink: 404.html
 ---
 
+<style>
+    .header-img {
+        filter: invert(1);
+    }
+</style>
+
 you are lost and scared
 
 <audio autoplay>

src/pages/blog.njk

@@ -1,7 +1,7 @@
 ---
 layout: "_layouts/blogs-layout.njk"
 title: "pseudo blog"
-header_img: "/assets/pseudoblog.gif"
+header_img: "/assets/pseudoblog.avif"
 side_nav_img: "/assets/IMG_2638.avif"
 ---
 

src/pages/blog/blog.11tydata.json

@@ -1,5 +1,5 @@
 {
     "layout": "_layouts/blogs-layout.njk",
     "tags": "blog",
-    "header_img": "/assets/pseudoblog.gif"
+    "header_img": "/assets/pseudoblog.avif"
 }

src/pages/blog/peak_web_design.md

@@ -0,0 +1,16 @@
+---
+title: "the perfect website"
+date: 2024-09-30
+tags:
+    - web
+---
+
+i was feeling extra egotistical this morning and when i stared my website in the eyes and as it stared back at me i saw a flawless masterpiece. the indie-web is kind of split into three columns, sites that are made as an art piece, sites that are made to house content and sites that are shit due to being neither artistically pleasing as well as having no content. when i made the newest iteration of my site, i just decided to make every page look similar so it has some coherence, knowing that there is no way im going to ever make a good artsy website like [y2kid](https://y2kid.xyz/) or something.
+
+i think my website is practically complete at this point, im sure i could change the layout and theme once a week like some people. sidenote, its really annoying when your entire website is constantly changing, like sometimes i go back for inspiration and its just an entirely knew design. personally though im pretty happy with what ive got going right now. its easy to add stuff and its pretty fast too. it even looks alright imo (compared with my old site). heres a screenshot of the old one btw:
+
+![](https://i.imgur.com/GQbF8ll.png)
+
+it was perhaps more unique and creative but it was slow, annoying to navigate as like half the pages had entirely different layouts and it was a real pain to work with, especially making sure mobile works. i know indie-web people try to sound cool and pretend they chose not to make their site work on mobile but i reckon its probably because they cant. either way, apparently 90% of the people on the internet are on mobile so its fairly important which is why ive invested a little time into making sure my site works on mobile, which is why it does. the only issue i have on mobile is that the reviews table is really small but like really what can i do about that.
+
+everything i need to do at this point is probably not going to change the experience for anyone using my site, just make it easier for me to work on my site. the only visual change im intending is to somehow make the flaming titles generate at build so every page has its own custom flaming text instead of some of the pages just having the same generic reviews one, or the same psudeo blog one. not sure how im going to get that to work though so it might be a bit. i also just realised i went completely off topic and just made this about my website but i guess it makes sense as if you want the perfect website youre looking at it.

src/pages/guides.njk

@@ -1,7 +1,7 @@
 ---
 layout: "layout.njk"
 title: "awesome guides"
-header_img: "/assets/cool_guides.gif"
+header_img: "/assets/cool_guides.avif"
 side_nav_img: "/assets/minion.avif"
 ---
 

src/pages/links.njk

@@ -1,7 +1,7 @@
 ---
 layout: "layout.njk"
 title: "links"
-header_img: "/assets/links.gif"
+header_img: "/assets/links.avif"
 side_nav_img: "/assets/IMG_2630.avif"
 ---
 
@@ -29,7 +29,6 @@ side_nav_img: "/assets/IMG_2630.avif"
   <a href="https://trademarkhell.net/"><img src="https://trademarkhell.net/tmsspecialhell.png" alt="trademarkization company of 2003"></a>
   <a href="https://nuthead.neocities.org/"> <img src="/assets/nuthead.gif" alt="nuthead"></a>
   <a href="https://mxeggsalad.nekoweb.org/"> <img src="/assets/mxeggsalad.nekoweb.org.gif" alt="mxeggsalad"></a>
-  <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.avif" alt="housepen"></a>
@@ -38,13 +37,10 @@ side_nav_img: "/assets/IMG_2630.avif"
   <a href="https://obama.nekoweb.org/"> <img src="https://obama.nekoweb.org/obbutton.png" alt="barack"> </a>
   <a href="https://scumpsmallbrain.neocities.org"> <img src="/assets/scumpshouse.gif" alt="scumps house"></a>
   <a href="https://goblin-heart.net/sadgrl/"> <img src="/assets/sadgrl_online_learn.gif" alt="sadgrl"></a>
-  <a href="https://rainbowmango.neocities.org/"> <img src="/assets/theglittersalamango.gif" alt="glitter salamango"></a>
-  <a href="https://caitsith.neocities.org/"> <img src="/assets/caitsithbutton6.gif" alt="caitsith button"></a>
   <a href="https://melonking.net/"> <img src="/assets/melonking.gif" alt="melonking"></a>
   <a href="https://max.nekoweb.org/"> <img src="/assets/button.gif" alt="max"></a>
   <a href="https://riversons.art/"> <img src="/assets/rivblink.gif" alt="riverson"></a>
   <a href="https://nekoweb.org/"> <img src="/assets/button11.gif" alt="nekoweb"></a>
-  <a href="https://thinliquid.dev/"> <img src="/assets/thnlqd.png" alt="thinliquid"></a>
   <a href="https://giikis2.neocities.org/"> <img src="https://giikis2.neocities.org/assets/badges/giikis2.png" width="88" height="31" alt="giiki"></a>
   <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>

src/pages/mods.md

@@ -1,7 +1,7 @@
 ---
 layout: "layout.njk"
 title: "awesome guides"
-header_img: "/assets/mod_list.gif"
+header_img: "/assets/mod_list.avif"
 side_nav_img: "/assets/bug.webp"
 ---
 

src/pages/ramblings.md

@@ -1,7 +1,7 @@
 ---
 layout: "_layouts/ramblings-layout.njk"
 title: "ramblings"
-header_img: "/assets/ramblings.gif"
+header_img: "/assets/ramblings.avif"
 side_nav_img: "/assets/cancer.jpg"
 ---
 

src/pages/ramblings/2024.md

@@ -1,7 +1,5 @@
 ---
-layout: "_layouts/ramblings-layout.njk"
 title: "untitled unmastered"
-header_img: "/assets/ramblings.gif"
 side_nav_img: "/assets/cancer.jpg"
 ---
 
@@ -15,6 +13,14 @@ side_nav_img: "/assets/cancer.jpg"
 
 # 2024
 
+## 30/09/24
+
+tomorrow's blog post gonna be about people using a dni. im fuming but not fuming enough to write another blog post today. 
+
+## 30/09/24
+
+removed the first and last buttons on the guides and reviews move between pages thingy, i mean you have a dropdown section just use that.
+
 ## 28/09/24
 
 unironically the funniest thing ive ever seen in a manhwa (i think im losing it)

src/pages/ramblings/ramblings.11tydata.json

@@ -0,0 +1,4 @@
+{
+    "layout": "_layouts/ramblings-layout.njk",
+    "header_img": "/assets/ramblings.avif"
+}

src/pages/reviews.njk

@@ -1,7 +1,7 @@
 ---
 layout: "layout.njk"
 title: "epic comic reivews"
-header_img: "/assets/reviews.gif"
+header_img: "/assets/reviews.avif"
 side_nav_img: "/assets/948816870864199720.avif"
 ---
 

src/pages/reviews/comics.njk

@@ -1,7 +1,5 @@
 ---
-layout: "_layouts/reviews-layout.njk"
 title: "epic comic reviews"
-header_img: "/assets/reviews.gif"
 side_nav_img: "/assets/single_lesson.jpg"
 image_fullscreen: true
 jsonLocation: "/_data/comics.json"

src/pages/reviews/favourites.njk

@@ -1,7 +1,5 @@
 ---
-layout: "_layouts/reviews-layout.njk"
 title: "my favourite things"
-header_img: "/assets/reviews.gif"
 side_nav_img: "/assets/kevin.avif"
 image_fullscreen: true
 jsonLocation: "/_data/favourites.json"
@@ -13,7 +11,6 @@ pagination:
     addAllPagesToCollections: true
 ---
 
-<p style="text-align: center;">click the images to enlarge them</p>
 <table class="review_table">
     <thead>
         <tr>

src/pages/reviews/games.njk

@@ -1,7 +1,5 @@
 ---
-layout: "_layouts/reviews-layout.njk"
 title: "epic game reivews"
-header_img: "/assets/reviews.gif"
 side_nav_img: "/assets/club.jpg"
 jsonLocation: "/_data/games.json"
 pagination:

src/pages/reviews/music.njk

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

src/pages/reviews/reviews.11tydata.json

@@ -0,0 +1,4 @@
+{
+    "layout": "_layouts/reviews-layout.njk",
+    "header_img": "/assets/reviews.avif"
+}

src/pages/reviews/tv.njk

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