Upgraded site button to have hover text

index.html

@@ -24,6 +24,7 @@
                     <div class="post">
                         <h3 class="postHeader">Blog Posts</h3>
                         <ul>
+                            <li><a href="/pages/templates/post.html?20-10-25">20-10-25: My status has been upgraded</a></li>
                             <li><a href="/pages/templates/post.html?15-10-25">15-10-25: First Post with blog!</a></li>
                         </ul>
                     </div>
@@ -34,6 +35,7 @@
                     <div class="post">
                         <h3 class="postHeader">System Media</h3>
                         <ul>
+                            <li><a href="/pages/buttons.html">Button's I've Collected</a></li>
                             <li><a href="/pages/Jukebox.html">Music</a></li>
                             <li><a href="/pages/games.html">Games</a></li>
                             <li><a href="https://steamcommunity.com/id/TechRunner/screenshots/">Steam Screenshots</a></li>
@@ -141,8 +143,8 @@
     <div id="imageLinks">
         <div class="row">
             <img height="31" src="/media/neocities.png" alt="Site hosted by Neocities" >
-            <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt="A space ship flying into the Void System. Click to enter the void."></a>
-            <textarea class="siteButtonText" readonly=""><a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt="A space ship flying into the Void System. Click to enter the void."></a></textarea>
+            <a href="https://voidwillow.neocities.org" title="Enter The VOID!"><img title="Enter The VOID!" src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt="A space ship flying into the Void System. Click to enter the void."></a>
+            <textarea class="siteButtonText" readonly=""><a href="https://voidwillow.neocities.org" title="Enter The VOID!"><img title="Enter The VOID!" src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt="A space ship flying into the Void System. Click to enter the void."></a></textarea>
             <p id="resolutionTag"></p>
         </div>
         <div class="remeber">

pages/blog/20-10-25.json

@@ -0,0 +1,7 @@
+{
+    "title": "My status has been upgraded",
+    "subTitle": "I'm now an Aunt!",
+    "postText": "I was not expecting to wake up to picture from my mom of my brother's new baby girl. It's a little dissapointing what they named her. I definitely forsee her changing it in the future. I guess I can finally start calling myself the crazy aunt now!",
+    "date": "20 October 2025",
+    "postType": "text"
+}

pages/buttons.html

@@ -19,54 +19,9 @@
             <h1>Buttons Collecteion</h1>
             <div class="buttonColumn">
                 <div class="buttonRow">
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                </div>
-                <div class="buttonRow">
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                </div>
-                <div class="buttonRow">
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                </div>
-                <div class="buttonRow">
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                </div>
-                <div class="buttonRow">
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                </div>
-                <div class="buttonRow">
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                </div>
-                <div class="buttonRow">
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                </div>
-                <div class="buttonRow">
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                </div>
-                <div class="buttonRow">
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                </div>
-                <div class="buttonRow">
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
-                    <a href="https://voidwillow.neocities.org"><img src="https://voidwillow.neocities.org/media/Art/VoidSystem.png" alt=""></a>
+                    <a href="https://lanhikari.neocities.org/"><img src="https://lanhikari.neocities.org/button.png"></a>
+                    <a href="https://ransei.neocities.org/"><img src="https://ransei.neocities.org/assets/img/embeded.gif"></a>
+                    <a href="https://tanukicomputing.neocities.org/" target="_blank" style="cursor: url('https://tanukicomputing.neocities.org/images/cde_mouse.png'), default;"><img src="https://tanukicomputing.neocities.org/buttons/Tanuki-Computing2.0.gif" style="width:88px;height:31px;" loading="lazy" alt="a beige square resembeling a CDE window. “Tanuki-” is written between the window buttons, and “Computing” in the middle of the image. There’s also a pixel art drawing of Tom Nook, and the word Neocitites."></a>                </div>
                 </div>
             </div>
         </div>

pages/games.html

@@ -10,39 +10,45 @@
 </head>
 <body>
     <div id="mainView">
-        <h1>My Games</h1>
+        <h1 id="intotitle">My Games</h1>
         <div class="myGamesList">
+            <h2 class="sectionHeader">Personal Project Games</h2>
             <div class="myGame">
-                <h3>%TITLE%</h3>
-                <img src="/media/placeholder.png" alt="Placeholder">
-                <p>lorem20</p>
+                <h3 class="title"></h3>
+                <h4 class="status"></h4>
+                <h4 class="start"></h4>
+                <img src="" alt="" srcset="">
+                <p></p>
+            </div>
+            <h2 class="sectionHeader">Game Jam Games</h2>
+            <div class="myGame">
+                <h3><a href="https://techrunner.itch.io/space-chasers">Space Chasers</a></h3>
+                <h4 class="status">Completed and Submitted</h4>
+                <img src="https://img.itch.zone/aW1nLzE5MzU4MDkucG5n/315x250%23c/VLmmgi.png" alt="A background of stars with the title Space Chasers: How long can you survive?">
+                <p>This game was made for the GameShell Game Jam and is made using Love2D and made during my free time as a teachers assistant in physics class</p>
+            </div>
+            <div class="myGame">
+                <h3><a href="https://techrunner.itch.io/404-bounty-not-found">404: Bounty Not Found</a></h3>
+                <h4 class="status">Unfinished</h4>
+                <img src="https://img.itch.zone/aW1nLzQ0Mzk3MTkuanBn/347x500/f4xdVF.jpg" alt="" srcset="">
+                <p>This games was made with some collaboration from PunkGalFury and Finnegan</p>  
             </div>
         </div>
         <h1>Game Reviews</h1>
         <div class="gameReviews">
+            <!--
             <div class="gameReview">
                 <h3>$%TITLE%</h3>
+                <h4 class="rating"></h4>
+                <h4 class="status"></h4>
                 <img src="/media/placeholder.png" alt="">
                 <p></p>
             </div>
+            -->
             <div class="gameReview">
-                <h3>%TITLE%</h3>
-                <img src="/media/placeholder.png" alt="">
-                <p></p>
-            </div>
-            <div class="gameReview">
-                <h3>%TITLE%</h3>
-                <img src="/media/placeholder.png
-                " alt="">
-                <p></p>
-            </div>
-            <div class="gameReview">
-                <h3>%TITLE%</h3>
-                <img src="/media/placeholder.png" alt="">
-                <p></p>
-            </div>
-            <div class="gameReview">
-                <h3>%TITLE%</h3>
+                <h3 class="title"></h3>
+                <h4 class="rating"></h4>
+                <h4 class="status"></h4>
                 <img src="/media/placeholder.png" alt="">
                 <p></p>
             </div>

pages/luna.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/stylesheets/base.css">
+    <title>Luna's poetry</title>
+</head>
+<body>
+    <div id="mainView">
+        <h1 id="intotitle">Welcome to Luna's Poetry collection</h1>
+        <ul id="poemList">
+            <li class="poem">
+                <div class="poem">
+                    <h3 class="poemTitle"></h3>
+                </div>
+            </li>
+        </ul>
+    </div>
+</body>
+</html>

stylesheets/buttons.css

@@ -40,7 +40,8 @@ body{
 }
 
 .buttonSection textarea{
-    width: 30%;
+    width: 25vw;
+    height: 7vh;
 }
 
 .buttonRow{