Static pages, interactive details
How this portfolio puts useful content into the first HTML response while keeping its project dialogs, filters and technology tabs.
Read build noteNOTES FROM THE BUILD
Decisions behind
the details.
Practical notes from this portfolio’s actual code. Rendering, motion and interaction choices explained with the code that connects them.
Build notes
Motion and glass need a readable resting state
How the portfolio keeps its assembled hero, project links and glass surfaces useful when motion or refraction is unavailable.
Read build noteA coverflow that starts with HTML
Sharing one geometry function between the static build and the browser keeps the project covers in a consistent starting arrangement.
Read build note