diff --git a/src/lib/components/StreakAura.svelte b/src/lib/components/StreakAura.svelte index 5f2530a..c888a9e 100644 --- a/src/lib/components/StreakAura.svelte +++ b/src/lib/components/StreakAura.svelte @@ -2,15 +2,16 @@ export let value: number = 0; const phase = - value >= 365 ? 5 : - value >= 180 ? 4 : - value >= 90 ? 3 : - value >= 30 ? 2 : - value >= 7 ? 1 : 0; + value >= 365 ? 6 : + value >= 180 ? 5 : + value >= 90 ? 4 : + value >= 30 ? 3 : + value >= 14 ? 2 : // NEW: particles only + value >= 7 ? 1 : 0; -
=3}> - {#if phase >= 5} +
=4}> + {#if phase >= 6}
@@ -27,29 +28,41 @@
{/if} - {#if phase >= 4} + {#if phase >= 5}
{/if} - {#if phase >= 2} -
-
+ +{#if phase >= 2} +
+
+ {#if phase >= 3}
-
-
-
-
-
-
-
-
-
-
-
-
-
+ {/if} +
- {/if} + +
+ {#if phase >= 3} +
+ {/if} +
+
+ +
+ {#if phase >= 3} +
+ {/if} +
+
+ +
+ {#if phase >= 3} +
+ {/if} +
+
+{/if} {value}
@@ -64,10 +77,10 @@ display: grid; place-items: center; } -.aura.phase-2, .aura.phase-3, .aura.phase-4, -.aura.phase-5 +.aura.phase-5, +.aura.phase-6 { height: 88px; }