n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update article

Browse Source
This commit is contained in:
Nathan Upchurch
2025-11-21 18:04:34 -06:00
parent 29408d8d65
commit a26fb31b68
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
content/blog/new-audio-component-ballin.md
View File

@@ -10,6 +10,10 @@ imageURL: /audio/covers/ballin.webp
imageAlt: An uncapped fountain pen on top of a pretty, gold-foiled pad of paper beside some envelopes with stamps featuring coffee drinks on them. imageAlt: An uncapped fountain pen on top of a pretty, gold-foiled pad of paper beside some envelopes with stamps featuring coffee drinks on them.
mastodon_id: "113360498256457079" mastodon_id: "113360498256457079"
--- ---
::: info
Update 2025-11-21: I actually got rid of of all web components on this site because they were heavy, unnecessary, and didn't render in folks' RSS readers. Currently, I'm using plain old HTML for this, rendered by Eleventy from a convenient shortcode.
:::
Fresh from [my text editor](https://kate-editor.org/) comes a neat little web component that packages the native HTML `<audio>` tag inside a `<figure>` with a song name, title, and a graphic — an album cover perhaps. Here's what it looks like, featuring a very catchy drum and bass tune, "Ballin'," by Vibe Chemistry: Fresh from [my text editor](https://kate-editor.org/) comes a neat little web component that packages the native HTML `<audio>` tag inside a `<figure>` with a song name, title, and a graphic — an album cover perhaps. Here's what it looks like, featuring a very catchy drum and bass tune, "Ballin'," by Vibe Chemistry:
{% audio "Ballin’", "Vibe Chemistry", "/audio/ballin.mp3", "/audio/covers/ballin.webp" %} {% audio "Ballin’", "Vibe Chemistry", "/audio/ballin.mp3", "/audio/covers/ballin.webp" %}