Personal portfolio website in Apple's product-page design language: pure black canvas, San Francisco type, flat rounded panels, one blue accent, alternating black/white bands. No gradients, no gimmicks.
Live: https://quantamshade0337.github.io
- Apple design system —
#f5f5f7/#86868bgrays,#1d1d1fpanels,#0071e3blue, system San Francisco fonts (zero font downloads) - Restrained motion — fade-up scroll reveals on Apple's easing curve, count-up stats, a typing macOS terminal, copy-email toast, Konami code easter egg
- Live open-source section — every original public repo pulled from the GitHub API at load, with an embedded snapshot fallback and language filters
- All 10 certifications — Apple, Google, Microsoft, and IMDA, with credential IDs
- Accessible & responsive —
prefers-reduced-motionrespected, semantic markup, mobile-first breakpoints
HTML + CSS + vanilla JavaScript. No build step, no dependencies, no web fonts.
index.html # markup
style.css # design system + components
main.js # interactions, repo/cert rendering
DESIGN.md # Apple design spec the site follows
index.old.html # previous version (kept as reference)
python3 -m http.server 8000
# open http://localhost:8000Test helper: ?snap disables entrance animations (for screenshots).
- GitHub: @quantamShade0337
- LinkedIn: Ethan Soh
© 2026 Ethan Soh. Built with focus and spite.