From 747022cb462c4a211ffe04a80cd4f22ff0edd838 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Tue, 2 Dec 2025 20:36:25 -0500
Subject: [PATCH] Fix scripture links in interactive family tree
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Scripture references in the sidebar now link to the actual
verse pages instead of being disabled with onclick="return false".

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 kjvstudy_org/templates/family_tree_interactive.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/kjvstudy_org/templates/family_tree_interactive.html b/kjvstudy_org/templates/family_tree_interactive.html
index ab63d59..ad7195f 100644
--- a/kjvstudy_org/templates/family_tree_interactive.html
+++ b/kjvstudy_org/templates/family_tree_interactive.html
@@ -2183,7 +2183,16 @@ function showPersonInfo(person) {
     const verseField = document.getElementById('field-verse');
     if (fullPerson && fullPerson.verses && fullPerson.verses.length > 0) {
         const verse = fullPerson.verses[0];
-        const verseHtml = `<a href="#" onclick="return false;">${verse.reference}</a><br><em>"${verse.text.substring(0, 100)}${verse.text.length > 100 ? '...' : ''}"</em>`;
+        // Parse reference to create URL (e.g., "Genesis 5:3" -> "/book/Genesis/chapter/5/verse/3")
+        const refMatch = verse.reference.match(/^(\d?\s*[A-Za-z]+)\s+(\d+):(\d+)/);
+        let verseUrl = '#';
+        if (refMatch) {
+            const book = refMatch[1].trim();
+            const chapter = refMatch[2];
+            const verseNum = refMatch[3];
+            verseUrl = `/book/${encodeURIComponent(book)}/chapter/${chapter}/verse/${verseNum}`;
+        }
+        const verseHtml = `<a href="${verseUrl}">${verse.reference}</a><br><em>"${verse.text.substring(0, 100)}${verse.text.length > 100 ? '...' : ''}"</em>`;
         verseField.innerHTML = `<div class="info-field-label">Scripture</div><div class="info-field-value">${verseHtml}</div>`;
         verseField.style.display = 'block';
     } else {