diff options
| author | AlmightyMiau <almightymeow612@gmail.com> | 2025-05-31 00:37:33 -0700 |
|---|---|---|
| committer | AlmightyMiau <almightymeow612@gmail.com> | 2025-05-31 00:37:33 -0700 |
| commit | 9507fa48215779e00342536419400a912a4dbeb2 (patch) | |
| tree | cedb45d0e6a0149927abf183f1c586ace2585ba0 /index.html | |
| parent | 235a215dc42d395535de11b2cc3dd76543cef088 (diff) | |
5/30 Background persists across site, journal
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 24 |
1 files changed, 23 insertions, 1 deletions
@@ -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; @@ -48,9 +49,30 @@ </div> <div class="title"> 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"> |