Add <img> handling to show full size image on click, similar to image shortcode

Author: rrelledge

assets/css/index.css

@@ -579,6 +579,11 @@ html {
   scrollbar-gutter: stable;
 }
 
+/* Auto-clickable for standalone images */
+img:not(a img):not(.image-card-img):not([src*="#no-click"]) {
+  cursor: pointer;
+}
+
 /* Chroma syntax highlighting */
 
 /* Background */

static/js/index.js

@@ -184,4 +184,17 @@ const mobileMenu = (() => {
   document.addEventListener('click', clickHandler, false)
   document.addEventListener('keydown', keyHandler, false)
 
-})()
+})()
+
+// Simple click-to-open for standalone images
+document.addEventListener('click', function(e) {
+  // Check if clicked element is a standalone img (not inside an anchor, not image-card, not no-click)
+  if (e.target.tagName === 'IMG' &&
+      !e.target.closest('a') &&
+      !e.target.classList.contains('image-card-img') &&
+      !e.target.src.includes('#no-click')) {
+
+    // Open image in same tab, just like clicking a regular link
+    window.location.href = e.target.src
+  }
+})