Files
kjvstudy.org/kjvstudy_org/templates/study_guides.html
T
2025-11-26 01:16:45 -05:00

89 lines
2.7 KiB
HTML

{% extends "base.html" %}
{% block title %}Bible Study Guides - KJV Bible{% endblock %}
{% block head %}
<style>
.guide-actions {
margin: 0.3rem 0 1rem;
}
.guide-download-btn {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.35rem 0.75rem;
font-size: 0.85rem;
color: var(--text-secondary, #666);
background: var(--code-bg, #f8f8f8);
border: 1px solid var(--border-color, #ddd);
border-radius: 4px;
text-decoration: none;
transition: all 0.2s;
}
.guide-download-btn:hover {
background: var(--bg-color, #fff);
border-color: var(--link-color);
color: var(--link-color);
}
.guide-download-btn svg {
width: 14px;
height: 14px;
}
@media print {
.guide-download-btn {
display: none;
}
}
</style>
{% 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_ref in guide.verse_refs[:5] %}
<a href="{{ verse_ref.url }}">{{ verse_ref.text }}</a>{% if not loop.last %}, {% endif %}
{% endfor %}
{% if guide.verse_refs|length > 5 %}
<br/><em>+{{ guide.verse_refs|length - 5 }} more</em>
{% endif %}
</span>
— {{ guide.description }}
</p>
{% if pdf_available %}
<div class="guide-actions">
<a class="guide-download-btn" href="/study-guides/{{ guide.slug }}/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 PDF
</a>
</div>
{% endif %}
{% endfor %}
</section>
{% endfor %}
<nav>
<p><a href="/">← Home</a></p>
</nav>
{% endblock %}