From aee39fae9285d083a3b159e68ffa8f11dc5cda16 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Sun, 23 Nov 2025 22:45:05 -0500
Subject: [PATCH] Add verse linking to biblical prophets page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add JavaScript to automatically convert verse references in text to clickable
links on biblical-prophets page. This enables tooltips to work when hovering
over verse references in intro text and prophet descriptions.

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

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

diff --git a/kjvstudy_org/templates/biblical_prophets.html b/kjvstudy_org/templates/biblical_prophets.html
index 64f7c52..adee3a7 100644
--- a/kjvstudy_org/templates/biblical_prophets.html
+++ b/kjvstudy_org/templates/biblical_prophets.html
@@ -207,6 +207,92 @@
 
 <script>
 document.addEventListener('DOMContentLoaded', function() {
+    // Function to link verse references in text
+    function linkVerseReferences(element) {
+        if (!element) return;
+
+        // Get all text nodes
+        const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT, null, false);
+        const textNodes = [];
+        let node;
+        while (node = walker.nextNode()) {
+            textNodes.push(node);
+        }
+
+        textNodes.forEach(function(textNode) {
+            let text = textNode.textContent;
+            let changed = false;
+
+            // First, handle comma-separated verse lists like "Psalms 7:17, 9:2, 18:13"
+            // Pattern: Book chapter:verse, chapter:verse, chapter:verse...
+            text = text.replace(/\b(\d?\s?[A-Z][a-z]+(?:\s+[A-Z][a-z]+)?)\s+((?:\d+:\d+(?:-\d+)?(?:\s*,\s*)?)+)/g, function(match, book, verseList) {
+                book = book.trim();
+
+                // Check if this is actually a comma-separated list
+                if (!verseList.includes(',')) {
+                    // Single verse, will be handled by the next regex
+                    return match;
+                }
+
+                changed = true;
+
+                // Split by comma and process each verse reference
+                var verses = verseList.split(/\s*,\s*/);
+                var links = verses.map(function(verseRef) {
+                    verseRef = verseRef.trim();
+                    var parts = verseRef.match(/^(\d+):(\d+)(?:-(\d+))?$/);
+                    if (parts) {
+                        var chapter = parts[1];
+                        var verseStart = parts[2];
+                        var verseEnd = parts[3];
+
+                        if (verseEnd) {
+                            return '<a href="/book/' + book + '/chapter/' + chapter + '#verse-' + verseStart + '-' + verseEnd + '">' + book + ' ' + chapter + ':' + verseStart + '-' + verseEnd + '</a>';
+                        } else {
+                            return '<a href="/book/' + book + '/chapter/' + chapter + '/verse/' + verseStart + '">' + book + ' ' + chapter + ':' + verseStart + '</a>';
+                        }
+                    }
+                    return verseRef;
+                });
+
+                return links.join(', ');
+            });
+
+            // Then handle individual verse references like "John 3:16" or "Romans 8:28-29"
+            // This regex handles book names with optional numbers and spaces
+            text = text.replace(/\b(\d?\s?[A-Z][a-z]+(?:\s+[A-Z][a-z]+)?)\s+(\d+):(\d+)(?:-(\d+))?\b/g, function(match, book, chapter, verseStart, verseEnd) {
+                changed = true;
+                book = book.trim();
+                if (verseEnd) {
+                    return '<a href="/book/' + book + '/chapter/' + chapter + '#verse-' + verseStart + '-' + verseEnd + '">' + match + '</a>';
+                } else {
+                    return '<a href="/book/' + book + '/chapter/' + chapter + '/verse/' + verseStart + '">' + match + '</a>';
+                }
+            });
+
+            if (changed) {
+                const span = document.createElement('span');
+                span.innerHTML = text;
+                textNode.parentNode.replaceChild(span, textNode);
+                // Replace the span's children with its contents
+                while (span.firstChild) {
+                    span.parentNode.insertBefore(span.firstChild, span);
+                }
+                span.parentNode.removeChild(span);
+            }
+        });
+    }
+
+    // Link verse references in intro-text paragraphs
+    document.querySelectorAll('.intro-text').forEach(function(paragraph) {
+        linkVerseReferences(paragraph);
+    });
+
+    // Link verse references in prophet descriptions
+    document.querySelectorAll('.prophet-description').forEach(function(description) {
+        linkVerseReferences(description);
+    });
+
     // Generate TOC from h2 and h3 headings
     const tocList = document.getElementById('toc-list');
     const headings = document.querySelectorAll('section h2, section h3, section article h3');