mirror of
https://github.com/kennethreitz/kjvstudy.org.git
synced 2026-10-24 14:29:14 +00:00
Soup up the book landing pages (Joel et al.): Old/New Testament kicker, letterspaced-caps book title matching the chapter pages, gold-tipped Chapters heading, and key verses as gilt scripture plates with bronze references and quiet significance notes. Then a full sweep of the 32 remaining templates, applying the shared patterns (gold-tipped small-caps apparatus headings, elevated cards, chip buttons, gilt scripture plates, bronze micro-labels, token-only colors, dark mode from tokens alone): - about, about_claude, accessibility (system TOC cards, gilt CTA plate) - resources, resource_index (elevated cards, bronze counts; fixed a featured-card style built on raw gold hex) - names_of_god, tetragrammaton (scripture plates, chip actions) - biblical_angels, biblical_covenants, biblical_festivals - biblical_prophets, twelve_apostles, women_of_the_bible, fruits_of_spirit - parables, interlinear_landing - family_tree_person, family_tree_search (muted gender inks, gold for the messianic line) - family_tree_ancestors, _descendants, _generation, _lineage - search (scripture-plate results, gold-washed <mark> highlights), stars (star/gilt tokens), stats (stat-card grids in old-style numerals) - commentary_index, cross_references_index (in-place TOC variants), error (404/500 rebuilt as a framed plate with the lost-sheep parable rubricated — Luke 15:4) - reading_plan_detail (accent progress UI), topic_detail (scripture plates), strongs_language_index, stories_kids_index (~190 lines of purple dark-mode CSS removed) Also fixed the last stragglers the sweep verifier found: raw #4a7c59 JS outlines in story_detail and the shared tree keyboard-nav partial, and an undefined --border-color-light variable in stories_index. All 976 tests pass; data validation 9/9; every template compiles. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
305 lines
11 KiB
HTML
305 lines
11 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Biblical Festivals - KJV Study{% endblock %}
|
|
{% block description %}Explore the sacred feasts and festivals of Israel, their historical significance, and their prophetic fulfillment in Christ.{% endblock %}
|
|
|
|
{% block head %}
|
|
<style>
|
|
.festival-section {
|
|
margin: 1.5rem 0;
|
|
padding-top: 1rem;
|
|
}
|
|
|
|
.festival-section:not(:first-of-type) {
|
|
border-top: 1px solid var(--border-color);
|
|
}
|
|
|
|
/* Category headings — small caps over a gold-tipped rule */
|
|
.festival-section > h2 {
|
|
position: relative;
|
|
font-size: 0.95rem !important;
|
|
font-weight: 600;
|
|
font-style: normal !important;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.18em;
|
|
color: var(--text-secondary) !important;
|
|
margin: 0 0 1.25rem;
|
|
padding-bottom: 0.6rem;
|
|
border-bottom: 1px solid var(--border-color);
|
|
max-width: 60%;
|
|
}
|
|
|
|
.festival-section > h2::after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -1px;
|
|
width: 2.75rem;
|
|
height: 1px;
|
|
background: var(--gold);
|
|
}
|
|
|
|
.festival-entry {
|
|
margin: 1.5rem 0 2rem 0;
|
|
}
|
|
|
|
.festival-name {
|
|
font-size: 1.8rem;
|
|
font-weight: 400;
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
|
|
.festival-name a {
|
|
color: var(--link-color);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.festival-name a:hover {
|
|
color: var(--link-hover);
|
|
border-bottom: 1px solid var(--link-hover);
|
|
}
|
|
|
|
.festival-title {
|
|
font-size: 1.1rem;
|
|
color: var(--text-secondary);
|
|
font-style: italic;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.festival-description {
|
|
max-width: 60%;
|
|
font-size: 1.2rem;
|
|
line-height: 1.9;
|
|
margin: 1.5rem 0;
|
|
}
|
|
|
|
.verse-list {
|
|
margin: 1.5rem 0 0 0;
|
|
max-width: 60%;
|
|
}
|
|
|
|
/* Key verses — scripture plates with a gilt spine */
|
|
.verse-item {
|
|
margin: 1.25rem 0;
|
|
padding: 1.25rem 1.5rem;
|
|
background: var(--bg-elevated);
|
|
border: 1px solid var(--border-color-dark);
|
|
border-left: 3px solid var(--gold);
|
|
border-radius: 0 8px 8px 0;
|
|
transition: border-color 0.15s ease, box-shadow 0.15s ease;
|
|
}
|
|
|
|
.verse-item:hover {
|
|
border-top-color: var(--accent);
|
|
border-right-color: var(--accent);
|
|
border-bottom-color: var(--accent);
|
|
box-shadow: var(--shadow-soft);
|
|
}
|
|
|
|
.verse-ref {
|
|
font-weight: 600;
|
|
font-size: 0.78rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.16em;
|
|
color: var(--bronze);
|
|
margin-bottom: 0.6rem;
|
|
}
|
|
|
|
.verse-ref a {
|
|
color: var(--bronze) !important;
|
|
text-decoration: none;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.verse-ref a:hover {
|
|
color: var(--accent-strong) !important;
|
|
border-bottom: 1px solid currentColor;
|
|
}
|
|
|
|
.verse-text {
|
|
font-style: italic;
|
|
color: var(--text-strong);
|
|
line-height: 1.85;
|
|
font-size: 1.15rem;
|
|
}
|
|
|
|
.festivals-actions {
|
|
margin: 1rem 0 1.5rem;
|
|
}
|
|
|
|
.festivals-download-btn {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
padding: 0.45rem 0.9rem;
|
|
font-size: 0.9rem;
|
|
color: var(--text-secondary);
|
|
background: var(--bg-elevated);
|
|
border: 1px solid var(--border-color-dark);
|
|
border-radius: 6px;
|
|
text-decoration: none;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.festivals-download-btn:hover {
|
|
background: var(--accent-softer);
|
|
border-color: var(--accent);
|
|
color: var(--accent-strong);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.festivals-download-btn svg {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
{% include "partials/_toc_styles.html" %}
|
|
|
|
@media print {
|
|
.festivals-actions,
|
|
.festivals-download-btn,
|
|
.toc {
|
|
display: none !important;
|
|
}
|
|
|
|
.festival-description,
|
|
.verse-list,
|
|
.verse-text,
|
|
.intro-text {
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.festival-entry {
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
.sidenote,
|
|
.marginnote {
|
|
display: block;
|
|
float: none;
|
|
width: 100%;
|
|
margin: 0.5rem 0;
|
|
font-size: 0.9rem;
|
|
color: var(--text-secondary);
|
|
}
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
<script>
|
|
document.body.dataset.resourceReader = 'true';
|
|
</script>
|
|
|
|
{% block content %}
|
|
<h1>Biblical Festivals</h1>
|
|
<p class="subtitle">The Sacred Feasts of Israel and Their Prophetic Significance</p>
|
|
|
|
{% if pdf_available %}
|
|
<div class="festivals-actions">
|
|
<a class="festivals-download-btn" href="/biblical-festivals/pdf">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
|
</svg>
|
|
Download All Festivals (PDF)
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<nav class="toc" id="toc">
|
|
<h2>Contents</h2>
|
|
<ul id="toc-list"></ul>
|
|
</nav>
|
|
|
|
<section>
|
|
<p class="intro-text"><span class="newthought">The appointed feasts</span> of Israel, ordained by God in Leviticus 23, constitute far more than commemorations of historical events. These sacred assemblies (Hebrew מוֹעֲדִים, <em>mo'adim</em>—"appointed times") formed the liturgical calendar around which Israel's worship revolved, and each contains rich typological significance pointing to the Messiah.<label for="sn-feasts" class="margin-toggle sidenote-number"></label>
|
|
<input type="checkbox" id="sn-feasts" class="margin-toggle"/>
|
|
<span class="sidenote">The Hebrew word חַג (<em>chag</em>) denotes a pilgrim feast requiring attendance at the sanctuary—Passover, Pentecost, and Tabernacles. Lesser feasts (Trumpets, Atonement) still demanded holy convocation. These festivals structured Israel's year and maintained covenant relationship through corporate worship.</span></p>
|
|
|
|
<p class="intro-text">The festal calendar divides into spring and fall observances, separated by the agricultural work of summer. The spring feasts—Passover through Pentecost—find clear fulfillment in Christ's first advent. The fall feasts—Trumpets through Tabernacles—anticipate events connected with His second coming and millennial reign.<label for="sn-fulfillment" class="margin-toggle sidenote-number"></label>
|
|
<input type="checkbox" id="sn-fulfillment" class="margin-toggle"/>
|
|
<span class="sidenote">Christ fulfilled the spring feasts with remarkable precision: crucified on Passover, buried during Unleavened Bread, resurrected on Firstfruits, and sending the Spirit on Pentecost. This exact correspondence strengthens confidence that the fall feasts will likewise find literal fulfillment in end-time events.</span></p>
|
|
</section>
|
|
|
|
{% for category, festivals in festivals_data.items() %}
|
|
<section class="festival-section">
|
|
<h2>{{ category }}</h2>
|
|
|
|
{% for festival_name, festival in festivals.items() %}
|
|
<article class="festival-entry">
|
|
<h3 class="festival-name">
|
|
<a href="/biblical-festivals/{{ festival_name|slugify }}">{{ festival_name }}</a>
|
|
</h3>
|
|
<p class="festival-title">{{ festival.title }}</p>
|
|
|
|
<div class="festival-description">
|
|
<p>{{ festival.description | link_verses | link_names | safe }}</p>
|
|
</div>
|
|
|
|
{% if festival.verses %}
|
|
<div class="verse-list">
|
|
{% for verse in festival.verses %}
|
|
<div class="verse-item">
|
|
<div class="verse-ref">
|
|
{% set ref_parts = verse.reference.split(' ') %}
|
|
{% if ref_parts|length >= 2 %}
|
|
{% set chapter_verse = ref_parts[-1] %}
|
|
{% if ':' in chapter_verse %}
|
|
{% set chapter = chapter_verse.split(':')[0] %}
|
|
{% set verse_num = chapter_verse.split(':')[1] %}
|
|
{% set book = ' '.join(ref_parts[:-1]) %}
|
|
<a href="/book/{{ book }}/chapter/{{ chapter }}/verse/{{ verse_num }}">{{ verse.reference }}</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
<div class="verse-text">{{ verse.text | link_names | safe }}</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</article>
|
|
{% endfor %}
|
|
</section>
|
|
{% endfor %}
|
|
|
|
<section>
|
|
<h2>The Significance of the Festivals</h2>
|
|
<p class="intro-text">Understanding these appointed times enriches biblical interpretation and deepens appreciation for God's redemptive plan:</p>
|
|
|
|
<p class="intro-text"><span class="newthought">Divine precision</span>, for God commanded these observances centuries before their fulfillment in Christ. The exact correspondence between festival requirements and Messianic events demonstrates supernatural design, providing powerful evidence for inspiration.</p>
|
|
|
|
<p class="intro-text"><span class="newthought">Covenant remembrance</span>, as the festivals kept God's mighty acts perpetually before Israel. Each generation relived the Exodus through Passover, recalled Sinai at Pentecost, and remembered wilderness wanderings during Tabernacles. Corporate memory maintained covenant identity.<label for="sn-remembrance" class="margin-toggle sidenote-number"></label>
|
|
<input type="checkbox" id="sn-remembrance" class="margin-toggle"/>
|
|
<span class="sidenote">The command to tell children about Passover's meaning (Exodus 12:26-27) illustrates how festivals transmitted faith across generations. These annual celebrations educated each new generation in covenant history and theology through participatory ritual rather than mere abstract instruction.</span></p>
|
|
|
|
<p class="intro-text"><span class="newthought">Prophetic preview</span>, for the festivals outlined redemptive history in advance. Christ fulfilled the spring feasts at His first coming—dying as the Passover Lamb, rising as the Firstfruits, sending the Spirit at Pentecost. The unfulfilled fall feasts point to His return, national Israel's repentance (Trumpets, Atonement), and millennial blessing (Tabernacles).</p>
|
|
|
|
<p class="intro-text"><span class="newthought">Worship structure</span>, as these festivals provided rhythm and pattern for Israel's religious year. Modern believers, while not bound to observe these feasts, benefit from structured worship and corporate remembrance of God's redemptive acts—principles embodied in the Lord's Day and ordinances of baptism and communion.<label for="sn-application" class="margin-toggle sidenote-number"></label>
|
|
<input type="checkbox" id="sn-application" class="margin-toggle"/>
|
|
<span class="sidenote">Colossians 2:16-17 clarifies that festivals were "a shadow of things to come; but the body is of Christ." Believers need not observe Jewish feast days, yet studying them illuminates Christ's work and God's purposes. The shadow points to the substance; knowing both enriches understanding.</span></p>
|
|
</section>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Generate TOC from h2 and h3 headings
|
|
const tocList = document.getElementById('toc-list');
|
|
const headings = document.querySelectorAll('section h2, section h3, section article h3');
|
|
|
|
headings.forEach((heading) => {
|
|
if (!heading.id) {
|
|
heading.id = 'section-' + heading.textContent.toLowerCase().replace(/[^a-z0-9]+/g, '-');
|
|
}
|
|
const li = document.createElement('li');
|
|
if (heading.tagName === 'H3') li.classList.add('toc-h3');
|
|
const a = document.createElement('a');
|
|
a.href = '#' + heading.id;
|
|
a.textContent = heading.textContent;
|
|
li.appendChild(a);
|
|
tocList.appendChild(li);
|
|
});
|
|
|
|
// Simple keyboard navigation
|
|
KJVNav.initSimpleNav('.festivals-download-btn, .intro-text, .festival-name, .festival-description > p, .verse-item');
|
|
});
|
|
</script>
|
|
{% endblock %}
|