Fix verse of the day centering on homepage

Move verse of the day inside title-page div to inherit centered styling.
Also change verse page wrapper from div to section.

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-24 20:33:08 -05:00
parent 1e91f0b1f4
commit 23527fe2e8
2 changed files with 4 additions and 28 deletions
+2 -26
View File
@@ -25,23 +25,6 @@
line-height: 1.8;
}
/* Epigraph - Verse of the Day */
.daily-epigraph {
margin: 2rem auto;
text-align: center;
max-width: 55%;
}
.daily-epigraph blockquote {
font-size: 1.25rem;
line-height: 1.9;
font-style: italic;
}
.daily-epigraph footer {
margin-top: 0.75rem;
}
/* Verse Lookup */
.verse-lookup {
max-width: 55%;
@@ -193,10 +176,6 @@
font-size: 2.5rem;
}
.daily-epigraph {
max-width: 100%;
}
.verse-lookup {
max-width: 100%;
padding: 1.25rem 0 1.25rem 1.25rem;
@@ -234,12 +213,9 @@
Authorized King James Version<br/>
<em>Anno Domini</em> 1611
</p>
</div>
<div class="epigraph daily-epigraph">
<blockquote>
<blockquote style="font-size: 1.25rem; line-height: 1.9; font-style: italic; margin: 2rem 0 0;">
<p>{{ daily_verse.text | link_names | safe }}</p>
<footer><a href="/book/{{ daily_verse.book }}/chapter/{{ daily_verse.chapter }}/verse/{{ daily_verse.verse }}">{{ daily_verse.reference }}</a><a href="/verse-of-the-day">Verse of the Day</a></footer>
<footer style="margin-top: 0.75rem;"><a href="/book/{{ daily_verse.book }}/chapter/{{ daily_verse.chapter }}/verse/{{ daily_verse.verse }}">{{ daily_verse.reference }}</a><a href="/verse-of-the-day">Verse of the Day</a></footer>
</blockquote>
</div>
+2 -2
View File
@@ -250,7 +250,7 @@
<h1>{{ book }} {{ chapter }}:{{ verse_num }}</h1>
<p class="subtitle"><a href="/books">Authorized King James Version</a></p>
<div>
<section>
<p class="verse-text">{{ verse_text | link_names | safe }}</p>
{% if interlinear_words %}
@@ -335,7 +335,7 @@
});
}
</script>
</div>
</section>
{% if cross_references %}
<div>