other Implement labels for new and modified content Add 'New' and 'Modified' labels for recent content. Jan 27
other Update index.svx Jan 27
style update background gradient in ChangelogMarquee Jan 27
style remove flex-wrap from Breadcrumb component Jan 27
refactor simplify ChangelogMarquee component by removing animation logic and enhancing layout with CSS animations Jan 27
feat add Cloudflare Pages build configuration and enhance changelog generation for shallow repositories Jan 27
style update border color in changelog component for improved visual consistency Jan 27
refactor replace GSAP with horizontalLoop for seamless animation in ChangelogMarquee component Jan 27
feat add horizontalLoop function for seamless x-axis animations of elements Jan 27
feat add Umami analytics script for website tracking Jan 27
style remove hover effect from marquee items Jan 27
style update ChangelogMarquee component with improved styling and layout adjustments Jan 27
feat implement DotField and PerlinNoise classes for dynamic canvas dot animations in Dots component Jan 26
feat add ChangelogMarquee component for displaying commit history with GSAP animations Jan 26
feat implement a timeline view for changelog with grouped commits by date and enhanced styling Jan 26
feat add scripts for extracting and rewriting git commit history, along with a new article and image for documentation Jan 26
refactor commit synchronized Jan 26
fix commit.json typo Jan 26
refactor cleaned up commit message changer script Jan 26
refactor cleaned up commit message changer script Jan 26
feat added commit message changer script Jan 26
style enhance background gradients and visual consistency Jan 26
style update visual feedback for YearComponent Jan 26
refactor improve breadcrumb logic and callout styling Jan 26
refactor remove tag-related routing and components Jan 26
style remove unused font declarations and clean up demo styles Jan 26
style adjust grid layout column width for widgets Jan 26
fix normalize file paths in date generation and content retrieval Jan 26
style update typography and spacing for improved readability Jan 26
refactor clean up index.svx and add future enhancement list Jan 25
feat add audio feedback and improve event handling in components Jan 25
refactor enhance callout component and search modal functionality Jan 25
refactor support multiple modification dates in content date logic Jan 25
feat introduce reusable Icons component Jan 25
feat implement button and link components with audio feedback Jan 25
feat add custom markdown layout and audio-enabled link components Jan 25
refactor remove reader mode functionality Jan 25
feat add changelog generation script and page Jan 25
feat enhance audio-visual components and add demo pages Jan 25
docs update bookmarks in articles and interesting sections Jan 25
feat introduce audio feedback with ClickSound and ToneSound Jan 24
style refine search modal styles and add blog redirection Jan 24
feat add content date generation and year progress component Jan 24
feat implement theme management and remove unused components Jan 24
feat add breadcrumb navigation and folder-based items Jan 24
feat implement SearchModal and integrate flexsearch Jan 23
refactor simplify layout structure and update theme toggle Jan 22
refactor update sidebar and widgets, refine layout styles Jan 22
chore initial commit Jan 22

