NT only - Fixed center seal

This commit is contained in:
h202-wq
2026-08-19 07:47:58 -04:00
parent d6af254eab
commit b3f5186459
3 changed files with 24 additions and 6 deletions
+1 -1
View File
@@ -96,7 +96,7 @@ export default function App() {
<p className="countdown"> <p className="countdown">
A new verse is appointed in <strong>{countdown}</strong> A new verse is appointed in <strong>{countdown}</strong>
</p> </p>
<p className="foot-note">King James Version · Public Domain · 31,102 verses</p> <p className="foot-note">King James Version · Public Domain · The New Testament</p>
</footer> </footer>
</div> </div>
) )
+20 -5
View File
@@ -60,13 +60,19 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-between; justify-content: center;
padding: clamp(1.5rem, 4vh, 3rem) clamp(1.25rem, 5vw, 3rem); padding: 0 clamp(1.25rem, 5vw, 3rem);
text-align: center; text-align: center;
} }
.app-header { .app-header {
position: absolute;
top: clamp(1.25rem, 4vh, 2.5rem);
left: 0;
right: 0;
width: 100%; width: 100%;
padding: 0 clamp(1.25rem, 5vw, 3rem);
pointer-events: none;
} }
.title { .title {
@@ -96,13 +102,15 @@ body {
} }
.app-main { .app-main {
flex: 1; width: 100%;
max-width: 64rem;
min-height: 100vh;
min-height: 100dvh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%; padding: clamp(4.5rem, 12vh, 7rem) 0;
padding: 2.5rem 0;
} }
.seal { .seal {
@@ -123,6 +131,7 @@ body {
.seal svg { .seal svg {
width: 34%; width: 34%;
height: 34%; height: 34%;
display: block;
opacity: 0.85; opacity: 0.85;
} }
@@ -242,7 +251,13 @@ body {
} }
.app-footer { .app-footer {
position: absolute;
bottom: clamp(1.25rem, 4vh, 2.5rem);
left: 0;
right: 0;
width: 100%; width: 100%;
padding: 0 clamp(1.25rem, 5vw, 3rem);
pointer-events: none;
} }
.countdown { .countdown {
+3
View File
@@ -60,7 +60,10 @@ export async function loadKJV(): Promise<Verse[]> {
if (!res.ok) throw new Error(`Failed to load scripture (${res.status})`) if (!res.ok) throw new Error(`Failed to load scripture (${res.status})`)
const data = (await res.json()) as KJVData const data = (await res.json()) as KJVData
flat = [] flat = []
let inNewTestament = false
for (const book of data.books) { for (const book of data.books) {
if (book.book === 'Matthew') inNewTestament = true
if (!inNewTestament) continue
const name = book.book === 'Psalms' ? 'Psalm' : book.book const name = book.book === 'Psalms' ? 'Psalm' : book.book
for (const chapter of book.chapters) { for (const chapter of book.chapters) {
const chapterNumber = Number(chapter.chapter) const chapterNumber = Number(chapter.chapter)