Tighten spacing throughout homepage

Reduce margins on title, verse lookup, featured studies, and footer
for a more compact, efficient layout.

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-23 13:38:14 -05:00
parent 4d1b222923
commit db8ad5d29c
+7 -7
View File
@@ -5,11 +5,11 @@
{% block head %}
<style>
.title-page {
margin: 4rem 0;
margin: 2.5rem 0;
}
.title-page h1 {
margin-bottom: 2rem;
margin-bottom: 1rem;
}
.title-details {
@@ -17,7 +17,7 @@
font-size: 1.1rem;
line-height: 1.8;
color: #666;
margin: 0 0 3rem 0;
margin: 0 0 1.5rem 0;
}
/* Make book names bold throughout */
@@ -28,7 +28,7 @@ section a[href^="/book/"] {
/* Quick verse lookup - Classical style */
.verse-lookup {
max-width: 55%;
margin: 2rem 0;
margin: 1.5rem 0;
padding: 1.5rem 0 1.5rem 1.5rem;
border-left: 3px solid var(--border-color-darker);
}
@@ -86,11 +86,11 @@ section a[href^="/book/"] {
/* Featured Studies - Classical List Style */
.featured-studies {
max-width: 55%;
margin: 2rem 0;
margin: 1.5rem 0;
}
.study-entry {
margin: 1.5rem 0;
margin: 1rem 0;
padding-left: 1.5rem;
border-left: 2px solid var(--border-color-dark);
}
@@ -602,7 +602,7 @@ document.addEventListener('keydown', function(e) {
<p><span class="newthought">Chronology</span> — A <a href="/biblical-timeline">timeline of biblical events</a>, presenting in ordered sequence the principal occurrences recorded in Scripture, from the creation to the apostolic age.</p>
</section>
<div style="margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--border-color); text-align: center;">
<div style="margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--border-color); text-align: center;">
<p style="font-size: 0.85rem; color: var(--text-tertiary);">
This project is open source. <a href="https://github.com/kennethreitz/kjvstudy.org" target="_blank" rel="noopener" style="color: var(--text-tertiary); border-bottom: 1px dotted var(--border-color-dark);">View the source code on GitHub</a>.
</p>