From 64223c6be155ecfaa387a1197e1234a6b5a33b65 Mon Sep 17 00:00:00 2001
From: "kam (from the studio)" <luzzanafrancesco@gmail.com>
Date: Tue, 9 Nov 2021 20:39:40 +0100
Subject: [PATCH] toggle image visibility

---
 index.html | 1 +
 picture.js | 7 +++++++
 style.css  | 4 ++++
 3 files changed, 12 insertions(+)

diff --git a/index.html b/index.html
index 26c8368..9cbd47f 100644
--- a/index.html
+++ b/index.html
@@ -31,6 +31,7 @@
 		<nav>
 			<button id="show-transcription">Export</button>
 			<button id="show-info">?</button>
+			<button id="show-image">IMG</button>
 		</nav>
 		<aside class="info" id="info-panel">
 			<button class="close">X</button>
diff --git a/picture.js b/picture.js
index 6d1821a..b88c6b1 100644
--- a/picture.js
+++ b/picture.js
@@ -16,3 +16,10 @@ window.addEventListener("load", function () {
 		}
 	});
 });
+
+const imageButton = document.getElementById("show-image");
+
+imageButton.addEventListener("click", (e) => {
+	let img = document.querySelector("img");
+	img.classList.toggle("visible");
+});
diff --git a/style.css b/style.css
index d132800..dc5a256 100644
--- a/style.css
+++ b/style.css
@@ -256,3 +256,7 @@ nav {
 nav > * {
 	pointer-events: all;
 }
+
+img.hidden {
+	display: none;
+}