Files
kjvstudy.org/kjvstudy_org/templates/parable_detail.html
T
kennethreitz 43edd67927 Add individual detail pages for parables
Created /parables/{slug} routes for each parable:
- Detail route with slug parameter
- parable_detail.html template with full content
- Updated parables.html to link parable names to detail pages
- Styled links with hover effects

Each parable now has its own dedicated page with:
- Category label
- Full description with sidenotes
- Key verses with links to Bible passages
- Back navigation to main parables page

Parables with detail pages:
Kingdom: The Sower, Mustard Seed, Pearl, Wheat and Tares
Grace: Prodigal Son, Good Samaritan, Unmerciful Servant
Stewardship: The Talents, Unjust Steward
Prayer: Importunate Widow, Pharisee and Publican

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-21 18:01:10 -05:00

119 lines
3.0 KiB
HTML

{% extends "base.html" %}
{% block title %}{{ parable_name }} - Parables - KJV Study{% endblock %}
{% block description %}{{ parable.title }} - {{ parable_name }}{% endblock %}
{% block head %}
<style>
.parable-title {
font-size: 1.2rem;
color: var(--text-secondary);
font-style: italic;
margin-bottom: 1.5rem;
}
.parable-category {
font-size: 0.9rem;
color: var(--text-tertiary);
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 0.5rem;
}
.parable-description {
max-width: 60%;
font-size: 1.2rem;
line-height: 1.9;
margin: 2rem 0;
}
.verse-list {
margin: 2rem 0;
}
.verse-item {
margin: 1.5rem 0;
padding-left: 1.5rem;
border-left: 3px solid var(--border-color-darker);
}
.verse-ref {
font-weight: 600;
margin-bottom: 0.75rem;
font-size: 1.1rem;
}
.verse-ref a {
color: var(--link-color);
text-decoration: none;
}
.verse-ref a:hover {
border-bottom: 1px solid var(--link-hover);
}
.verse-text {
max-width: 60%;
font-style: italic;
color: var(--text-secondary);
line-height: 1.8;
font-size: 1.1rem;
}
.intro-text {
max-width: 60%;
font-size: 1.2rem;
line-height: 1.9;
margin: 1rem 0;
}
</style>
{% endblock %}
{% block content %}
<div class="parable-category">{{ category_name }}</div>
<h1>{{ parable_name }}</h1>
<p class="parable-title">{{ parable.title }}</p>
<section>
<h2>Description</h2>
<div class="parable-description">
{{ parable.description | safe }}
</div>
</section>
<section>
<h2>Key Verses</h2>
<div class="verse-list">
{% for verse in parable.verses %}
<div class="verse-item">
<div class="verse-ref">
{% set ref_parts = verse.reference.rsplit(' ', 1) %}
{% if ref_parts|length == 2 %}
{% set book_name = ref_parts[0] %}
{% set chapter_verse = ref_parts[1] %}
{% if ':' in chapter_verse %}
{% set ch = chapter_verse.split(':')[0] %}
{% set v = chapter_verse.split(':')[1] %}
<a href="/book/{{ book_name }}/chapter/{{ ch }}/verse/{{ v }}">{{ verse.reference }}</a>
{% else %}
{{ verse.reference }}
{% endif %}
{% else %}
{{ verse.reference }}
{% endif %}
</div>
<div class="verse-text">{{ verse.text }}</div>
</div>
{% endfor %}
</div>
</section>
<section>
<p class="intro-text"><span class="newthought">Christ's parables</span> conveyed profound theological truths through familiar imagery drawn from daily life in first-century Palestine. These narratives challenged conventional wisdom, revealed the nature of God's kingdom, and called hearers to decisive response.</p>
</section>
<section>
<p><a href="/parables">← Back to all parables</a></p>
</section>
{% endblock %}