toggle image visibility

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>

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");
+});

style.css

@@ -256,3 +256,7 @@ nav {
 nav > * {
 	pointer-events: all;
 }
+
+img.hidden {
+	display: none;
+}