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

Set consistent font family and update Torah formatting

Browse Source 
Apply Crimson Text font across all layout elements for typography
consistency, and standardize "Torah / Pentateuch" spacing with
proper formatting throughout the interface.
This commit is contained in:
Kenneth Reitz
2025-05-26 20:49:11 -04:00
parent a18d5ae3a4
commit 2274aa2abb
2 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
kjvstudy_org/templates/base.html
+14 -5
View File
@@ -113,6 +113,7 @@
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
touch-action: manipulation;
font-family: 'Crimson Text', 'Times New Roman', serif !important;
}
body::before {
@@ -124,6 +125,7 @@
height: 100%;
background-color: var(--background-color) !important;
z-index: -2;
font-family: 'Crimson Text', 'Times New Roman', serif !important;
}
@media (min-width: 769px) and (max-width: 1024px) {
@@ -152,10 +154,12 @@
background-color: var(--background-color) !important;
position: relative;
z-index: 1;
font-family: 'Crimson Text', 'Times New Roman', serif !important;
}
.main-content {
background-color: var(--background-color) !important;
font-family: 'Crimson Text', 'Times New Roman', serif !important;
}
/* iOS safe area support */
@@ -164,17 +168,20 @@
.narrow-container {
padding-left: max(1rem, env(safe-area-inset-left));
padding-right: max(1rem, env(safe-area-inset-right));
font-family: 'Crimson Text', 'Times New Roman', serif !important;
}
.mobile-menu-button {
top: max(1rem, env(safe-area-inset-top));
left: max(1rem, env(safe-area-inset-left));
font-family: 'Crimson Text', 'Times New Roman', serif !important;
}
}
/* Prevent rubber band scrolling on iOS */
body {
overscroll-behavior: none;
font-family: 'Crimson Text', 'Times New Roman', serif !important;
}
/* GitHub Banner */
@@ -521,7 +528,7 @@
</div>
<nav class="sidebar-nav">
<h3 style="font-size: 0.9rem">Navigation</h3>
<h3 style="font-size: 0.9rem; font-family: 'Crimson Text', 'Times New Roman', serif;">Navigation</h3>
<a
href="/"
{% if request.url and request.url.path == "/" %}class="active"{% endif %}
@@ -529,6 +536,7 @@
padding: 0.35rem 0.5rem;
font-size: 0.95rem;
margin-bottom: 0.1rem;
font-family: 'Crimson Text', 'Times New Roman', serif;
"
>
📚 All Books
@@ -537,9 +545,10 @@
{% if books %}
<h3
style="
color: var(--torah-color);
margin-bottom: 0.4rem;
font-size: 0.9rem;
font-size: 0.85rem;
margin-top: 1rem;
margin-bottom: 0.5rem;
font-family: 'Crimson Text', 'Times New Roman', serif;
"
>
Old Testament
@@ -555,7 +564,7 @@
letter-spacing: 0.5px;
"
>
Torah/Pentateuch
Torah / Pentateuch
</h4>
{% set torah = ['Genesis', 'Exodus', 'Leviticus', 'Numbers',
'Deuteronomy'] %} {% for book in books %} {% if book in
kjvstudy_org/templates/index.html
+3 -3
View File
@@ -25,7 +25,7 @@
<div class="legend-items">
<a href="#torah" class="legend-item" style="border-left-color: var(--torah-color);">
<span class="legend-color" style="background: var(--torah-color);"></span>
<span class="legend-name">Torah/Pentateuch</span>
<span class="legend-name">Torah / Pentateuch</span>
</a>
<a href="#historical" class="legend-item" style="border-left-color: var(--historical-color);">
<span class="legend-color" style="background: var(--historical-color);"></span>
@@ -79,12 +79,12 @@
{% set old_testament = ['Genesis', 'Exodus', 'Leviticus', 'Numbers', 'Deuteronomy', 'Joshua', 'Judges', 'Ruth', '1 Samuel', '2 Samuel', '1 Kings', '2 Kings', '1 Chronicles', '2 Chronicles', 'Ezra', 'Nehemiah', 'Esther', 'Job', 'Psalms', 'Proverbs', 'Ecclesiastes', 'Song of Solomon', 'Isaiah', 'Jeremiah', 'Lamentations', 'Ezekiel', 'Daniel', 'Hosea', 'Joel', 'Amos', 'Obadiah', 'Jonah', 'Micah', 'Nahum', 'Habakkuk', 'Zephaniah', 'Haggai', 'Zechariah', 'Malachi'] %}
<!-- Torah/Pentateuch -->
<h3 id="torah" class="category-heading" style="color: var(--torah-color);">Torah/Pentateuch</h3>
<h3 id="torah" class="category-heading" style="color: var(--torah-color);">Torah / Pentateuch</h3>
{% for book in books %}
{% if book in ['Genesis', 'Exodus', 'Leviticus', 'Numbers', 'Deuteronomy'] %}
<a href="/book/{{ book }}" class="book-card" style="border-left: 4px solid var(--torah-color);">
<h3 class="book-title" style="font-size: 1.25rem;">{{ book }}</h3>
<p class="book-meta" style="font-size: 0.8rem;">Torah/Pentateuch</p>
<p class="book-meta" style="font-size: 0.8rem;">Torah / Pentateuch</p>
</a>
{% endif %}
{% endfor %}