Architecture Portfolio
A scroll-driven portfolio website for an architect, presenting 25 projects across four categories.
readme / overview
Static HTML, CSS and layered JavaScript modules, GSAP, a scroll engine and Cloudflare Pages.
A personal architecture portfolio I designed and built for Jimmy Cheng Hiang Jong: a three-page site (home, archive and project sheet) presenting 25 projects across professional practice, interior, Master of Architecture and degree work.
- Year
- 2026
- Technology
- HTML, CSS, JavaScript (ES modules), GSAP, Scroll engine, Cloudflare Pages
contribution / build notes
What I worked on
Designed and built a three-page static site in vanilla JavaScript modules, organised in layers with a boundary check.
Built the opening effect: scrolling moves a section line down the Future Elderscape plate, turning the line drawing into the render.
Added a pinned sideways project rail on desktop, a snap swipe strip on phones, and image-to-page transitions when a project opens.