NT only - Fixed center seal
This commit is contained in:
+1
-1
@@ -96,7 +96,7 @@ export default function App() {
|
||||
<p className="countdown">
|
||||
A new verse is appointed in <strong>{countdown}</strong>
|
||||
</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>
|
||||
</div>
|
||||
)
|
||||
|
||||
+20
-5
@@ -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 {
|
||||
|
||||
@@ -60,7 +60,10 @@ export async function loadKJV(): Promise<Verse[]> {
|
||||
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)
|
||||
|
||||
Reference in New Issue
Block a user