Added greek bible and centered title correctly and added date

This commit is contained in:
George Powell
2025-12-23 22:56:46 -05:00
parent f9f0928278
commit 0e3505b8e7
8 changed files with 33887 additions and 14 deletions

View File

@@ -43,6 +43,15 @@
let guessedIds = $derived(new Set(guesses.map((g) => g.book.id)));
const currentDate = $derived(
new Date().toLocaleDateString("en-US", {
weekday: "long",
year: "numeric",
month: "long",
day: "numeric",
})
);
let isWon = $derived(guesses.some((g) => g.book.id === correctBookId));
let grade = $derived(
isWon
@@ -356,18 +365,21 @@
<title>Bibdle &mdash; A daily bible game{isDev ? " (dev)" : ""}</title>
<meta
name="description"
content="Guess which book of the Bible a daily verse comes from. A Wordle-inspired Bible game!"
content="A Wordle-inspired Bible game (short for Bible Daily)"
/>
</svelte:head>
<div class="min-h-dvh md:bg-linear-to-br md:from-blue-50 md:to-indigo-200 py-8">
<div class="w-full max-w-3xl mx-auto px-4">
<h1
class="text-3xl md:text-4xl font-bold text-center uppercase text-gray-600 drop-shadow-2xl tracking-widest p-8 sm:p-12"
class="text-3xl md:text-4xl font-bold text-center uppercase text-gray-600 drop-shadow-2xl tracking-widest p-4 sm:p-8"
>
<TitleAnimation />
<span class="font-normal">{isDev ? "dev" : ""}</span>
<div class="font-normal">{false ? "dev" : ""}</div>
</h1>
<div class="text-center mb-8">
<span class="big-text">{currentDate}</span>
</div>
<VerseDisplay {data} {isWon} />