mirror of
https://github.com/pupperpowell/bibdle.git
synced 2026-02-04 10:54:44 -05:00
Added greek bible and centered title correctly and added date
This commit is contained in:
@@ -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 — 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} />
|
||||
|
||||
|
||||
Reference in New Issue
Block a user