Overview
This site is a from-scratch rebuild of my portfolio: same purpose — showing my cybersecurity skills, projects, and certifications to potential employers — but a new design system, a static build with no framework dependencies to audit, and hosting moved from Netlify to GitHub Pages so the whole thing lives and deploys directly from source control.
Design
The visual language is a monochrome, typography-driven system built around Space Grotesk and Space Mono, with restrained use of a single accent color. The goal was information density without clutter — a portfolio that reads as precise and technical rather than decorative, which fits a security-focused audience better than the previous animated-gradient design.
Build
- HTML & CSS: Hand-written, no build step. CSS custom properties drive a dark/light theme system with no framework overhead.
- JavaScript: A small script handles the theme toggle and persists the choice in
localStorage— nothing else on the page requires JS to function. - Responsive layout: Flexbox-based, tested down to mobile widths, with no media-query-heavy framework grid.
- Hosting: Deployed via GitHub Pages directly from the repository, removing the third-party hosting dependency and keeping the deploy path fully inspectable.
Why It Matters
For a cybersecurity-facing portfolio, the build itself is part of the pitch: a lean, dependency-light static site is easier to audit end-to-end than a site pulling in a large client-side framework, and self-hosting the deploy pipeline through GitHub Pages keeps the entire chain — source, build, and hosting — in one place I control.
Screenshots
[ADD SCREENSHOT: before/after comparison — original design vs. current]