Commit Graph

61 Commits

Author SHA1 Message Date
kennethreitz d1fc66291a Make cross references collapsed by default on verse pages
User preference is still saved in localStorage - if expanded, stays expanded on subsequent visits.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-03 12:40:02 -05:00
kennethreitz a3faf65ab4 Add [ and ] navigation to verse pages
- [ goes to previous verse
- ] goes to next verse
- Update accessibility page to document verse page shortcuts

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-03 01:27:12 -05:00
kennethreitz 3336863a4d Improve keyboard navigation consistency across site
- Add KJVNav.initGridNav for standardized 2D grid navigation
- Migrate books.html, topics.html, resources.html to use initGridNav
- Add sidebarActive check to all templates with custom keyboard handlers
- Add [ and ] shortcuts for prev/next chapter on chapter pages
- Add [ and ] shortcuts for prev/next book on book pages
- Update accessibility page with comprehensive keyboard shortcut docs
- Add honest note about keyboard navigation complexity
- Fix sidebar nav conflicting with main content selection

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-03 01:26:09 -05:00
kennethreitz f0a4b34bfa Redesign homepage and add section IDs across site
Homepage improvements:
- Cleaner title section with divider and prominent daily verse
- Simplified search bar design
- Button-style quick links with primary action
- 2-column resource grid with breathing room
- Original Language Study section with Hebrew (Gen 1:1) and Greek (John 1:1) samples
- Theological Commentary section highlighting 20,000+ verses with commentary
- Interactive Resources section (Genealogies, Timeline, Maps, Stories)
- Full theological studies grid
- Streamlined footer

Section IDs for anchor links:
- verse.html: #interlinear, #cross-references, #commentary, #analysis, #historical, #theological, #questions
- books.html: #old-testament, #new-testament
- chapter.html: #related-resources
- resources.html: dynamic category IDs
- topics.html: #major-topics
- study_guides.html: dynamic category IDs
- reading_plans.html: #your-reading-plans, #available-reading-plans
- stories_index.html: #categories
- biblical_timeline.html: #timeline-introduction, #conclusion
- resource_detail.html: #description, #key-verses

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-02 23:50:15 -05:00
kennethreitz d24903a8dc Add specific resource pages to related content and fix reading plan API
- Expand related resources with specific chapter mappings (Beatitudes, Armor of God,
  I Am Statements, Trinity, Eschatology, Soteriology, etc.)
- Click on verse text navigates to verse page (mouse users), green selection is
  keyboard-only
- Fix reading plan API import error (get_reading_text from reading_plans route)

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-02 18:24:46 -05:00
kennethreitz 8ca561d591 Add Related Resources section to chapter pages with stories and topics
- Add related_content to chapter page route with topics, people, resources, and stories
- Add Bible stories matching based on verse references in story data
- Improve topic matching to use actual verse references instead of hardcoded book list
- Display Related Resources section at bottom of chapter and verse pages

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-02 18:08:47 -05:00
kennethreitz 443533b7d2 Add collapsible sections to verse page with localStorage persistence
- Original Language Analysis: collapsible, expanded by default, remembers preference
- Cross References: collapsible, expanded by default, remembers preference
- Both sections use toggle buttons with arrow icons and keyboard focus support
- Preferences stored in localStorage (interlinear-expanded, crossrefs-expanded)

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-02 15:22:59 -05:00
kennethreitz 338b1e7a43 Make links inside red letter text inherit red color
Links inside words-of-christ spans now stay red with underline to indicate clickability, in both light and dark modes.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-02 13:09:43 -05:00
kennethreitz 7606fa8c3a Remove smooth scrolling animation from all keyboard navigation
Changed scrollIntoView behavior from 'smooth' to 'auto' across all
templates for instant, non-animated navigation between selections.

