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

add percentile stats, update chapter guess UI

Browse Source
This commit is contained in:
George Powell
2026-01-28 23:03:51 -05:00
parent 2df97f66bf
commit d21ca9d687
4 changed files with 235 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/lib/components/WinScreen.svelte
View File

@@ -16,6 +16,7 @@
totalSolves: number;
averageGuesses: number;
tiedCount: number;
percentile: number;
}
interface WeightedMessage {
@@ -169,7 +170,9 @@
>
<!-- Solve Rank Column -->
<div class="flex flex-col">
<div class="text-3xl sm:text-4xl font-black">
<div
class="text-3xl sm:text-4xl font-black border-b border-gray-300 pb-2"
>
#{statsData.solveRank}
</div>
<div class="text-sm sm:text-sm opacity-90 mt-1">
@@ -180,7 +183,9 @@
<!-- Guess Rank Column -->
<div class="flex flex-col">
<div class="text-3xl sm:text-4xl font-black">
<div
class="text-3xl sm:text-4xl font-black border-b border-gray-300 pb-2"
>
{toOrdinal(statsData.guessRank)}
</div>
<div class="text-sm sm:text-sm opacity-90 mt-1">
@@ -189,13 +194,20 @@
? "solve"
: "solves"}{statsData.tiedCount > 0
? `, tied with ${statsData.tiedCount} ${statsData.tiedCount === 1 ? "other" : "others"}`
: ""}
: ""}.<br />
{#if statsData.percentile <= 25}
<span class="font-bold">
(Top {statsData.percentile}%)
</span>
{/if}
</div>
</div>
<!-- Average Column -->
<div class="flex flex-col">
<div class="text-3xl sm:text-4xl font-black">
<div
class="text-3xl sm:text-4xl font-black border-b border-gray-300 pb-2"
>
{statsData.averageGuesses}
</div>
<div class="text-sm sm:text-sm opacity-90 mt-1">