Radio Localized Drupal Theme

This is a custom Drupal 10 theme for Radio Localized (radiolocalized.com), a weekly radio show on KBFG-FM in Seattle. The show itself can be heard at mixcloud.com/radiolocalized – this website is my ongoing project to create an interactive companion site that maps the geographic origins of songs featured in each episode.

This project demonstrates how I approach actual client work: starting with core functionality, building incrementally, and maintaining clean code while the project evolves. The to-do list in the README shows my planning process and how I prioritize technical debt vs. new features. The entire codebase is my work, built from scratch for this specific use case without frameworks or AI assistance. While incomplete, it’s been running reliably and demonstrates the kind of custom solutions I create for mission-driven projects.

Important context:
This is very much a work-in-progress! The site demonstrates my development approach when building incrementally – solving core technical challenges first, then iterating on UX and content architecture.

Key code to peruse:

  1. Interactive mapping script.js
    The JavaScript that processes coordinate data from Drupal and renders via Leaflet.js (visible on episode pages). Demonstrates data processing, API integration, and DOM manipulation
  2. Sass Function sass/00_functions/_base-font-size.scss This Sass function demonstrates problem-solving with limited tools. Written before clamp() and container queries existed, it creates fluid typography that scales proportionally between breakpoints. While modern CSS has better solutions now, this shows how I’ve approached complex problems by building custom solutions rather than waiting for better tools. Also it was great fun!
  3. CSS/Sass Architecture sass/04_layout (in particular _layout--page.scss) Demonstrates systematic thinking about complex layout problems

The entire repository can be found at https://github.com/bixgomez/radiolocalized