VO Portfolio Site
Jekyll-based voice-over portfolio with inline Wavesurfer.js audio players, Cloudinary hosting, and GitHub Pages deployment.
2025
A professional voice-over portfolio website built from scratch with Jekyll and hosted on GitHub Pages.
Key Features
- Single-page scrolling design with anchor navigation
- Inline Wavesurfer.js audio players with mutex control (one plays at a time)
- External audio hosting via Cloudinary with automatic MP3 conversion
- Responsive grid layout with expandable demo cards
- Contact form with client-side validation and mailto submission
- Scroll-triggered animations with Intersection Observer
- Comprehensive SEO (Open Graph, Twitter Cards, Schema.org)
Technical Decisions
- Data-driven architecture: All content in YAML files, zero hardcoded content in templates
- No Tailwind CDN: Custom utility classes for lightweight, dependency-free styling
- Component CSS: Separate stylesheet per UI component for maintainability
- PowerShell scripts: Windows-native development workflow automation
What I Learned
Building this site taught me the value of constraints. GitHub Pages limits you to whitelisted plugins and Jekyll 3.x, which forced cleaner architecture decisions than having unlimited freedom would have.