From: Max Value <greenwoodw50@gmail.com>
Date: Thu, 19 Feb 2026 13:52:37 +0000 (+0000)
Subject: Reponsive to mobile
X-Git-Url: https://git.ozva.co.uk/?a=commitdiff_plain;h=HEAD;p=threshold

Reponsive to mobile
---

diff --git a/index.html b/index.html
index 7fea3d8..b5b5d2e 100644
--- a/index.html
+++ b/index.html
@@ -32,9 +32,7 @@
 				- Finish copy
 				- Spell-check
 				- Possibly the audio version?
-				- Accessability
-					- alts for all images
-				- Mobile
+				- alts for all images
 				- make clicking anywhere on the gray minimise the image
 			!-->
 
diff --git a/slideshow.js b/slideshow.js
index 61a8356..9c46664 100644
--- a/slideshow.js
+++ b/slideshow.js
@@ -103,6 +103,17 @@ function setup () {
 			} catch {}
 		});
 
+		dim.addEventListener("click", (e) => {
+			dim.style.opacity = 0;
+			dim.style.pointerEvents = "none";
+			close.style.pointerEvents = "none";
+			try {
+				let copy = document.getElementById("enlargeCopy");
+				copy.style.opacity = 0;
+				setTimeout(function () { copy.remove() }, 500);
+			} catch {}
+		});
+
 		// sets up the image enlarge
 		const images = document.getElementsByTagName("img");
 		for (image of images) {
@@ -123,6 +134,7 @@ function setup () {
 				copy.style.left = `${rect.left}px`;
 				copy.style.width = `${rect.width}px`;
 				copy.style.height = `${rect.height}px`;
+				copy.style.pointerEvents = "none";
 
 				copy.style.opacity = 1;
 				copy.style.transition = `
diff --git a/style.css b/style.css
index a0ad53c..5978b1a 100644
--- a/style.css
+++ b/style.css
@@ -148,4 +148,26 @@ img::after {
 }
 #dim span:hover { color: lightgray; }
 
+/* mobile view */
+@media screen and (orientation: portrait) {
+	main, footer {
+		width: 90%;
+		margin: auto;
+	}
+	.mediaside > * {
+		display: block !important;
+		width: 100% !important;
+		margin: 50px 0 50px 0 !important;
+		padding: 0 !important;
+	}
+	main p.left {
+		width: 100% !important;
+	}
+	main p.right {
+		width: 100% !important;
+	}
+	:root { font-size: 1.8em; }
+	p { text-align: left !important; }
+}
+