image modals for posts

js/modal.js

@@ -0,0 +1,22 @@
+/* don't even bother on mobile */
+if (window.innerWidth > 650) {
+	const dialog = document.querySelector("dialog");
+	const closeButton = document.querySelector(".close-dialog");
+	const hero = document.querySelector(".hero");
+
+	hero.addEventListener("click", (e) => dialog.showModal());
+	hero.addEventListener("keydown", (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			dialog.showModal();
+		}
+	});
+
+	closeButton.addEventListener("click", (e) => dialog.close());
+	closeButton.addEventListener("keydown", (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			dialog.close();
+		}
+	});
+}