other Implement labels for new and modified content Add 'New' and 'Modified' labels for recent content. Jan 27
other Update index.svx Jan 27
style update background gradient in ChangelogMarquee Jan 27
style remove flex-wrap from Breadcrumb component Jan 27
refactor simplify ChangelogMarquee component by removing animation logic and enhancing layout with CSS animations Jan 27
feat add Cloudflare Pages build configuration and enhance changelog generation for shallow repositories Jan 27
style update border color in changelog component for improved visual consistency Jan 27
refactor replace GSAP with horizontalLoop for seamless animation in ChangelogMarquee component Jan 27
feat add horizontalLoop function for seamless x-axis animations of elements Jan 27
feat add Umami analytics script for website tracking Jan 27
style remove hover effect from marquee items Jan 27
style update ChangelogMarquee component with improved styling and layout adjustments Jan 27
feat implement DotField and PerlinNoise classes for dynamic canvas dot animations in Dots component Jan 26
feat add ChangelogMarquee component for displaying commit history with GSAP animations Jan 26
feat implement a timeline view for changelog with grouped commits by date and enhanced styling Jan 26
feat add scripts for extracting and rewriting git commit history, along with a new article and image for documentation Jan 26
refactor commit synchronized Jan 26
fix commit.json typo Jan 26
refactor cleaned up commit message changer script Jan 26
refactor cleaned up commit message changer script Jan 26
feat added commit message changer script Jan 26
style enhance background gradients and visual consistency Jan 26
style update visual feedback for YearComponent Jan 26
refactor improve breadcrumb logic and callout styling Jan 26
refactor remove tag-related routing and components Jan 26
style remove unused font declarations and clean up demo styles Jan 26
style adjust grid layout column width for widgets Jan 26
fix normalize file paths in date generation and content retrieval Jan 26
style update typography and spacing for improved readability Jan 26
refactor clean up index.svx and add future enhancement list Jan 25
feat add audio feedback and improve event handling in components Jan 25
refactor enhance callout component and search modal functionality Jan 25
refactor support multiple modification dates in content date logic Jan 25
feat introduce reusable Icons component Jan 25
feat implement button and link components with audio feedback Jan 25
feat add custom markdown layout and audio-enabled link components Jan 25
refactor remove reader mode functionality Jan 25
feat add changelog generation script and page Jan 25
feat enhance audio-visual components and add demo pages Jan 25
docs update bookmarks in articles and interesting sections Jan 25
feat introduce audio feedback with ClickSound and ToneSound Jan 24
style refine search modal styles and add blog redirection Jan 24
feat add content date generation and year progress component Jan 24
feat implement theme management and remove unused components Jan 24
feat add breadcrumb navigation and folder-based items Jan 24
feat implement SearchModal and integrate flexsearch Jan 23
refactor simplify layout structure and update theme toggle Jan 22
refactor update sidebar and widgets, refine layout styles Jan 22
chore initial commit Jan 22

Year Progress - 2026

27 / 365 days completed (7%)

Sound & FX Demo

Hover or click on each button to interact

ClickSound (Web Audio API)

Uses audio files with Web Audio API for playback

preset="general"

src: /click.mp3 hover: vol 0.15, rate 1.5 click: vol 0.4, rate 1

preset="settings"

src: /click2.mp3 hover: vol 0.1, rate 1.8 click: vol 0.3, rate 1.2

preset="special"

src: /click3.mp3 hover: vol 0.2, rate 1.3 click: vol 0.5, rate 0.9

preset="soft"

src: /click4.mp3 hover: vol 0.08, rate 1.6 click: vol 0.2, rate 1.1

preset="sharp"

src: /click5.mp3 hover: vol 0.12, rate 1.4 click: vol 0.35, rate 1

preset="deep"

src: /click6.mp3 hover: vol 0.1, rate 1.2 click: vol 0.4, rate 0.8

Usage

<ClickSound preset="general">
  <button>Click me</button>
</ClickSound>

ToneSound (Tone.js Synth)

Uses Tone.js synthesizers for generated sounds

preset="general"

synth: synth hover: C5, vel 0.2

preset="soft"

synth: am hover: E5, vel 0.15

preset="pluck"

synth: pluck hover: G5, vel 0.25

preset="digital"

synth: fm hover: A5, vel 0.2

preset="drum"

synth: membrane hover: C3, vel 0.15

preset="bell"

synth: metal hover: C6, vel 0.1

ColorChange (Visual FX)

Generates random HEX colors on interaction using Svelte styles

BACKGROUND

mode="background"

Changes background color Output: Random HEX

TEXT

mode="text"

Changes text color Output: Random HEX

BORDER

mode="border"

Changes border color Output: Random HEX

Usage

<ColorChange mode="background" let:currentColor>
  <span>Current: {currentColor}</span>
</ColorChange>

<!-- Simple Text Mode -->
<ColorChange mode="text">
  Hover me!
</ColorChange>