Portfolio · Static Site · Vanilla Web

This Site

The portfolio you're looking at — built from scratch in vanilla HTML, CSS, and JavaScript. No frameworks, no build tools, no dependencies.

How it started

I needed a portfolio live before April 18 — the date I planned to go live on LinkedIn and X. I had a week. The constraint was useful: no frameworks, no overthinking, just ship something that looks good and represents the work accurately.

I built it the same way I build everything else — with RIGGS as the execution layer. Designed in conversation, iterated in real time, deployed to Netlify. The whole site went from blank file to live in a single focused work session.

What's in it

  • Particle network hero — canvas-based animation, 100 nodes, custom color system via CSS properties
  • Animated project cards — inline SVGs with CSS animations: CPU chip TX/RX streams, live log feed, radar sweep with angle-synced blip pulses
  • Dark mode — CSS custom properties throughout, consistent across all pages
  • Project detail pages — each project gets its own page with origin story, how it works, and tech stack
  • Netlify Forms — contact form with intent dropdown, no backend required
  • Mobile responsive — grid layouts collapse cleanly on small screens

Technical decisions

No frameworks was a deliberate choice. React or Next.js would've added setup time, build complexity, and dependencies for a site that doesn't need any of them. Vanilla HTML/CSS/JS ships instantly, loads fast, and has no supply chain risk.

All card visuals are inline SVG — no image files, no external assets, styled via CSS custom properties. The radar and chip animations run entirely in CSS. The particle network and log feed are small, self-contained JS functions.

Tech stack

FrontendVanilla HTML, CSS, JavaScript
VisualsInline SVG, CSS animations, Canvas API
FormsNetlify Forms
DeployNetlify (CD from GitHub)
Built withRIGGS (Claude Code)

Get in Touch

Fill out the form and I'll get back to you.