personal portfolio
personal website where I share thoughts and projects
astrotypescriptwebGLmdx
this is the website you’re currently viewing. I built it to showcase my work and share my thoughts on life in general.
Features
- WebGL noise background - animated perlin noise with dithering, reacts to music
- Music player - press
mto play music, background goes brrr - Theme toggle - press
0to switch between light and dark modes - Keyboard navigation - press
nfor navigation menu - MDX blog - write posts in Markdown with component support
Technical Details
- the background uses WebGL with a custom shader featuring perlin noise. it responds to audio input, warping the texture based on bass and overall levels.
- state persists across page navigations - the background animation, music playback, and navigation component all continue seamlessly by using Astro ClientRouter.