{#snippet checkpoint(db: number, passed: boolean)}
{db}dBA
{/snippet} {#snippet timeCard(db: number | undefined)}

{db}dBA - {getElapsedTime(firstScroll, db ? checkpointTimes[db] : firstScroll)}

{/snippet} {#if innerWidth === 0 || innerHeight === 0}
{:else}
{#each decibelMeter as digit, i}
{/each}
{#each checkpointDecibels as db}
{@render checkpoint(db, currentDecibel >= db)}
{/each}

{#if currentCheckpoint === 0} Vau kui vali! {:else} {soundCheckpoints[currentCheckpoint]?.title} {/if}

{#if currentCheckpoint === 0}

Nagu paljud võivad teada, on detsibellide skaala logaritmiline.
60dB on 2x valjem, kui 50dB.

See info ei jõudnud mulle eriti kohale.
Intuitiivsemaks arusaamiseks tegin selle lehe.
Proovi, keri alla.

{:else}

{soundCheckpoints[currentCheckpoint]?.description}

{/if}

Sul läks ikka kaua...

{#snippet child({ props })} {/snippet}
{@render timeCard(checkpointDecibels.at(-1))} {#each checkpointDecibels.slice(1, -1).reverse() as db} {@render timeCard(db)} {/each}
Helitugevuste allikad:
{/if}