Files
kjvstudy.org/kjvstudy_org/templates/interlinear.html
T
kennethreitz 910767e729 Fix Browse by Book links to use interlinear URLs
Book links now go to interlinear view (/interlinear/book/.../chapter/1/verse/1)
instead of regular book pages (/book/...).

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-23 13:54:27 -05:00

756 lines
24 KiB
HTML

{% extends "base.html" %}
{% block title %}{% if verse_data %}{{ verse_data.book }} {{ verse_data.chapter }}:{{ verse_data.verse }} - Interlinear Bible{% else %}Interlinear Bible{% endif %} - KJV Study{% endblock %}
{% block description %}{% if verse_data %}Word-by-word Hebrew/Greek interlinear text for {{ verse_data.book }} {{ verse_data.chapter }}:{{ verse_data.verse }} with Strong's numbers and parsing.{% else %}Hebrew and Greek interlinear Bible with word-by-word translations and Strong's numbers.{% endif %}{% endblock %}
{% block head %}
<style>
.interlinear-intro {
max-width: 55%;
margin: 2rem 0;
}
.verse-header {
max-width: 55%;
margin: 2rem 0;
padding: 1.5rem 0;
border-bottom: 2px solid #111;
}
.verse-header h2 {
margin: 0 0 0.5rem 0;
}
.kjv-text {
font-style: italic;
color: #333;
line-height: 1.8;
margin: 1rem 0;
font-size: 1.3rem;
}
.interlinear-container {
max-width: 90%;
margin: 2rem 0;
overflow-x: auto;
}
.interlinear-words {
display: flex;
flex-wrap: wrap;
gap: 2rem;
margin: 2rem 0;
}
.interlinear-word {
display: flex;
flex-direction: column;
align-items: center;
min-width: 120px;
max-width: 180px;
padding: 1rem;
background: #f9f9f9;
border-radius: 4px;
border: 1px solid #e0e0e0;
}
.word-position {
font-size: 0.7rem;
color: #999;
margin-bottom: 0.5rem;
}
.word-original {
font-size: 1.8rem;
font-weight: 600;
margin: 0.5rem 0;
color: #111;
direction: ltr; /* Hebrew will display RTL via Unicode */
}
.word-transliteration {
font-size: 0.9rem;
color: #666;
font-style: italic;
margin: 0.25rem 0;
}
.word-strongs {
font-size: 0.75rem;
color: #0066cc;
font-family: monospace;
margin: 0.25rem 0;
font-weight: 600;
}
.word-strongs a {
color: inherit;
text-decoration: none;
border-bottom: 1px dotted currentColor;
transition: all 0.2s;
}
.word-strongs a:hover {
border-bottom-style: solid;
opacity: 0.8;
}
.word-english {
font-size: 1rem;
color: #111;
font-weight: 600;
margin: 0.5rem 0;
text-align: center;
}
.word-parsing {
font-size: 0.75rem;
color: #666;
margin: 0.25rem 0;
text-align: center;
font-style: italic;
}
.word-definition {
font-size: 0.85rem;
color: #444;
margin: 0.5rem 0;
text-align: center;
line-height: 1.4;
border-top: 1px solid #ddd;
padding-top: 0.5rem;
}
.navigation-links {
max-width: 55%;
margin: 2rem 0;
padding: 1rem 0;
border-top: 1px solid #ccc;
}
.navigation-links a {
margin-right: 1.5rem;
}
.available-verses {
max-width: 55%;
margin: 2rem 0;
}
.verse-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1rem;
margin: 1.5rem 0;
}
.verse-link {
padding: 1rem;
background: #f5f5f5;
border-radius: 4px;
text-decoration: none;
color: #111;
border: 1px solid #e0e0e0;
transition: all 0.2s;
}
.verse-link:hover {
background: #e5e5e5;
border-color: #111;
}
.verse-link-ref {
font-weight: 600;
display: block;
margin-bottom: 0.25rem;
}
.verse-link-preview {
font-size: 0.85rem;
color: #666;
}
.interlinear-help {
max-width: 100%;
margin: 2rem 0;
padding: 0;
border-left: none;
}
.interlinear-help h3 {
margin-top: 0;
}
.interlinear-help ul {
line-height: 1.8;
}
.verse-selector {
max-width: 80%;
margin: 2rem 0;
}
.featured-link,
.book-link {
display: block;
padding: 1rem;
background: #f5f5f5;
border: 1px solid #e0e0e0;
border-radius: 4px;
text-decoration: none;
color: #111;
transition: all 0.2s;
}
.featured-link:hover,
.book-link:hover {
background: #e5e5e5;
border-color: #111;
transform: translateY(-2px);
}
.featured-link strong,
.book-link {
font-weight: 600;
}
.search-box input:focus {
outline: none;
border-color: #111;
}
.search-box button:hover {
background: #333;
}
.breadcrumb {
margin: 2rem 0 3rem 0;
font-size: 0.95rem;
color: var(--text-secondary);
font-style: italic;
border-bottom: 1px solid var(--border-color);
padding-bottom: 1rem;
}
.breadcrumb a {
color: var(--link-color);
text-decoration: none;
transition: color 0.2s;
}
.breadcrumb a:hover {
color: var(--link-hover);
}
.breadcrumb-separator {
margin: 0 0.75rem;
color: var(--text-quaternary);
}
@media (max-width: 760px) {
.interlinear-intro,
.verse-header,
.navigation-links,
.available-verses,
.interlinear-help {
max-width: 100%;
}
.interlinear-container {
max-width: 100%;
}
.interlinear-words {
gap: 1rem;
}
.interlinear-word {
min-width: 100px;
max-width: 140px;
padding: 0.75rem;
}
.word-original {
font-size: 1.5rem;
}
.verse-list {
grid-template-columns: 1fr;
}
}
/* Dark mode support - both system preference and manual toggle */
@media (prefers-color-scheme: dark) {
.verse-header {
border-bottom-color: #444;
}
.kjv-text {
color: #aaa;
}
.interlinear-word {
background: #1a1a1a;
border-color: #333;
}
.word-position {
color: #666;
}
.word-original {
color: #ddd;
}
.word-transliteration {
color: #999;
}
.word-strongs {
color: #6699ff;
}
.word-strongs a {
color: #6699ff;
}
.word-english {
color: #ddd;
}
.word-parsing {
color: #999;
}
.word-definition {
color: #aaa;
border-top-color: #333;
}
.navigation-links {
border-top-color: #444;
}
.verse-link {
background: #1a1a1a;
border-color: #333;
color: #ddd;
}
.verse-link:hover {
background: #222;
border-color: #666;
}
.verse-link-preview {
color: #999;
}
.interlinear-help {
background: #1a1a1a;
border-left-color: #666;
}
.featured-link,
.book-link {
background: #1a1a1a;
border-color: #333;
color: #ddd;
}
.featured-link:hover,
.book-link:hover {
background: #222;
border-color: #666;
}
.breadcrumb {
color: var(--text-secondary);
border-bottom-color: var(--border-color);
}
.breadcrumb a {
color: var(--link-color);
}
.breadcrumb a:hover {
color: var(--link-hover);
}
.breadcrumb-separator {
color: var(--text-quaternary);
}
input {
background: #1a1a1a;
border-color: #444;
color: #ddd;
}
button {
background: #333;
color: #ddd;
}
button:hover {
background: #444;
}
}
/* Dark mode support via data-theme attribute */
[data-theme="dark"] .verse-header {
border-bottom-color: #444;
}
[data-theme="dark"] .kjv-text {
color: #aaa;
}
[data-theme="dark"] .interlinear-word {
background: #1a1a1a;
border-color: #333;
}
[data-theme="dark"] .word-position {
color: #666;
}
[data-theme="dark"] .word-original {
color: #ddd;
}
[data-theme="dark"] .word-transliteration {
color: #999;
}
[data-theme="dark"] .word-strongs {
color: #6699ff;
}
[data-theme="dark"] .word-strongs a {
color: #6699ff;
}
[data-theme="dark"] .word-english {
color: #ddd;
}
[data-theme="dark"] .word-parsing {
color: #999;
}
[data-theme="dark"] .word-definition {
color: #aaa;
border-top-color: #333;
}
[data-theme="dark"] .navigation-links {
border-top-color: #444;
}
[data-theme="dark"] .verse-link {
background: #1a1a1a;
border-color: #333;
color: #ddd;
}
[data-theme="dark"] .verse-link:hover {
background: #222;
border-color: #666;
}
[data-theme="dark"] .verse-link-preview {
color: #999;
}
[data-theme="dark"] .interlinear-help {
background: none;
border-left: none;
}
[data-theme="dark"] .featured-link,
[data-theme="dark"] .book-link {
background: #1a1a1a;
border-color: #333;
color: #ddd;
}
[data-theme="dark"] .featured-link:hover,
[data-theme="dark"] .book-link:hover {
background: #222;
border-color: #666;
}
[data-theme="dark"] .breadcrumb {
color: var(--text-secondary);
border-bottom-color: var(--border-color);
}
[data-theme="dark"] .breadcrumb a {
color: var(--link-color);
}
[data-theme="dark"] .breadcrumb a:hover {
color: var(--link-hover);
}
[data-theme="dark"] .breadcrumb-separator {
color: var(--text-quaternary);
}
[data-theme="dark"] input {
background: #1a1a1a;
border-color: #444;
color: #ddd;
}
[data-theme="dark"] button {
background: #333;
color: #ddd;
}
[data-theme="dark"] button:hover {
background: #444;
}
</style>
{% endblock %}
{% block content %}
<h1>Interlinear Bible</h1>
<p class="subtitle">Hebrew and Greek text with word-by-word English translation</p>
{% if verse_data and interlinear_words %}
<nav class="breadcrumb">
<a href="/">Home</a>
<span class="breadcrumb-separator">&gt;</span>
<a href="/interlinear">Interlinear</a>
<span class="breadcrumb-separator">&gt;</span>
<a href="/book/{{ verse_data.book }}">{{ verse_data.book }}</a>
<span class="breadcrumb-separator">&gt;</span>
<a href="/book/{{ verse_data.book }}/chapter/{{ verse_data.chapter }}">Chapter {{ verse_data.chapter }}</a>
<span class="breadcrumb-separator">&gt;</span>
<span>Verse {{ verse_data.verse }}</span>
</nav>
<section class="verse-header">
<h2>{{ verse_data.book }} {{ verse_data.chapter }}:{{ verse_data.verse }}</h2>
<div class="kjv-text">{{ verse_data.text }}</div>
</section>
<section class="interlinear-container">
<h3>Word-by-Word Analysis</h3>
<div class="interlinear-words">
{% for word in interlinear_words %}
<div class="interlinear-word">
<div class="word-position">#{{ word.position }}</div>
<div class="word-original">{{ word.original }}</div>
<div class="word-transliteration">{{ word.transliteration }}</div>
<div class="word-strongs">
{% if word.strongs %}
{% set lang = word.strongs[0]|lower %}
{% set num = word.strongs[1:] %}
{% if lang == 'g' %}
<a href="https://biblehub.com/greek/{{ num }}.htm" target="_blank" rel="noopener noreferrer">{{ word.strongs }}</a>
{% elif lang == 'h' %}
<a href="https://biblehub.com/hebrew/{{ num }}.htm" target="_blank" rel="noopener noreferrer">{{ word.strongs }}</a>
{% else %}
{{ word.strongs }}
{% endif %}
{% endif %}
</div>
<div class="word-english">{{ word.english }}</div>
<div class="word-parsing">{{ word.parsing }}</div>
<div class="word-definition">{{ word.definition }}</div>
</div>
{% endfor %}
</div>
</section>
<section class="navigation-links">
<a href="/book/{{ verse_data.book }}/chapter/{{ verse_data.chapter }}/verse/{{ verse_data.verse }}">← Back to verse</a>
<a href="/book/{{ verse_data.book }}/chapter/{{ verse_data.chapter }}">View full chapter</a>
</section>
{% elif verse_requested %}
<section class="interlinear-intro">
<p><strong>Interlinear data not yet available</strong> for {{ book }} {{ chapter }}:{{ verse }}.</p>
<p style="margin-top: 1rem; color: #666;">We're continually expanding our interlinear database. Check the verses below for currently available interlinear texts.</p>
</section>
<section class="navigation-links">
<a href="/book/{{ book }}/chapter/{{ chapter }}/verse/{{ verse }}">← Back to verse</a>
<a href="/interlinear">Browse available interlinear verses</a>
</section>
{% endif %}
{% if not verse_data and not verse_requested %}
<section class="verse-selector">
<h2>Explore the Interlinear Bible</h2>
<p>Browse by book or search for a specific passage:</p>
<div class="search-box">
<form action="/interlinear/search" method="get" style="display: flex; gap: 0.5rem; margin: 1.5rem 0;">
<input
type="text"
name="q"
placeholder="Search: John 3:16, Genesis 1:1, Romans 8..."
style="flex: 1; padding: 0.75rem; font-size: 1rem; border: 1px solid #ccc; border-radius: 4px;"
autofocus
/>
<button
type="submit"
style="padding: 0.75rem 1.5rem; font-size: 1rem; background: #111; color: white; border: none; border-radius: 4px; cursor: pointer;">
Search
</button>
</form>
</div>
<h3 style="margin-top: 2rem;">Popular Passages</h3>
<div class="featured-passages" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1rem; margin: 1.5rem 0;">
<a href="/interlinear/book/Genesis/chapter/1/verse/1" class="featured-link">
<strong>Genesis 1:1</strong><br>
<span style="font-size: 0.9rem; color: #666;">In the beginning...</span>
</a>
<a href="/interlinear/book/Psalms/chapter/23/verse/1" class="featured-link">
<strong>Psalm 23:1</strong><br>
<span style="font-size: 0.9rem; color: #666;">The LORD is my shepherd...</span>
</a>
<a href="/interlinear/book/Isaiah/chapter/53/verse/5" class="featured-link">
<strong>Isaiah 53:5</strong><br>
<span style="font-size: 0.9rem; color: #666;">He was wounded...</span>
</a>
<a href="/interlinear/book/Matthew/chapter/5/verse/3" class="featured-link">
<strong>Matthew 5:3</strong><br>
<span style="font-size: 0.9rem; color: #666;">Blessed are the poor...</span>
</a>
<a href="/interlinear/book/John/chapter/1/verse/1" class="featured-link">
<strong>John 1:1</strong><br>
<span style="font-size: 0.9rem; color: #666;">In the beginning was the Word...</span>
</a>
<a href="/interlinear/book/John/chapter/3/verse/16" class="featured-link">
<strong>John 3:16</strong><br>
<span style="font-size: 0.9rem; color: #666;">For God so loved the world...</span>
</a>
<a href="/interlinear/book/Romans/chapter/3/verse/23" class="featured-link">
<strong>Romans 3:23</strong><br>
<span style="font-size: 0.9rem; color: #666;">For all have sinned...</span>
</a>
<a href="/interlinear/book/Romans/chapter/8/verse/28" class="featured-link">
<strong>Romans 8:28</strong><br>
<span style="font-size: 0.9rem; color: #666;">All things work together...</span>
</a>
<a href="/interlinear/book/Philippians/chapter/4/verse/13" class="featured-link">
<strong>Philippians 4:13</strong><br>
<span style="font-size: 0.9rem; color: #666;">I can do all things...</span>
</a>
<a href="/interlinear/book/Revelation/chapter/1/verse/8" class="featured-link">
<strong>Revelation 1:8</strong><br>
<span style="font-size: 0.9rem; color: #666;">I am Alpha and Omega...</span>
</a>
</div>
<h3 style="margin-top: 2rem;">Browse by Book</h3>
<div class="book-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0.75rem; margin: 1.5rem 0;">
<a href="/interlinear/book/Genesis/chapter/1/verse/1" class="book-link">Genesis</a>
<a href="/interlinear/book/Exodus/chapter/1/verse/1" class="book-link">Exodus</a>
<a href="/interlinear/book/Leviticus/chapter/1/verse/1" class="book-link">Leviticus</a>
<a href="/interlinear/book/Numbers/chapter/1/verse/1" class="book-link">Numbers</a>
<a href="/interlinear/book/Deuteronomy/chapter/1/verse/1" class="book-link">Deuteronomy</a>
<a href="/interlinear/book/Joshua/chapter/1/verse/1" class="book-link">Joshua</a>
<a href="/interlinear/book/Judges/chapter/1/verse/1" class="book-link">Judges</a>
<a href="/interlinear/book/Ruth/chapter/1/verse/1" class="book-link">Ruth</a>
<a href="/interlinear/book/1 Samuel/chapter/1/verse/1" class="book-link">1 Samuel</a>
<a href="/interlinear/book/2 Samuel/chapter/1/verse/1" class="book-link">2 Samuel</a>
<a href="/interlinear/book/1 Kings/chapter/1/verse/1" class="book-link">1 Kings</a>
<a href="/interlinear/book/2 Kings/chapter/1/verse/1" class="book-link">2 Kings</a>
<a href="/interlinear/book/1 Chronicles/chapter/1/verse/1" class="book-link">1 Chronicles</a>
<a href="/interlinear/book/2 Chronicles/chapter/1/verse/1" class="book-link">2 Chronicles</a>
<a href="/interlinear/book/Ezra/chapter/1/verse/1" class="book-link">Ezra</a>
<a href="/interlinear/book/Nehemiah/chapter/1/verse/1" class="book-link">Nehemiah</a>
<a href="/interlinear/book/Esther/chapter/1/verse/1" class="book-link">Esther</a>
<a href="/interlinear/book/Job/chapter/1/verse/1" class="book-link">Job</a>
<a href="/interlinear/book/Psalms/chapter/1/verse/1" class="book-link">Psalms</a>
<a href="/interlinear/book/Proverbs/chapter/1/verse/1" class="book-link">Proverbs</a>
<a href="/interlinear/book/Ecclesiastes/chapter/1/verse/1" class="book-link">Ecclesiastes</a>
<a href="/interlinear/book/Song of Solomon/chapter/1/verse/1" class="book-link">Song of Solomon</a>
<a href="/interlinear/book/Isaiah/chapter/1/verse/1" class="book-link">Isaiah</a>
<a href="/interlinear/book/Jeremiah/chapter/1/verse/1" class="book-link">Jeremiah</a>
<a href="/interlinear/book/Lamentations/chapter/1/verse/1" class="book-link">Lamentations</a>
<a href="/interlinear/book/Ezekiel/chapter/1/verse/1" class="book-link">Ezekiel</a>
<a href="/interlinear/book/Daniel/chapter/1/verse/1" class="book-link">Daniel</a>
<a href="/interlinear/book/Hosea/chapter/1/verse/1" class="book-link">Hosea</a>
<a href="/interlinear/book/Joel/chapter/1/verse/1" class="book-link">Joel</a>
<a href="/interlinear/book/Amos/chapter/1/verse/1" class="book-link">Amos</a>
<a href="/interlinear/book/Obadiah/chapter/1/verse/1" class="book-link">Obadiah</a>
<a href="/interlinear/book/Jonah/chapter/1/verse/1" class="book-link">Jonah</a>
<a href="/interlinear/book/Micah/chapter/1/verse/1" class="book-link">Micah</a>
<a href="/interlinear/book/Nahum/chapter/1/verse/1" class="book-link">Nahum</a>
<a href="/interlinear/book/Habakkuk/chapter/1/verse/1" class="book-link">Habakkuk</a>
<a href="/interlinear/book/Zephaniah/chapter/1/verse/1" class="book-link">Zephaniah</a>
<a href="/interlinear/book/Haggai/chapter/1/verse/1" class="book-link">Haggai</a>
<a href="/interlinear/book/Zechariah/chapter/1/verse/1" class="book-link">Zechariah</a>
<a href="/interlinear/book/Malachi/chapter/1/verse/1" class="book-link">Malachi</a>
<a href="/interlinear/book/Matthew/chapter/1/verse/1" class="book-link">Matthew</a>
<a href="/interlinear/book/Mark/chapter/1/verse/1" class="book-link">Mark</a>
<a href="/interlinear/book/Luke/chapter/1/verse/1" class="book-link">Luke</a>
<a href="/interlinear/book/John/chapter/1/verse/1" class="book-link">John</a>
<a href="/interlinear/book/Acts/chapter/1/verse/1" class="book-link">Acts</a>
<a href="/interlinear/book/Romans/chapter/1/verse/1" class="book-link">Romans</a>
<a href="/interlinear/book/1 Corinthians/chapter/1/verse/1" class="book-link">1 Corinthians</a>
<a href="/interlinear/book/2 Corinthians/chapter/1/verse/1" class="book-link">2 Corinthians</a>
<a href="/interlinear/book/Galatians/chapter/1/verse/1" class="book-link">Galatians</a>
<a href="/interlinear/book/Ephesians/chapter/1/verse/1" class="book-link">Ephesians</a>
<a href="/interlinear/book/Philippians/chapter/1/verse/1" class="book-link">Philippians</a>
<a href="/interlinear/book/Colossians/chapter/1/verse/1" class="book-link">Colossians</a>
<a href="/interlinear/book/1 Thessalonians/chapter/1/verse/1" class="book-link">1 Thessalonians</a>
<a href="/interlinear/book/2 Thessalonians/chapter/1/verse/1" class="book-link">2 Thessalonians</a>
<a href="/interlinear/book/1 Timothy/chapter/1/verse/1" class="book-link">1 Timothy</a>
<a href="/interlinear/book/2 Timothy/chapter/1/verse/1" class="book-link">2 Timothy</a>
<a href="/interlinear/book/Titus/chapter/1/verse/1" class="book-link">Titus</a>
<a href="/interlinear/book/Philemon/chapter/1/verse/1" class="book-link">Philemon</a>
<a href="/interlinear/book/Hebrews/chapter/1/verse/1" class="book-link">Hebrews</a>
<a href="/interlinear/book/James/chapter/1/verse/1" class="book-link">James</a>
<a href="/interlinear/book/1 Peter/chapter/1/verse/1" class="book-link">1 Peter</a>
<a href="/interlinear/book/2 Peter/chapter/1/verse/1" class="book-link">2 Peter</a>
<a href="/interlinear/book/1 John/chapter/1/verse/1" class="book-link">1 John</a>
<a href="/interlinear/book/2 John/chapter/1/verse/1" class="book-link">2 John</a>
<a href="/interlinear/book/3 John/chapter/1/verse/1" class="book-link">3 John</a>
<a href="/interlinear/book/Jude/chapter/1/verse/1" class="book-link">Jude</a>
<a href="/interlinear/book/Revelation/chapter/1/verse/1" class="book-link">Revelation</a>
</div>
<p style="margin-top: 2rem; color: #666; font-size: 0.95rem;">
<strong>Coverage:</strong> 31,031 verses with complete Hebrew and Greek interlinear text covering the entire Bible.
</p>
</section>
{% endif %}
<section class="interlinear-help">
<h3>Understanding the Interlinear Display</h3>
<ul>
<li><strong>Original Text</strong> - The Hebrew (Old Testament) or Greek (New Testament) word as it appears in the original manuscripts</li>
<li><strong>Transliteration</strong> - How to pronounce the original word using English letters</li>
<li><strong>Strong's Number</strong> - A reference number (H for Hebrew, G for Greek) for looking up the word in concordances and lexicons</li>
<li><strong>English</strong> - The word's translation in the King James Version</li>
<li><strong>Parsing</strong> - Grammatical information (verb tenses, noun cases, etc.)</li>
<li><strong>Definition</strong> - The word's semantic range and possible meanings</li>
<li><strong>Word Order</strong> - Hebrew and Greek word order often differs from English; the position numbers show the original sequence</li>
</ul>
</section>
{% if not verse_data and not verse_requested %}
<section class="interlinear-intro">
<h2>About the Interlinear Bible</h2>
<p>The interlinear Bible provides a word-by-word breakdown of the original Hebrew (Old Testament) and Greek (New Testament) text alongside the English translation. This tool is invaluable for:</p>
<ul>
<li>Understanding the precise meaning of the original language</li>
<li>Seeing grammatical structures and verb tenses</li>
<li>Discovering word connections through Strong's numbers</li>
<li>Gaining deeper insight into Scripture's original intent</li>
<li>Studying how translators rendered the text into English</li>
</ul>
<p style="margin-top: 1rem;">Select any verse above to see its word-by-word interlinear analysis. More verses are being added regularly to expand this resource.</p>
</section>
{% endif %}
{% endblock %}