Bryon Urbanec

This project is a standalone Twig and PHP prototyping environment for building Drupal components without a full CMS install. The template naming, namespace structure, and Sass patterns mirror Drupal's own conventions so anything built here drops cleanly into a production theme. Built around a food card UI kit to demonstrate accessible, reusable component architecture with CSS custom properties.

• Drupal-compatible from the start: I've structured templates, Twig namespaces, and Sass the same way Drupal expects them, so I'm not translating anything when it's time to ship
• Custom Attribute class shim: I wrote a PHP class that replicates Drupal's native attributes object so Twig templates behave the same as they would inside a real Drupal environment
• Sass design token system: Colors and typography live as CSS custom properties in their own partials, organized the same way a Drupal theme would consume them
• Accessibility fixes baked in: The source UI kit had transparent labels on the star ratings and category tags, which created contrast issues over background images. I've given those elements solid backgrounds so they're actually readable
• One component, two layouts: The teaser card handles both vertical and horizontal orientations from a single template using a data flag, no duplicated markup needed
• Builds to static for GitHub Pages: Compiled output lives in a docs/ folder so the demo is easy to host and share without standing up a server

Raleigh's site serves a large and diverse population, so getting the details right really matters. The work here touched several parts of the public-facing site as well as a couple of internal city platforms.

• Services and Events: Refined the Drupal views and Twig template overrides powering the Service Categories and Events displays, making it easier for residents to find what they need without unnecessary friction
• Alert component: Audited and updated the site-wide alert so it meets WCAG contrast requirements and announces correctly to screen readers
• Accessibility across the site: Worked through a range of issues across multiple components, from keyboard navigation and focus management to missing ARIA labels, bringing the site closer to WCAG 2.1 AA compliance
• Internal city platforms: Updated modules and components on two separate internal city sites, addressing accessibility gaps and visual design updates to keep them consistent with the broader city brand

The San Antonio Breast Cancer Symposium is one of the largest breast cancer research conferences in the world. I worked with a team to build out the WordPress site, taking ownership of several components throughout.

• Collaborated with the team across the site build, contributing to multiple components
• Implemented GSAP animations tied to scroll triggers — including sequential image fades, elements that slide and fade into view, and smooth gallery transitions
• Focused on making the interface feel alive and purposeful without being distracting

A full site retheme for Stanford's research administration portal used by faculty, staff, and students across the university. I worked with a team on this one, taking the lead on several components — particularly those driving the content sections of the site.

• Owned development of several components, with a focus on the content-heavy sections of the site
• Built in Twig, SCSS, JavaScript, and PHP within a Drupal environment
• Handled Drupal core and module updates throughout the project

IAALS is a nonpartisan research center at the University of Denver dedicated to improving the American legal system. I collaborated with another developer to build out the components that make up their public-facing site, working primarily in Twig and SCSS within a Drupal environment.

Boundarystone is a local history blog from WETA, Washington DC's public broadcaster, covering the history and culture of the DC region. I themed many of the components throughout the site and handled Drupal configuration changes as they came up during the build.

• Themed a wide range of components in Twig, SCSS, and PHP
• Made Drupal configuration changes as needed throughout the project
• Used CSS container queries on several components to handle dynamic content gracefully, letting layouts adapt to their content rather than the viewport

A restaurant guide from WETA spotlighting the food culture of the Washington DC area. I handled the majority of the components and themed sections throughout the site.

• Built and themed most of the site's components in Twig, SCSS, and PHP
• Themed the interactive map, integrating it with the overall visual design of the site