From f0f907e1784d0874c2a414ab94a679118735eb86 Mon Sep 17 00:00:00 2001
From: etherware-novice <73374039+etherware-novice@users.noreply.github.com>
Date: Sun, 26 Jan 2025 19:10:04 -0600
Subject: [PATCH] preview window for gallery

---
 _data/gallery.csv           |  2 +-
 personal/gallery/index.html | 31 ++++++++++++++++++++++++++++++-
 personal/journal.html       |  8 ++++++++
 3 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/_data/gallery.csv b/_data/gallery.csv
index ef3f59c..6bc0017 100644
--- a/_data/gallery.csv
+++ b/_data/gallery.csv
@@ -56,7 +56,7 @@ bucketofsappy.png,1731328790
 bugqueen.png,1731257603
 pombombed.png,1731086091
 sappycorsola.png,1730989078
-gooberswordy.png,1730946562
+gooberswordy.gif,1730946562
 sappyswalot.png,1730894205
 puneysapuni.png,1730854322
 puneypuni.png,1730853786
diff --git a/personal/gallery/index.html b/personal/gallery/index.html
index 92b054c..c3a26c8 100644
--- a/personal/gallery/index.html
+++ b/personal/gallery/index.html
@@ -31,6 +31,22 @@ layout: null
 				overflow: hidden;
 			}
 
+			#preview {
+				position: fixed; right: 10vw; top: 10vh;
+				width: 20vmax; height: 20vmax;
+
+				image-rendering: pixelated;
+				border-image-slice: 18 19 18 19; border-image-repeat: space;
+				border-image-width: 20px; border-style: solid;
+				border-image-source: url("/assets/images/decor/ascii_border.png");
+				padding: 2%;
+			}
+
+			#preview img {
+				max-width: 100%; max-height: 100%;
+				width: 100%; height: 100%;
+			}
+
 			@font-face {
 				font-family: "DOS";
 				font-style: normal;
@@ -38,6 +54,7 @@ layout: null
 				src: url("/assets/font/oldschool_pc/ttf - Px (pixel outline)/PxPlus_IBM_BIOS-2y.ttf") format('truetype'); 
 				font-size: 0.5em;
 			}
+
 		</style>
 
 	</head>
@@ -53,7 +70,7 @@ layout: null
 			});
 		</script>
 		-->
-		<div id="typebootel">
+		<div id="typebootel" onmousemove="prevUpdate()" onmouseout="prevClear()">
 			<a href="/">back</a>
 			<p>$ ls -l krita_dump/</p>
 			{% for pic in site.data.gallery %}
@@ -62,6 +79,18 @@ layout: null
 			</a>
 			{% endfor %}
 		</div>
+		<div id="preview"><img src=""></img></div>
 
+		<script>
+			function prevUpdate() {
+				let img = document.querySelector("#typebootel a:hover");
+				if (!img) {return;}
+				document.querySelector("#preview img").src = img.href;
+			}
+
+			function prevClear() {
+				document.querySelector("#preview img").src = null;
+			}
+		</script>
 	</body>
 </html>
diff --git a/personal/journal.html b/personal/journal.html
index 60de768..02bda16 100644
--- a/personal/journal.html
+++ b/personal/journal.html
@@ -17,6 +17,14 @@ permalink: /journal
 <h2>basically the "hidden" vent section ive seen the webtracker nobody looks at this page</h2>
 
 
+<article>
+	<h2>2025-01-25</h2>
+	<p>(19:17)<br>
+	well i might have to use my vintage hp27o calculator for class<br>
+	pretty cool
+	</p>
+</article>
+
 <article>
 	<h2>2025-01-24</h2>
 	<p>(22:34)<br>