Affected ~75 instances across 50+ template files.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-02 00:02:24 -05:00
kennethreitz 28f37f68c3 Fix dark mode conflict when OS is dark but site theme is light
- Wrap prefers-color-scheme dark styles with html:not([data-theme="light"])
- Fixes interlinear text being white on yellowish background
- Updated verse.html, chapter_interlinear.html, tufte.css, base.html,
  and family-tree-expansions.css

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-01 23:51:57 -05:00
kennethreitz 2d7e9843b0 updates to data storage 2025-11-30 21:26:59 -05:00
kennethreitz 937d98517b Refactor HTML templates to wrap descriptions in paragraph tags and enhance selection handling in JavaScript for improved accessibility and styling. 2025-11-30 12:34:38 -05:00
kennethreitz ee17b5dbdf Fix interlinear tooltip toggles and align theme colors 2025-11-30 10:53:21 -05:00
kennethreitz 1f892978f8 Enhance theming support by updating color variables and ensuring consistent styling across sidenotes and marginnotes 2025-11-30 10:38:29 -05:00
kennethreitz 0d9cf71a87 Add viewport-aware keyboard navigation site-wide
Added global KJVNav helpers to base.html and updated 32 templates
to start keyboard selection from the viewport when the current
selection is off-screen. This provides a more intuitive navigation
experience - pressing up/down after scrolling starts from what's
visible rather than jumping to an off-screen location.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-30 00:39:20 -05:00
kennethreitz a401de6b3f Improve keyboard navigation with contextual back and more selectable items
- Left arrow uses history.back() on detail pages (verse, story, story_kids)
  so navigation returns to wherever user came from
- Homepage now includes daily verse, search section, nav links, and study
  guides in keyboard-selectable items
- Enter on search section focuses the input field

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-30 00:11:27 -05:00
kennethreitz ac38d99dec Embed verse text inline in cross-references section
- 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>
2025-11-29 23:50:08 -05:00
kennethreitz ecd6c6faba Move PDF button to Share This Verse section
- Removed standalone PDF button from top of page
- Added PDF option to share buttons (Copy, Tweet, Share, PDF)
- Cleaned up unused CSS

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 23:43:31 -05:00
kennethreitz 8634e8ad7f Add print CSS to all resource pages and PDF for verse view
Print CSS added to:
- biblical_angels.html
- biblical_covenants.html
- biblical_festivals.html
- biblical_prophets.html
- fruits_of_spirit.html
- names_of_god.html
- parables.html
- resource_index.html
- tetragrammaton.html
- twelve_apostles.html
- women_of_the_bible.html
- verse.html

Verse PDF feature:
- New verse_pdf.html template with commentary, cross-refs, interlinear
- New /book/{book}/chapter/{chapter}/verse/{verse_num}/pdf route
- Download PDF button on verse pages

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 23:40:16 -05:00
kennethreitz f852ad602f Improve keyboard navigation consistency
Verse page:
- Now paragraph-based instead of section-based
- Up/down moves through paragraphs, cross-refs, interlinear
- Enter on interlinear enters word mode (like interlinear page)
- Left/right for word navigation in word mode
- Enter toggles word expansion
- Escape exits modes

Chapter page:
- Added h/l vim keys for prev/next chapter
- Added Escape to clear verse selection
- Left now falls back to book page if no prev chapter

Added Escape to clear selection on:
- topic_detail.html
- parable_detail.html
- study_guide_detail.html (also added Enter to follow links)

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 23:25:34 -05:00
kennethreitz 6f2930e7aa Update verse page keyboard navigation
- Up/down now navigates between reading sections (verse text,
  interlinear, cross references, analysis, etc.)
- Right arrow goes to next verse
- Left arrow goes back to chapter view

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 19:03:58 -05:00
kennethreitz dd0a9d0f9b Add keyboard navigation for verses on chapter and verse pages
Chapter view:
- ↑/↓ or j/k to select verses with visual highlight
- Enter to navigate to selected verse detail page
- Click on verse to select it
- Updated nav help text with new shortcuts

Verse detail page:
- ← to go back to chapter view (scrolls to current verse)
- ↑/↓ or j/k to navigate between verses
- Maintains existing ←/→ for chapter navigation

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 18:28:56 -05:00
kennethreitz 9088226ee3 Add Strong's Concordance lookup system
- Add Hebrew (8674 entries) and Greek (5523 entries) dictionaries from openscriptures/strongs
- Create strongs.py module for lookups and search
- Add /strongs web page for search and browsing
- Add /strongs/{number} page for individual entries
- Add /api/strongs and /api/strongs/{number} API endpoints
- Update interlinear templates to link to our Strong's pages instead of BibleHub

