SideGuy Text PJ
Internal · Music System Demo

SideGuy Music — drop-in audio for any page

Two-liner snippet. Mood-driven. Spotify / YouTube / SoundCloud. Map lives in /data/music-map.json — change once, every page updates.

Coastal mood (Spotify)

Add this anywhere on a page where ocean vibe fits — vacation rental shareables, North County listings.

Build mood (YouTube — lofi)

For "Get Unstuck" / spec / build pages where you want focus background.

Crypto mood

For crypto explainer pages — degen-tinged but readable.

How to add to any page

Drop these 2 lines anywhere in the body (typically just before </body>):

<div class="sg-music" data-mood="coastal"></div>
<script src="/components/sg-music.js" defer></script>

Available moods: default, coastal, crypto, story, build. Add new ones in /data/music-map.json.

To deploy a new track / mood

# 1. edit data/music-map.json (add or change a mood)
# 2. ship just the map:
./fastship.sh "music: add new mood" data/music-map.json

Every page using the snippet picks up the new map on next load (cache-busted via ?ts=).