george/bibdle
1
0
Fork 0
mirror of https://github.com/pupperpowell/bibdle.git synced 2026-04-06 01:43:32 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: add progress page with activity calendar, book grid, and insights

Browse Source 
Adds a new /progress route showing a personalized Bible knowledge dashboard
with stat cards, book mastery grid, 30-day activity calendar, skill growth
chart, streak milestones, and section insights. Links added from WinScreen
(logged-in users) and DevButtons.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
George Powell
2026-03-21 23:33:47 -04:00
parent 67d9757f98
commit 3eb3a968dc
8 changed files with 1356 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/lib/components/ProgressStatCard.svelte Normal file
View File

@@ -0,0 +1,25 @@
<script lang="ts">
import Container from "$lib/components/Container.svelte";
interface Props {
emoji: string;
value: string;
label: string;
colorClass: string;
suffix?: string;
}
let { emoji, value, label, colorClass, suffix }: Props = $props();
</script>
<Container class="p-4 md:p-6 w-full">
<div class="text-center w-full">
<div class="text-2xl md:text-3xl mb-1">{emoji}</div>
<div class="text-2xl md:text-3xl font-bold {colorClass} mb-1">
{value}{#if suffix}<span class="text-base font-normal text-gray-400"
>&nbsp;{suffix}</span
>{/if}
</div>
<div class="text-xs md:text-sm text-gray-300 font-medium">{label}</div>
</div>
</Container>