Files
kjvstudy.org/kjvstudy_org/templates/chapter_interlinear_pdf.html
kennethreitz 6a9cebae22 Improve keyboard navigation, PDFs, and add non-writing prophets
- Add KJVNav.initSimpleNav() for DRY keyboard navigation across site
- Fix broken keyboard nav on 10+ resource pages (orphaned JS code)
- Left arrow on chapters now does browser back
- Add non-writing prophets: Moses, Samuel, Nathan, Elijah, Elisha
- Redesign chapter PDFs with glossary, cross-refs, book intro
- Style sidenotes as inline notes in all PDFs (fix checkbox squares)
- More liberal word studies in PDF output (for_pdf parameter)

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-02 00:28:25 -05:00

195 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{ book }} {{ chapter }} - Interlinear (KJV)</title>
<style>
@page {
size: letter;
margin: 0.75in;
@bottom-center {
content: counter(page);
font-family: "et-book", Georgia, serif;
font-size: 10pt;
color: #666;
}
}
body {
font-family: "et-book", Georgia, "Times New Roman", serif;
font-size: 10pt;
line-height: 1.5;
color: #111;
}
h1 {
font-weight: normal;
letter-spacing: 0.05em;
font-size: 22pt;
margin: 0 0 0.05in 0;
}
.subtitle {
font-style: italic;
color: #666;
margin-bottom: 0.25in;
font-size: 11pt;
}
.language-note {
font-size: 9pt;
color: #666;
margin-bottom: 0.3in;
border-bottom: 1px solid #ddd;
padding-bottom: 0.1in;
}
.verse-section {
margin-bottom: 0.3in;
page-break-inside: avoid;
}
.verse-header {
margin-bottom: 0.1in;
}
.verse-number {
font-size: 11pt;
font-weight: 700;
color: #4a7c59;
margin-right: 0.1in;
}
.verse-text {
font-size: 11pt;
font-style: italic;
color: #333;
}
.interlinear-flow {
margin: 0.1in 0;
}
.word-unit {
display: inline-block;
text-align: center;
margin: 0 0.03in 0.12in 0.03in;
vertical-align: top;
padding: 0.03in 0.05in;
}
.word-original {
display: block;
font-size: 18pt;
font-weight: 400;
color: #222;
margin-bottom: 0.02in;
line-height: 1.3;
}
.word-original.hebrew {
direction: rtl;
font-family: "SBL Hebrew", "Ezra SIL", "Times New Roman", serif;
font-size: 20pt;
}
.word-original.greek {
font-family: "SBL Greek", "Gentium Plus", "Times New Roman", serif;
font-size: 18pt;
}
.word-english {
display: block;
font-size: 8pt;
color: #4a7c59;
font-weight: 600;
line-height: 1.2;
}
.word-strongs {
display: block;
font-size: 6pt;
color: #888;
font-family: monospace;
margin-top: 0.01in;
}
.no-interlinear {
color: #888;
font-style: italic;
font-size: 9pt;
}
.footer {
margin-top: 0.4in;
font-size: 9pt;
color: #888;
text-align: center;
}
/* Style sidenotes as inline notes for PDF */
.margin-toggle,
.sidenote-number,
input[type="checkbox"] {
display: none !important;
}
.sidenote,
.marginnote {
display: block;
float: none;
width: 100%;
margin: 0.15in 0;
padding: 0.1in 0.15in;
font-size: 9pt;
font-style: italic;
color: #555;
background: #f9f9f9;
border-left: 2px solid #ccc;
}
.sidenote::before {
content: "Note: ";
font-weight: 600;
font-style: normal;
}
</style>
</head>
<body>
<h1>{{ book }} {{ chapter }}</h1>
<p class="subtitle">Interlinear Bible &mdash; King James Version</p>
<p class="language-note">
{% if is_old_testament %}Hebrew{% else %}Greek{% endif %} text with English translation and Strong's numbers
</p>
{% for item in verses_with_interlinear %}
<div class="verse-section">
<div class="verse-header">
<span class="verse-number">{{ item.verse.verse }}</span>
<span class="verse-text">{{ item.verse.text }}</span>
</div>
{% if item.interlinear_words %}
<div class="interlinear-flow">
{% for word in item.interlinear_words %}
<span class="word-unit">
<span class="word-original {% if is_old_testament %}hebrew{% else %}greek{% endif %}">{{ word.original }}</span>
<span class="word-english">{{ word.english }}</span>
{% if word.strongs %}
<span class="word-strongs">{{ word.strongs }}</span>
{% endif %}
</span>
{% endfor %}
</div>
{% else %}
<p class="no-interlinear">Interlinear data not available for this verse.</p>
{% endif %}
</div>
{% endfor %}
<div class="footer">
From KJV Study &bull; kjvstudy.org
</div>
</body>
</html>