Files
kjvstudy.org/kjvstudy_org/templates/study_guides.html
T
kennethreitz a48da582bc Apply Tufte CSS styling to study guides
- Add Study Guides link to homepage title section
- Rewrite study guides listing with pure Tufte CSS
- Use sidenotes for key verse references
- Rewrite study guide detail pages with Tufte styling
- Use marginnotes for scripture references in sections
- Remove all custom CSS variables and inline styles
- Apply classical typography and spacing

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-13 16:18:57 -05:00

40 lines
1.4 KiB
HTML

{% extends "base.html" %}
{% block title %}Bible Study Guides - KJV Bible{% endblock %}
{% block content %}
<h1>Bible Study Guides</h1>
<p class="subtitle"><a href="/">Authorized King James Version</a></p>
<section>
<p><span class="newthought">These study guides</span> offer structured explorations of foundational Christian truths, character development, and biblical themes. Each guide includes relevant Scripture passages and reflections for deeper understanding of God's Word.</p>
</section>
{% for category, guides in study_guides.items() %}
<section>
<h2>{{ category }}</h2>
{% for guide in guides %}
<p>
<strong><a href="/study-guides/{{ guide.slug }}">{{ guide.title }}</a></strong><label for="sn-{{ guide.slug }}" class="margin-toggle sidenote-number"></label>
<input type="checkbox" id="sn-{{ guide.slug }}" class="margin-toggle"/>
<span class="sidenote">
<strong>Key Verses:</strong><br/>
{% for verse in guide.verses[:5] %}
{{ verse }}{% if not loop.last %}, {% endif %}
{% endfor %}
{% if guide.verses|length > 5 %}
<br/><em>+{{ guide.verses|length - 5 }} more</em>
{% endif %}
</span>
— {{ guide.description }}
</p>
{% endfor %}
</section>
{% endfor %}
<nav>
<p><a href="/">← Home</a></p>
</nav>
{% endblock %}