From 9507fa48215779e00342536419400a912a4dbeb2 Mon Sep 17 00:00:00 2001
From: AlmightyMiau <almightymeow612@gmail.com>
Date: Sat, 31 May 2025 00:37:33 -0700
Subject: 5/30 Background persists across site, journal

---
 index.html | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 19e56ef..548195d 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,7 @@
     <link href="styles.css" rel="stylesheet">
     <title>Miau :3</title>
     <link rel="icon" type="image/x-icon" href="miau.jpg">
+    <script src="rememberBackground.js"></script>
     <script>
         function hidePages() {
             let status = document.getElementById("pages").style.display;
@@ -47,10 +48,31 @@
                     </div>
                 </div>
                 <div class="title">&nbsp; Website Journal</div>
+                <div class="content">
+                    <div class="date">5/30/2025</div>
+                    <p>
+                        I showed off this site to a friend recently, and she said she was disappointed the background 
+                        from <a href="silly.html">Silly</a> didn't stay when she changed pages, so I used some of what 
+                        I learned from my computer science projects this semester, along with looking at how 
+                        <a href="https://goblin-heart.net/" target="_blank">this person</a> did their themes, to make 
+                        the images load on other pages. 
+                    </p>
+                    <p>
+                        How it works is, on <a href="silly.html">Silly</a>, when you click an available image, it 
+                        stores the file name in local storage as "background". Then, whenever a page is loaded, it 
+                        changes the background image to whatever that clicked image was. This took far longer than it 
+                        needed to, but I learned a lot about using local storage instead of cookies. ^-^ 
+                    </p>
+                    <p>
+                        Also I bought Ultrakill and I P ranked the prelude again, as well as layer 1. :3
+                    </p>
+                		<img src="ultrakill/ultrakill0P.webp" style="width:48%">
+                		<img src="ultrakill/ultrakill1P.webp" style="width:48%">
+                </div>
                 <div class="content">
                 	<div class="date">5/22/2025</div>
                 	<p>
-                		<img src="ultrakillP.webp" style="width:100%">
+                		<img src="ultrakill/ultrakillP.webp" style="width:100%">
                 		AAAAAAAA look! :3333
                 </div>
                 <div class="content">
-- 
cgit v1.2.3