About the Show
Radio Localized is a fortnightly radio show produced for KBFG-FM, 107.3 in Seattle. Every episode features a different location on the globe -- a country, a state, a neighborhood, sometimes a single building -- and features music written and/or performed by artists who are identified with that place. If you would like to have a listen, please hop on over to my MixCloud account at mixcloud.com/radiolocalized/
About the Site
This site serves as an interactive companion to the radio show, connecting each song to its place of origin on a map. Using the Mixcloud Widget API, the site listens to the embedded player's playback position and automatically highlights the current song in the tracklist, expands its details, and flies the map to its geographic coordinates -- all in real time as the episode plays. Click any song to explore its location, or just press play and let the journey unfold.
Repository and Demo
- This repo resides at github.com/bixgomez/radiolocalized
- You can see it in action at radiolocalized.com
Notes
- Built on Drupal, hosted on Linode
- This site is built on Drupal 10
- Core, modules and dependencies are managed with Composer
- Hosted on a Linode VPS running Ubuntu
- Front End
- Entirely custom theme
- Vite build workflow with BrowserSync for live reloading
- Semi-atomic Sass structure: not strict Brad Frost methodology, but influenced by its top-down modular approach
- The Maps
- Using Leaflet Maps to display locations specific to each song featured on each episode
- Custom JavaScript handles the map interactions and song-to-location coordination
- Mixcloud Integration
- Episodes embed the Mixcloud player directly
- Song list syncs with playback position, highlighting the current track and updating the map