Files
kennethreitzandClaude Fable 5 94472e053a Site-wide design sweep: every remaining page on the system
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>
2026-07-08 00:58:22 -04:00

344 lines
14 KiB
HTML

{% extends "base.html" %}
{% block title %}Site Statistics - KJV Study{% endblock %}
{% block description %}Comprehensive statistics about KJV Study - Bible data, commentary, cross-references, and study resources{% endblock %}
{% block content %}
<article class="stats-page">
<h1>KJV Study Statistics</h1>
<p class="subtitle">Comprehensive metrics about this Bible study resource</p>
<section>
<h2>Bible Text</h2>
<div class="stat-grid">
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.bible.total_verses) }}</div>
<div class="stat-label">Total Verses</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.bible.total_books }} <span class="stat-unit">({{ stats.bible.ot_books }} OT + {{ stats.bible.nt_books }} NT)</span></div>
<div class="stat-label">Total Books</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.bible.total_chapters) }}</div>
<div class="stat-label">Total Chapters</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.bible.total_words) }}</div>
<div class="stat-label">Total Words</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.bible.avg_words_per_verse }}</div>
<div class="stat-label">Average Words per Verse</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.bible.avg_verses_per_chapter }}</div>
<div class="stat-label">Average Verses per Chapter</div>
</div>
</div>
</section>
<section>
<h2>Verse Commentary</h2>
<p>In-depth theological analysis with Greek/Hebrew word studies
<br><a href="/about/commentary">→ Browse Commentary Index</a>
</p>
<div class="stat-grid">
<div class="stat-card">
<div class="stat-value">{{ stats.commentary.files }} <span class="stat-unit">books</span></div>
<div class="stat-label">Commentary Files</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.commentary.verses_covered) }}</div>
<div class="stat-label">Verses with Commentary</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.commentary.coverage_percent }}% <span class="stat-unit">of Bible</span></div>
<div class="stat-label">Coverage</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.commentary.total_words) }}</div>
<div class="stat-label">Total Commentary Words</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.commentary.avg_words_per_verse|int) }}</div>
<div class="stat-label">Average Words per Verse</div>
</div>
</div>
</section>
<section>
<h2>Cross-References</h2>
<p>Based on Treasury of Scripture Knowledge (CC-BY)
<br><a href="/about/cross-references">→ Browse Cross-References Index</a>
</p>
<div class="stat-grid">
<div class="stat-card">
<div class="stat-value">{{ stats.cross_references.files }} <span class="stat-unit">books</span></div>
<div class="stat-label">Files</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.cross_references.verses_with_refs) }}</div>
<div class="stat-label">Verses with Cross-References</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.cross_references.coverage_percent }}% <span class="stat-unit">of Bible</span></div>
<div class="stat-label">Coverage</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.cross_references.total_references) }}</div>
<div class="stat-label">Total Cross-References</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.cross_references.avg_refs_per_verse }}</div>
<div class="stat-label">Average per Verse</div>
</div>
</div>
</section>
<section>
<h2>Red Letter Edition</h2>
<p>Words of Jesus Christ</p>
<div class="stat-grid">
<div class="stat-card">
<div class="stat-value rubric">{{ "{:,}".format(stats.red_letter.total_verses) }}</div>
<div class="stat-label">Verses</div>
</div>
<div class="stat-card">
<div class="stat-value rubric">{{ stats.red_letter.percent_of_bible }}%</div>
<div class="stat-label">Percentage of Bible</div>
</div>
</div>
</section>
<section>
<h2>Bible Stories</h2>
<p>Narrative retellings of Scripture for all ages
<br><a href="/stories">→ Browse Bible Stories</a>
</p>
<div class="stat-grid">
<div class="stat-card">
<div class="stat-value">{{ stats.bible_stories.categories }}</div>
<div class="stat-label">Story Categories</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.bible_stories.total_stories }}</div>
<div class="stat-label">Total Stories</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.bible_stories.stories_with_kids }}</div>
<div class="stat-label">Kids Versions</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.bible_stories.total_words) }}</div>
<div class="stat-label">Total Words (Adult)</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.bible_stories.kids_words) }}</div>
<div class="stat-label">Total Words (Kids)</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.bible_stories.unique_characters }}</div>
<div class="stat-label">Biblical Characters</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.bible_stories.unique_themes }}</div>
<div class="stat-label">Unique Themes</div>
</div>
</div>
</section>
<section>
<h2>Language Tools</h2>
<p>Hebrew, Greek, and interlinear resources
<br><a href="/strongs">→ Browse Strong's Concordance</a>
</p>
<div class="stat-grid">
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.language_tools.hebrew_entries) }}</div>
<div class="stat-label">Hebrew Strong's Entries</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.language_tools.greek_entries) }}</div>
<div class="stat-label">Greek Strong's Entries</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.language_tools.total_strongs) }}</div>
<div class="stat-label">Total Strong's Concordance</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.language_tools.interlinear_size_mb }} <span class="stat-unit">MB (compressed)</span></div>
<div class="stat-label">Interlinear Data Size</div>
</div>
</div>
</section>
<section>
<h2>Study Resources</h2>
<p>Topical studies, reading plans, and biblical resources</p>
<div class="stat-grid">
<div class="stat-card">
<div class="stat-value">{{ stats.study_resources.study_guides }}</div>
<div class="stat-label">Study Guides</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.study_resources.topics }}</div>
<div class="stat-label">Topics</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.study_resources.resources }}</div>
<div class="stat-label">Resources</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.study_resources.stories }}</div>
<div class="stat-label">Bible Stories</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.study_resources.biographies }} <span class="stat-unit">biblical figures</span></div>
<div class="stat-label">Biographies</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.study_resources.reading_plans }}</div>
<div class="stat-label">Reading Plans</div>
</div>
</div>
</section>
<section>
<h2>Technical Data</h2>
<p>Data files and infrastructure</p>
<div class="stat-grid">
<div class="stat-card">
<div class="stat-value">{{ "{:,}".format(stats.data.total_json_files) }}</div>
<div class="stat-label">Total JSON Files</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.data.total_size_mb }} <span class="stat-unit">MB</span></div>
<div class="stat-label">Total Data Size</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.data.book_abbreviations }}</div>
<div class="stat-label">Book Abbreviations</div>
</div>
</div>
</section>
<section>
<h2>Summary</h2>
<p>KJV Study contains:</p>
<ul>
<li>{{ "{:,}".format(stats.bible.total_verses) }} verses from the 1769 Cambridge KJV</li>
<li>{{ "{:,}".format(stats.commentary.verses_covered) }} verses with in-depth commentary ({{ stats.commentary.coverage_percent }}% coverage)</li>
<li>{{ "{:,}".format(stats.commentary.total_words) }} words of theological analysis</li>
<li>{{ "{:,}".format(stats.cross_references.total_references) }} cross-references linking related passages</li>
<li>{{ "{:,}".format(stats.language_tools.total_strongs) }} Strong's Concordance entries for word studies</li>
<li>{{ stats.bible_stories.total_stories }} Bible stories across {{ stats.bible_stories.categories }} categories</li>
<li>{{ stats.study_resources.biographies }} biblical biographies</li>
<li>{{ stats.study_resources.study_guides }} topical study guides</li>
<li>{{ stats.study_resources.reading_plans }} reading plans</li>
</ul>
</section>
</article>
<style>
.subtitle {
font-size: 1.2rem;
color: var(--text-secondary);
margin-top: -1rem;
margin-bottom: 2rem;
}
.stats-page section {
margin: 3rem 0;
}
/* Apparatus headings — small caps over a gold-tipped rule */
.stats-page 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);
}
.stats-page section h2::after {
content: '';
position: absolute;
left: 0;
bottom: -1px;
width: 2.75rem;
height: 1px;
background: var(--gold);
}
.stats-page section p {
color: var(--text-secondary);
font-style: italic;
margin-bottom: 0.5rem;
}
/* Stat cards — old-style numerals over bronze small-caps labels */
.stat-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 1rem;
margin: 1.5rem 0;
}
.stat-card {
background: var(--bg-elevated);
border: 1px solid var(--border-color-dark);
border-radius: 8px;
padding: 1.1rem 1.25rem;
text-align: center;
}
.stat-value {
font-family: et-book-roman-old-style, et-book, Georgia, serif;
font-size: 1.9rem;
color: var(--text-strong);
line-height: 1.2;
}
.stat-value.rubric {
color: var(--rubric);
}
.stat-unit {
font-size: 0.95rem;
color: var(--text-tertiary);
font-style: italic;
}
.stat-label {
font-size: 0.66rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(--bronze);
margin-top: 0.3rem;
}
@media (max-width: 768px) {
.stat-grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
.stat-card {
padding: 0.9rem 0.75rem;
}
.stat-value {
font-size: 1.5rem;
}
}
</style>
{% endblock %}