I designed and built this fragile world as a home for my photography—a site where viewers could experience images slowly and intentionally. It’s built from scratch using HTML, CSS, and JavaScript, with fully accessible code and custom CMS and backend systems.
Light Mode on Mobile and High Contrast Mode on Tablet
Dark Mode on Web
Design Features
📱 Fully Responsive
Works beautifully on web and mobile without separate codebases.
🌗 Supports Viewer Preferences
Light mode, dark mode, and high-contrast mode for improved accessibility.
🔍 Zoom-Friendly UI
Fully accessible and error-free at any scale.
Photo Stack Feature on the About Page
Accessibility Features
🔧 Semantic HTML5 Structure
Built from the ground up with accessible, meaningful markup.
🔊 ARIA Labels on Interactive Elements
Enhances clarity for assistive tech without cluttering the visual UI.
🧭 Screen Reader-Friendly Navigation
Smooth, contextual browsing without surprises or dead ends.
🖼️ 190+ Custom-Written Alt Texts
Every gallery image is described with care for screen reader users.
Custom CMS
Each gallery pulls from a JSON file that organizes the images, defines their display order, and links alt text and metadata directly to each photo.
This approach keeps the site fast, portable, and easy to maintain.
Diagram of how the galleries are dynamically created by the custom CMS
Developed a photography portfolio from the ground up—hand-coded with HTML, CSS, and JavaScript—featuring a bespoke CMS and immersive gallery experience.