kennethreitz/kjvstudy.org
1
0
Fork 0
mirror of https://github.com/kennethreitz/kjvstudy.org.git synced 2026-06-05 23:00:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Reduce sidebar navigation font size and spacing

Browse Source
This commit is contained in:
Kenneth Reitz
2025-05-26 17:14:26 -04:00
parent e6d6261b3b
commit 4bf355ad65
1 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
kjvstudy_org/templates/base.html
+26 -26
View File
@@ -322,13 +322,13 @@
</div>
<nav class="sidebar-nav">
<h3>Navigation</h3>
<a href="/" {% if request.url and request.url.path == "/" %}class="active"{% endif %}>
<h3 style="font-size: 0.75rem;">Navigation</h3>
<a href="/" {% if request.url and request.url.path == "/" %}class="active"{% endif %} style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
📚 All Books
</a>
{% if books %}
<h3 style="color: var(--torah-color); margin-bottom: 0.5rem;">Old Testament</h3>
<h3 style="color: var(--torah-color); margin-bottom: 0.4rem; font-size: 0.75rem;">Old Testament</h3>
<!-- Torah/Pentateuch -->
<h4 style="font-size: 0.7rem; margin: 0.4rem 0; color: var(--torah-color); text-transform: uppercase; letter-spacing: 0.5px;">Torah/Pentateuch</h4>
@@ -343,48 +343,48 @@
{% endfor %}
<!-- Historical Books -->
<h4 style="font-size: 0.75rem; margin: 0.5rem 0; color: var(--historical-color); text-transform: uppercase; letter-spacing: 0.5px;">Historical Books</h4>
<h4 style="font-size: 0.7rem; margin: 0.4rem 0; color: var(--historical-color); text-transform: uppercase; letter-spacing: 0.5px;">Historical Books</h4>
{% set historical = ['Joshua', 'Judges', 'Ruth', '1 Samuel', '2 Samuel', '1 Kings', '2 Kings', '1 Chronicles', '2 Chronicles', 'Ezra', 'Nehemiah', 'Esther'] %}
{% for book in books %}
{% if book in historical %}
<a href="/book/{{ book }}"
class="bible-book historical {% if request.url and book in request.url.path %}active{% endif %}">
class="bible-book historical {% if request.url and book in request.url.path %}active{% endif %}" style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
{{ book }}
</a>
{% endif %}
{% endfor %}
<!-- Wisdom Literature -->
<h4 style="font-size: 0.75rem; margin: 0.5rem 0; color: var(--wisdom-color); text-transform: uppercase; letter-spacing: 0.5px;">Wisdom Literature</h4>
<h4 style="font-size: 0.7rem; margin: 0.4rem 0; color: var(--wisdom-color); text-transform: uppercase; letter-spacing: 0.5px;">Wisdom Literature</h4>
{% set wisdom = ['Job', 'Psalms', 'Proverbs', 'Ecclesiastes', 'Song of Solomon'] %}
{% for book in books %}
{% if book in wisdom %}
<a href="/book/{{ book }}"
class="bible-book wisdom {% if request.url and book in request.url.path %}active{% endif %}">
class="bible-book wisdom {% if request.url and book in request.url.path %}active{% endif %}" style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
{{ book }}
</a>
{% endif %}
{% endfor %}
<!-- Major Prophets -->
<h4 style="font-size: 0.75rem; margin: 0.5rem 0; color: var(--major-prophets-color); text-transform: uppercase; letter-spacing: 0.5px;">Major Prophets</h4>
<h4 style="font-size: 0.7rem; margin: 0.4rem 0; color: var(--major-prophets-color); text-transform: uppercase; letter-spacing: 0.5px;">Major Prophets</h4>
{% set major_prophets = ['Isaiah', 'Jeremiah', 'Lamentations', 'Ezekiel', 'Daniel'] %}
{% for book in books %}
{% if book in major_prophets %}
<a href="/book/{{ book }}"
class="bible-book major-prophets {% if request.url and book in request.url.path %}active{% endif %}">
class="bible-book major-prophets {% if request.url and book in request.url.path %}active{% endif %}" style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
{{ book }}
</a>
{% endif %}
{% endfor %}
<!-- Minor Prophets -->
<h4 style="font-size: 0.75rem; margin: 0.5rem 0; color: var(--minor-prophets-color); text-transform: uppercase; letter-spacing: 0.5px;">Minor Prophets</h4>
<h4 style="font-size: 0.7rem; margin: 0.4rem 0; color: var(--minor-prophets-color); text-transform: uppercase; letter-spacing: 0.5px;">Minor Prophets</h4>
{% set minor_prophets = ['Hosea', 'Joel', 'Amos', 'Obadiah', 'Jonah', 'Micah', 'Nahum', 'Habakkuk', 'Zephaniah', 'Haggai', 'Zechariah', 'Malachi'] %}
{% for book in books %}
{% if book in minor_prophets %}
<a href="/book/{{ book }}"
class="bible-book minor-prophets {% if request.url and book in request.url.path %}active{% endif %}">
class="bible-book minor-prophets {% if request.url and book in request.url.path %}active{% endif %}" style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
{{ book }}
</a>
{% endif %}
@@ -392,79 +392,79 @@
<hr class="testament-divider">
<h3 style="color: var(--gospels-color); margin-bottom: 0.5rem;">New Testament</h3>
<h3 style="color: var(--gospels-color); margin-bottom: 0.4rem; font-size: 0.75rem;">New Testament</h3>
<!-- Gospels -->
<h4 style="font-size: 0.75rem; margin: 0.5rem 0; color: var(--gospels-color); text-transform: uppercase; letter-spacing: 0.5px;">Gospels</h4>
<h4 style="font-size: 0.7rem; margin: 0.4rem 0; color: var(--gospels-color); text-transform: uppercase; letter-spacing: 0.5px;">Gospels</h4>
{% set gospels = ['Matthew', 'Mark', 'Luke', 'John'] %}
{% for book in books %}
{% if book in gospels %}
<a href="/book/{{ book }}"
class="bible-book gospels {% if request.url and book in request.url.path %}active{% endif %}">
class="bible-book gospels {% if request.url and book in request.url.path %}active{% endif %}" style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
{{ book }}
</a>
{% endif %}
{% endfor %}
<!-- Acts (Historical NT) -->
<h4 style="font-size: 0.75rem; margin: 0.5rem 0; color: var(--acts-color); text-transform: uppercase; letter-spacing: 0.5px;">Historical</h4>
<h4 style="font-size: 0.7rem; margin: 0.4rem 0; color: var(--acts-color); text-transform: uppercase; letter-spacing: 0.5px;">Historical</h4>
{% set acts = ['Acts'] %}
{% for book in books %}
{% if book in acts %}
<a href="/book/{{ book }}"
class="bible-book acts {% if request.url and book in request.url.path %}active{% endif %}">
class="bible-book acts {% if request.url and book in request.url.path %}active{% endif %}" style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
{{ book }}
</a>
{% endif %}
{% endfor %}
<!-- Pauline Epistles -->
<h4 style="font-size: 0.75rem; margin: 0.5rem 0; color: var(--pauline-color); text-transform: uppercase; letter-spacing: 0.5px;">Pauline Epistles</h4>
<h4 style="font-size: 0.7rem; margin: 0.4rem 0; color: var(--pauline-color); text-transform: uppercase; letter-spacing: 0.5px;">Pauline Epistles</h4>
{% set pauline = ['Romans', '1 Corinthians', '2 Corinthians', 'Galatians', 'Ephesians', 'Philippians', 'Colossians', '1 Thessalonians', '2 Thessalonians', '1 Timothy', '2 Timothy', 'Titus', 'Philemon', 'Hebrews'] %}
{% for book in books %}
{% if book in pauline %}
<a href="/book/{{ book }}"
class="bible-book pauline {% if request.url and book in request.url.path %}active{% endif %}">
class="bible-book pauline {% if request.url and book in request.url.path %}active{% endif %}" style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
{{ book }}
</a>
{% endif %}
{% endfor %}
<!-- General Epistles -->
<h4 style="font-size: 0.75rem; margin: 0.5rem 0; color: var(--general-epistles-color); text-transform: uppercase; letter-spacing: 0.5px;">General Epistles</h4>
<h4 style="font-size: 0.7rem; margin: 0.4rem 0; color: var(--general-epistles-color); text-transform: uppercase; letter-spacing: 0.5px;">General Epistles</h4>
{% set general_epistles = ['James', '1 Peter', '2 Peter', '1 John', '2 John', '3 John', 'Jude'] %}
{% for book in books %}
{% if book in general_epistles %}
<a href="/book/{{ book }}"
class="bible-book general-epistles {% if request.url and book in request.url.path %}active{% endif %}">
class="bible-book general-epistles {% if request.url and book in request.url.path %}active{% endif %}" style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
{{ book }}
</a>
{% endif %}
{% endfor %}
<!-- Apocalyptic -->
<h4 style="font-size: 0.75rem; margin: 0.5rem 0; color: var(--apocalyptic-color); text-transform: uppercase; letter-spacing: 0.5px;">Apocalyptic</h4>
<h4 style="font-size: 0.7rem; margin: 0.4rem 0; color: var(--apocalyptic-color); text-transform: uppercase; letter-spacing: 0.5px;">Apocalyptic</h4>
{% set apocalyptic = ['Revelation'] %}
{% for book in books %}
{% if book in apocalyptic %}
<a href="/book/{{ book }}"
class="bible-book apocalyptic {% if request.url and book in request.url.path %}active{% endif %}">
class="bible-book apocalyptic {% if request.url and book in request.url.path %}active{% endif %}" style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
{{ book }}
</a>
{% endif %}
{% endfor %}
{% endif %}
<h3>Study Tools</h3>
<a href="#" class="coming-soon">
<h3 style="font-size: 0.75rem;">Study Tools</h3>
<a href="#" class="coming-soon" style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
🤖 AI Commentary
<small>(Coming Soon)</small>
</a>
<a href="#" class="coming-soon">
<a href="#" class="coming-soon" style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
🔍 Search
<small>(Coming Soon)</small>
</a>
<a href="#" class="coming-soon">
<a href="#" class="coming-soon" style="padding: 0.35rem 0.5rem; font-size: 0.75rem; margin-bottom: 0.1rem;">
📝 Notes
<small>(Coming Soon)</small>
</a>