george/bibdle
1
0
Fork 0
mirror of https://github.com/pupperpowell/bibdle.git synced 2026-02-04 10:54:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

v2.01 style change

Browse Source
This commit is contained in:
George Powell
2025-12-16 20:52:18 -05:00
parent 32a078dd98
commit 2979a25129
1 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/routes/+page.svelte
View File

@@ -99,6 +99,16 @@
return "🔴 C-"; return "🔴 C-";
} }
function toOrdinal(n: number): string {
if (n >= 11 && n <= 13) {
return `${n}th`;
}
const mod = n % 10;
const suffix =
mod === 1 ? "st" : mod === 2 ? "nd" : mod === 3 ? "rd" : "th";
return `${n}${suffix}`;
}
function generateUUID(): string { function generateUUID(): string {
// Try native randomUUID if available // Try native randomUUID if available
if (typeof window.crypto.randomUUID === "function") { if (typeof window.crypto.randomUUID === "function") {
@@ -391,13 +401,13 @@
<h2 class="text-2xl sm:text-4xl font-black mb-4 drop-shadow-lg"> <h2 class="text-2xl sm:text-4xl font-black mb-4 drop-shadow-lg">
🎉 Congratulations! 🎉 🎉 Congratulations! 🎉
</h2> </h2>
<p class="text-lg sm:text-xl md:text-2xl mb-4"> <p class="text-lg sm:text-xl md:text-2xl">
The verse is from <span The verse is from <span
class="font-black text-xl sm:text-2xl md:text-3xl" class="font-black text-xl sm:text-2xl md:text-3xl"
>{getBookById(correctBookId)?.name}</span >{getBookById(correctBookId)?.name}</span
> >
</p> </p>
<p class="text-xl opacity-90">{dailyVerse.reference}</p> <!-- <p class="text-xl opacity-90">{dailyVerse.reference}</p> -->
<p <p
class="text-2xl font-bold mt-6 p-2 mx-2 bg-black/20 rounded-lg inline-block" class="text-2xl font-bold mt-6 p-2 mx-2 bg-black/20 rounded-lg inline-block"
> >
@@ -424,22 +434,24 @@
> >
<p class="font-semibold"> <p class="font-semibold">
You were the <span class="text-2xl font-black" You were the <span class="text-2xl font-black"
>#{statsData.solveRank}</span >{toOrdinal(statsData.solveRank)}</span
> person to solve today! > person to solve today.
</p> </p>
<p class="font-semibold"> <p class="font-semibold">
You ranked <span class="text-2xl font-black" You are <span class="text-2xl font-black"
>#{statsData.guessRank}</span >{toOrdinal(statsData.guessRank)}</span
> by number of guesses > in guesses.
</p> </p>
<p class="opacity-90"> <!-- <p class="opacity-90">
{statsData.totalSolves} {statsData.totalSolves}
{statsData.totalSolves === 1 {statsData.totalSolves === 1
? "person has" ? "person has"
: "people have"} solved today : "people have"} solved today
</p> </p> -->
<p class="opacity-90"> <p class="opacity-90">
Average guesses: {statsData.averageGuesses} Average: <span class="font-semibold"
>{statsData.averageGuesses.toFixed(1)}</span
> guesses
</p> </p>
</div> </div>
{:else if !statsSubmitted} {:else if !statsSubmitted}