From 59260c4f7a265f1ad4db9e0ee5e469132cdef094 Mon Sep 17 00:00:00 2001 From: Matt Kosarek Date: Wed, 18 Feb 2026 17:03:06 -0500 Subject: minor: publishing from public with a Makefile instead of having everything at the toplevel --- public/index.js | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 public/index.js (limited to 'public/index.js') diff --git a/public/index.js b/public/index.js new file mode 100644 index 0000000..dc25d20 --- /dev/null +++ b/public/index.js @@ -0,0 +1,38 @@ + +function main() { + var themeSelector = document.getElementById('theme_selector'); + themeSelector.classList.remove('hidden'); + + imageCallbacks(); +} + +function imageCallbacks() { + const imageContainer = document.getElementById('image_container'); + + function onImageClicked() { + var background = document.createElement('div'); // + background.classList.add('image_item_expanded_container'); + var clone = this.cloneNode(true); + clone.classList.add('expanded'); + background.append(clone); + clone.addEventListener('click', function(event) { event.stopPropagation(); }); + background.addEventListener('click', function() { background.remove(); }); + window.addEventListener('keydown', function(e) { if (e.key === 'Escape') background.remove(); }); + document.body.parentElement.prepend(background); + } + + function setImageClicked() { + for (var i = 0; i < numImages; i++) { + var image = imageList[i]; + image.addEventListener('click', onImageClicked); + } + } + + // Set up on image clicked + var imageList = imageContainer.children, + numImages = imageContainer.children.length; + + setImageClicked(); +} + +main(); -- cgit v1.2.1