Live-coded Strudel patterns#

Embed a fully editable, playable Strudel REPL right inside a post. Press play, tweak the code, and the sound updates instantly. Test

To add one yourself, wrap a fenced code block in a :::strudel directive:

1
:::strudel
2
\`\`\`js
3
note("c a f e").s("piano")
4
\`\`\`
5
:::

YouTube & video embeds#

Drop in any YouTube upload with a one-line directive. Use the video id or the full URL:

1
::youtube{id="jNQXAC9357I"}
2
::youtube[My live set]{url="https://youtu.be/jNQXAC9357I"}

Which renders a responsive player (replace the id with your own upload):

The floating player#

Once tracks are added in src/config/musicPlayerConfig.ts, a floating player appears in the corner and keeps playing as you move between pages.

Guitar Pro tabs & downloads#

Attach downloadable files to any post — Guitar Pro tabs (.gp5, .gp, .gpx), score PDFs, MIDI, audio, anything. Drop the file in public/assets/tabs/ and use the ::guitartab directive (or the generic ::download):

1
::guitartab[Song Name]{file="/assets/tabs/my-song.gp5"}
2
::download[Score PDF]{file="/assets/tabs/my-song.pdf"}

Each renders a clickable download card with a format badge. Every tab you want listed in one place also belongs in the dedicated Tabs page — edit src/config/tabsConfig.ts to add entries there.

TIP

Files are served straight from public/ (no MinIO or Git LFS needed for normal tabs). Edit src/config.ts to set your social links, drop audio into public/assets/music/url/ with cover art in public/assets/music/cover/, and put Guitar Pro tabs / PDFs in public/assets/tabs/.

Stay tuned. ✦