From b3f5186459c95e5690779b0c57812fb3f0424c2c Mon Sep 17 00:00:00 2001 From: h202-wq Date: Wed, 19 Aug 2026 07:47:58 -0400 Subject: [PATCH] NT only - Fixed center seal --- src/App.tsx | 2 +- src/style.css | 25 ++++++++++++++++++++----- src/verse.ts | 3 +++ 3 files changed, 24 insertions(+), 6 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index d313d06..64dedef 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -96,7 +96,7 @@ export default function App() {

A new verse is appointed in {countdown}

-

King James Version · Public Domain · 31,102 verses

+

King James Version · Public Domain · The New Testament

) diff --git a/src/style.css b/src/style.css index 224c9e6..bb8879b 100644 --- a/src/style.css +++ b/src/style.css @@ -60,13 +60,19 @@ body { display: flex; flex-direction: column; align-items: center; - justify-content: space-between; - padding: clamp(1.5rem, 4vh, 3rem) clamp(1.25rem, 5vw, 3rem); + justify-content: center; + padding: 0 clamp(1.25rem, 5vw, 3rem); text-align: center; } .app-header { + position: absolute; + top: clamp(1.25rem, 4vh, 2.5rem); + left: 0; + right: 0; width: 100%; + padding: 0 clamp(1.25rem, 5vw, 3rem); + pointer-events: none; } .title { @@ -96,13 +102,15 @@ body { } .app-main { - flex: 1; + width: 100%; + max-width: 64rem; + min-height: 100vh; + min-height: 100dvh; display: flex; flex-direction: column; justify-content: center; align-items: center; - width: 100%; - padding: 2.5rem 0; + padding: clamp(4.5rem, 12vh, 7rem) 0; } .seal { @@ -123,6 +131,7 @@ body { .seal svg { width: 34%; height: 34%; + display: block; opacity: 0.85; } @@ -242,7 +251,13 @@ body { } .app-footer { + position: absolute; + bottom: clamp(1.25rem, 4vh, 2.5rem); + left: 0; + right: 0; width: 100%; + padding: 0 clamp(1.25rem, 5vw, 3rem); + pointer-events: none; } .countdown { diff --git a/src/verse.ts b/src/verse.ts index 052010d..64efd20 100644 --- a/src/verse.ts +++ b/src/verse.ts @@ -60,7 +60,10 @@ export async function loadKJV(): Promise { if (!res.ok) throw new Error(`Failed to load scripture (${res.status})`) const data = (await res.json()) as KJVData flat = [] + let inNewTestament = false for (const book of data.books) { + if (book.book === 'Matthew') inNewTestament = true + if (!inNewTestament) continue const name = book.book === 'Psalms' ? 'Psalm' : book.book for (const chapter of book.chapters) { const chapterNumber = Number(chapter.chapter)