Files
kjvstudy.org/kjvstudy_org/templates/study_guide_detail.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.0 KiB
HTML

{% extends "base.html" %}
{% block title %}{{ guide.title }} - Bible Study Guide - KJV Bible{% endblock %}
{% block content %}
<h1>{{ guide.title }}</h1>
<p class="subtitle"><a href="/">Authorized King James Version</a></p>
<section>
<p><span class="newthought">{{ guide.description }}</span></p>
</section>
{% for section in guide.sections %}
{% set section_index = loop.index %}
<section>
<h2>{{ section.title }}</h2>
{% for verse_data in section.verse_texts %}
<p>
<label for="mn-s{{ section_index }}-v{{ loop.index }}" class="margin-toggle"></label>
<input type="checkbox" id="mn-s{{ section_index }}-v{{ loop.index }}" class="margin-toggle"/>
<span class="marginnote">
<strong>{{ verse_data.reference }}</strong><br/>
<em>{{ verse_data.text }}</em>
</span>
</p>
{% endfor %}
<p>{{ section.content }}</p>
</section>
{% endfor %}
<nav>
<p>
<a href="/study-guides">← Study Guides</a> |
<a href="/">Home</a>
</p>
</nav>
{% endblock %}