NT only - Fixed center seal
This commit is contained in:
+1
-1
@@ -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
@@ -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 {
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
Reference in New Issue
Block a user