From c20abcb4b3babd746a227f187fdfbc3b5f7af161 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Sun, 30 Nov 2025 12:16:30 -0500
Subject: [PATCH] Mark resource index selections and enable reader

---
 kjvstudy_org/templates/resource_index.html | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/kjvstudy_org/templates/resource_index.html b/kjvstudy_org/templates/resource_index.html
index ee7ff65..f2ad459 100644
--- a/kjvstudy_org/templates/resource_index.html
+++ b/kjvstudy_org/templates/resource_index.html
@@ -202,6 +202,9 @@
 {% endblock %}
 
 {% block content %}
+<script>
+document.body.dataset.resourceReader = 'true';
+</script>
 <h1>{{ page_title }}</h1>
 <p class="subtitle">{{ page_subtitle }}</p>
 
@@ -322,6 +325,7 @@ document.addEventListener('DOMContentLoaded', function() {
         if (selectedIndex >= 0 && selectedIndex < contentElements.length) {
             contentElements[selectedIndex].style.outline = '';
             contentElements[selectedIndex].style.outlineOffset = '';
+            contentElements[selectedIndex].classList.remove('selected');
         }
         if (tocBlockSelected) {
             toc.style.outline = '';
@@ -360,6 +364,7 @@ document.addEventListener('DOMContentLoaded', function() {
         selectedIndex = Math.max(0, Math.min(index, contentElements.length - 1));
         contentElements[selectedIndex].style.outline = '2px solid #4a7c59';
         contentElements[selectedIndex].style.outlineOffset = '8px';
+        contentElements[selectedIndex].classList.add('selected');
         contentElements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' });
     }