Public Health Nonprofit: Roots Redesign
Drupal development on a public health education platform redesign for a national nonprofit. 368 of 2,292 commits across 106 tickets over two years, building interactive features, accessibility improvements, and frontend theming.
Drupal CMSJavascriptPHPTwigSCSS
Overview
This is an online course platform for a national public health nonprofit. I was a significant contributor on the redesign, with 368 of 2,292 commits (16%) across 106 tickets over roughly two years. The site went through Drupal 8 to 9 to 10 to 11 during my time on the project.
Interactive Features
The most substantial part of my work was building custom interactive components:
- Flip Card Interactive (NRR-29): templating, JavaScript, animations, transitions, and full accessibility support
- Choose Your Path (NRR-179): scaffolding, theming, scenario-specific backgrounds, keyboard accessibility, and CKEditor styles for stage highlighting
- Interactive Image Puzzle (NRR-410): wedge-based image interaction with keyboard and mouse support, background transitions, image swaps, overlay management, and reset functionality
- Advice Wall (NRR-408): audio file playback with transcripts, tile transitions, Able Player integration, and screen reader descriptions
Theming and Frontend
- Hero image and progress bar (NRR-49)
- Mobile menu fixes (NRR-54, NRR-55)
- Voices paragraph with node template conversion, mobile responsiveness, and transcript functionality (NRR-84)
- Book navigation (NRR-98)
- Modal focus trapping (NRR-99)
- Net worth map visualization
- Footer updates and region stabilization across dozens of tickets
Content Types
- Certificate content type with background image, dynamic content, and print layout (NRR-222, NRR-361)
- Survey content type with pathauto configuration
Tech Stack
Drupal CMSJavascriptPHPTwigSCSS
Attribution
Role:Project Contributor
Sector:
Interested in working together? I'm always open to discussing new projects and opportunities.