HTML · CSS · JavaScript · Responsive design
Simple on purpose, not simple by accident.
I designed and built this site to present my work clearly without
hiding it inside a large framework or complicated build system.
Each page is ordinary semantic HTML, the visual language lives in
one shared stylesheet and JavaScript is used only where it adds
something useful.
The navigation is the main shared JavaScript component. Everything
else is handled by the browser using HTML and CSS: layout, spacing,
typography, responsive behaviour, project cards and visual
hierarchy.
I chose this approach because the site does not need application
state, a database or client-side rendering. A static portfolio
should load quickly, remain easy to understand and be simple to
change without introducing unnecessary dependencies.
Semantic HTML
Shared CSS system
Tiny JavaScript
Responsive layouts
Accessible navigation
Static deployment
portfolio/
deliberately small
index.html
workbench.html
kb-docbot.html
tips.html
styles.css
navbar.css
navbar.js
No framework
No build step
No component library
✓
The browser already does a lot
Use the platform before adding another abstraction