From ac38d99dec5e98caffeb878070f40c2a953698b7 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Sat, 29 Nov 2025 23:50:08 -0500
Subject: [PATCH] Embed verse text inline in cross-references section
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Display verse text directly below each reference instead of tooltip
- Remove hover tooltip system for cross-references
- Cleaner, more readable presentation

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 kjvstudy_org/templates/verse.html | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/kjvstudy_org/templates/verse.html b/kjvstudy_org/templates/verse.html
index eb87926..09fbe33 100644
--- a/kjvstudy_org/templates/verse.html
+++ b/kjvstudy_org/templates/verse.html
@@ -780,11 +780,10 @@
 {% if cross_references %}
 <div class="cross-references-section">
     <h2>Cross References</h2>
-    <p>Related verses that illuminate this passage (hover to preview):</p>
-    <ul style="max-width: 60%; list-style: none; padding: 0;">
+    <p>Related verses that illuminate this passage:</p>
+    <ul style="max-width: 65%; list-style: none; padding: 0;">
         {% for ref in cross_references %}
-        <li style="margin: 1rem 0; padding-left: 1.5rem; border-left: 2px solid var(--border-color-dark);">
-            <sup style="font-size: 0.75rem; vertical-align: super; margin-right: 0.25rem;">{{ loop.index }}</sup>
+        <li style="margin: 1.25rem 0; padding-left: 1.5rem; border-left: 2px solid var(--border-color-dark);">
             {% set ref_parts = ref.ref.rsplit(' ', 1) %}
             {% if ref_parts|length == 2 %}
                 {% set book_name = ref_parts[0] %}
@@ -792,15 +791,7 @@
                 {% if ':' in chapter_verse %}
                     {% set ch = chapter_verse.split(':')[0] %}
                     {% set v = chapter_verse.split(':')[1] %}
-                    <strong><a href="/book/{{ book_name }}/chapter/{{ ch }}/verse/{{ v }}" class="cross-ref-link">
-                        {{ ref.ref }}
-                        {% if ref.text %}
-                        <span class="cross-ref-tooltip">
-                            <strong>{{ ref.ref }}</strong>
-                            <div class="tooltip-verse-text">{{ ref.text }}</div>
-                        </span>
-                        {% endif %}
-                    </a></strong>
+                    <strong><a href="/book/{{ book_name }}/chapter/{{ ch }}/verse/{{ v }}">{{ ref.ref }}</a></strong>
                 {% else %}
                     <strong>{{ ref.ref }}</strong>
                 {% endif %}
@@ -808,6 +799,9 @@
                 <strong>{{ ref.ref }}</strong>
             {% endif %}
             {% if ref.note %} — <em style="color: var(--text-secondary);">{{ ref.note }}</em>{% endif %}
+            {% if ref.text %}
+            <p style="margin: 0.5rem 0 0 0; font-style: italic; color: var(--text-secondary); line-height: 1.6;">{{ ref.text }}</p>
+            {% endif %}
         </li>
         {% endfor %}
     </ul>