Data source: https://github.com/openscriptures/strongs (CC-BY-SA)

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 16:49:47 -05:00
kennethreitz 796152151a Improve interlinear readability for native Hebrew/Greek readers
- Increase font sizes for Hebrew (2.2rem) and Greek (2rem) text
- Add proper RTL direction and font families for Hebrew
- Tighten word spacing for more natural reading flow
- Remove hover tooltips, keep click-to-expand details
- Increase English verse text size in chapter interlinear view
- Add is_old_testament to verse template context

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 16:25:46 -05:00
kennethreitz 59952e37bb Add dark mode support for interlinear section
- Hebrew/Greek letters now white in dark mode
- Dark backgrounds for hover and expanded states
- Dark popup card styling

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 16:07:06 -05:00
kennethreitz 8967bfedfc Increase tooltip font size
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 16:06:39 -05:00
kennethreitz 727dac45a4 Fix z-index for expanded word popup
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 16:05:46 -05:00
kennethreitz 9b03290405 Remove hint text from interlinear heading
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 16:03:19 -05:00
kennethreitz 834b844520 Always show interlinear section (no collapse)
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 16:02:13 -05:00
kennethreitz 362ee6d243 Add expand/collapse arrow to interlinear section
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 15:40:13 -05:00
kennethreitz d29094cfa9 Remove dead interlinear link from verse page
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 15:38:30 -05:00
kennethreitz e86836acde Polish interlinear UI with hover tooltips and animations
- Add hover tooltip showing brief definition preview
- Smooth lift animation on word hover
- Green border highlight on expanded word
- Improved detail panel with header section
- Show word position as "X of Y"
- Better typography and spacing
- Hide tooltip on mobile, use bottom sheet instead

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 15:38:13 -05:00
kennethreitz e5a764a153 Update verse page interlinear to match new inline flow design
- Replace card grid with inline flow layout
- Click-to-expand word details
- Add link to full interlinear page
- Mobile bottom sheet for word details

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 15:36:31 -05:00
kennethreitz e54cfd7e1c Fix cross-references showing duplicate tooltips
Cross-reference links were showing both their own CSS tooltip and the
JavaScript verse tooltip simultaneously, creating a cluttered experience.

Changes:
- Added .cross-references-section class to cross-references container
- Updated JavaScript to skip all links inside .cross-references-section
- Cross-ref links now only show their own CSS-based tooltip

This ensures cross-references show only one tooltip with the verse
preview, not multiple overlapping tooltips.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-28 19:17:03 -05:00
kennethreitz d384a2b8e9 Make Bible verse text bold and italic in all tooltips
Added font-weight: 600 to give Scripture text more visual weight and
emphasis in both regular verse tooltips and cross-reference tooltips.

