From 775fd748c49912de4de3630a0133e72119e54bae Mon Sep 17 00:00:00 2001
From: Shawn Anderson <shawn@longtailfinancial.com>
Date: Fri, 10 Oct 2025 18:27:53 -0700
Subject: [PATCH] Make entire demo card clickable for better UX
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Moved onclick handler from .demo-screenshot div to .demo-card div,
allowing users to click anywhere on the card to open the demo instead
of just the top screenshot area.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index e97a054..bd03a4d 100644
--- a/index.html
+++ b/index.html
@@ -2210,8 +2210,8 @@
             const emoji = categoryEmojis[category] || '🖼️';
 
             return `
-                <div class="demo-card" data-category="${category}" data-title="${demo.title.toLowerCase()}" data-type="${demo.type.toLowerCase()}" data-path="${demo.path}">
-                    <div class="demo-screenshot" onclick="window.location.href='${demo.path}'">
+                <div class="demo-card" data-category="${category}" data-title="${demo.title.toLowerCase()}" data-type="${demo.type.toLowerCase()}" data-path="${demo.path}" onclick="window.location.href='${demo.path}'">
+                    <div class="demo-screenshot">
                         <img src="${screenshotPath}"
                              alt="${demo.title} screenshot"
                              onerror="this.style.display='none'; this.nextElementSibling.style.display='block';">