# Brodiegraphics

> Portfolio website for Daniel Brodie, an award-winning Broadway projection designer specializing in theater, opera, ballet, concerts, and live events.

This is a PHP-based portfolio site showcasing theatrical projection design work including Hamilton, The Wiz, Motown, Aladdin, and Cinderella. The site emphasizes performance, accessibility, and SEO through comprehensive Schema.org structured data implementation.

## Core Pages

- [Home](https://brodiegraphics.com/): Portfolio showcase with video backgrounds featuring Broadway productions
- [About](https://brodiegraphics.com/about/): Daniel Brodie's background, career, and professional journey
- [Credits](https://brodiegraphics.com/credits/): Complete production credits list for theater, opera, and concert work
- [Process & Craft](https://brodiegraphics.com/projection-designer/): Explanation of projection design methodology and tools
- [Quotes](https://brodiegraphics.com/quotes/): Testimonials from directors, producers, and collaborators

## Technical Architecture

- Server-side rendering: Pure PHP/HTML/CSS (no JavaScript framework)
- Configuration: Centralized in `config.php` with CSP headers and environment detection
- Structured Data: `structured-data-implementation.php` manages Schema.org JSON-LD for Person, CreativeWork, VideoObject, and ImageObject schemas
- Security: Strict Content Security Policy with nonce-based inline styles/scripts
- Media: Optimized videos (480p/720p/1080p) in MP4/WebM, WebP images with AVIF fallbacks
- Fonts: Self-hosted Manrope and Montserrat
- Progressive Enhancement: Videos enhance experience but aren't required for content access

## Notable Productions

- Hamilton (Tony Awards performance projection design)
- The Wiz (Broadway revival)
- Motown: The Musical (Broadway)
- Aladdin (Broadway)
- Cinderella (Royal Albert Hall)
- Outside Lands Music Festival

## Contact

- Website: https://brodiegraphics.com
- Twitter: @daniel_brodie
- Email: Contact form available on site

## Optional

- [Error Pages](https://brodiegraphics.com/404.php): Custom 403, 404, and 500 error pages with WebGL2 generative art backgrounds
- [Site Manifest](https://brodiegraphics.com/site.webmanifest): PWA configuration
- [Robots.txt](https://brodiegraphics.com/robots.txt): Crawl configuration with sensitive path protection