The Bible verse text now appears as bold italic, making it stand out
more prominently while maintaining the elegant italic style.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-28 19:05:05 -05:00
kennethreitz c4485423cf Fix red letter color inheritance by using explicit colors
Replace 'color: inherit' with explicit color values to prevent sidenotes and word definitions from inheriting red color. Using #111 for light theme and #ddd for dark theme ensures proper contrast and readability.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-28 15:17:40 -05:00
kennethreitz 6cc7c3f5e0 Add .sidenote-number to red letter color exclusions
Ensure all sidenote number elements are excluded from inheriting red letter color by adding .sidenote-number selector in addition to label.sidenote-number.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-28 15:16:16 -05:00
kennethreitz 9107adbfac Prevent word definitions from inheriting red letter color
Add CSS rules to prevent interlinear word analysis elements (original text, transliteration, Strong's numbers, English, parsing, and definitions) from inheriting red color when nested within red letter text spans.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-28 15:14:39 -05:00
kennethreitz f0b3dc5d27 Fix sidenote markers appearing over verse numbers
Prevent sidenotes from inheriting red color from red letter text by adding CSS rules that reset color inheritance for .sidenote, .marginnote, and .sidenote-number elements nested within .words-of-christ spans.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-28 15:14:00 -05:00
kennethreitz 099dc253e0 Add comprehensive Revelation commentary and red letter edition support
Expanded Revelation commentary from 45 to 335 verses (83% coverage),
providing detailed apocalyptic interpretation, Greek word studies, and
encouragement for persecuted believers. Also added red letter edition
support to highlight words of Christ throughout the Bible.

Revelation commentary additions:
- 290 new verses with comprehensive analysis
- All 22 chapters now have rich commentary coverage
- Apocalyptic imagery and symbolism explained
- First-century persecution context provided
- Multiple interpretive approaches acknowledged
- Christ-centered application for modern believers

Red letter edition features:
- Words of Christ highlighted in red in verse and chapter displays
- Complete database of Jesus' spoken words across all four Gospels
- Dark mode compatible color scheme
- Enhances readability and focus on Christ's teachings

Total verse commentary database now contains 14,827 verses across
all 66 books of the Bible with theological depth, practical application,
and reflection questions.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-28 14:58:19 -05:00
kennethreitz bcce224700 Add comprehensive verse commentary covering all 66 books
Expanded verse commentary database from 2,076 to 14,537 verses with
enhanced theological content. Commentary now covers all 66 books of the
Bible with detailed analysis, historical context, practical application,
and reflection questions.

Key additions:
- Complete coverage: All 66 books now have commentary (was 45 books)
- 12,461 new verses with comprehensive commentary
- Key verses from Gospels, Psalms, Prophets, and Wisdom literature
- All missing books now covered (Acts, Revelation, minor prophets, etc.)

Each verse includes:
- Hebrew/Greek word studies with transliterations
- Historical and cultural context
- Reformed/evangelical theological analysis
- Practical application for modern believers
- 3 thought-provoking reflection questions
- HTML formatting with proper structure

Also fixed commentary display to format numbered lists as proper HTML
ordered lists using the existing format_lists filter.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-28 14:41:31 -05:00
kennethreitz c5e71d652e Add meta description tags to all major page templates
- Add description blocks to verse, chapter, book, and study guide templates
- Include "KJV" in descriptions for better SEO (commonly searched term)
- Verse pages now show verse text in description (155 chars)
- Chapter pages show book/chapter info with first verse excerpt
- Book pages include book introduction excerpt when available
- Homepage and other index pages have descriptive meta tags
- All templates now have proper SEO-friendly meta descriptions

Verified all other resource templates already had descriptions.
All tests passing (268 passed, 1 skipped).

🤖 Generated with Claude Code
https://claude.com/claude-code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-27 22:16:17 -05:00
kennethreitz 23527fe2e8 Fix verse of the day centering on homepage
Move verse of the day inside title-page div to inherit centered styling.
Also change verse page wrapper from div to section.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-24 20:33:08 -05:00
kennethreitz 43a6b0651f Add footnote markers to cross-references
Add sequential superscript numbers to cross-references on verse pages,
making them appear like traditional footnotes. Each cross-reference now
has a numbered marker (1, 2, 3, etc.) for easy reference.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-24 17:01:16 -05:00
kennethreitz 674ef86a4b Polish share buttons to match Tufte aesthetic
Remove bright colored backgrounds from share buttons:
- Removed Twitter blue (#1DA1F2) from Tweet button
- Removed Facebook blue (#4267B2) from Share button
- Simplified "copied" state to subtle border/text color change

All buttons now use elegant default styling with subtle borders
and proper hover states. Icons (📋, 🐦, f) provide visual differentiation.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-23 22:59:44 -05:00
kennethreitz 76448fd4a9 Re-enable Schema.org structured data with proper JSON escaping
Add Article schema markup to verse and study guide pages using tojson filter
for safe JSON generation. Fixes previous template errors on pages like Jude 1:9.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-23 22:24:34 -05:00
kennethreitz fb95a0fed6 Fix 500 error on verse pages
- Fix verse.html to use correct variable name (verse_text instead of verse.text)
- Add safety check for undefined verse_text
- Temporarily disable Schema.org structured data due to JSON escaping issues
- Fix OpenGraph description to use correct template variable

This resolves the 500 Internal Server Error on verse pages like /book/Jude/chapter/1/verse/9

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-23 22:19:54 -05:00
kennethreitz 09c6420ed2 Add comprehensive OpenGraph and Schema.org markup
- Add OpenGraph image tags with proper dimensions (1200x630)
- Upgrade Twitter card to summary_large_image
- Add Schema.org Article markup for verse pages with book references
- Add Schema.org Article markup for study guides with sections
- Enhanced social sharing metadata for better previews

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-23 22:02:14 -05:00
kennethreitz 5cd42b3125 Replace section tags with div tags on verse pages
Remove section tags to reduce whitespace and simplify layout,
consistent with other pages on the site.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-23 14:13:24 -05:00
kennethreitz 96a9c152a6 Make word-by-word analysis collapsible
Use details/summary HTML elements to allow users to expand/collapse
the interlinear word analysis section on verse pages.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-23 14:11:47 -05:00