Portfolio Website

You're Looking At It

This is the site itself — built with vanilla HTML, CSS, and JavaScript, hosted on GitHub Pages. It started life in 2021 from an HTML5 UP template called Forty, which provided a basic structure: tile layouts, image backgrounds, hover effects, and a menu bar. Almost everything else has been rebuilt or replaced, most substantially since early 2026 when I started using GitHub Copilot as a design collaborator to push it toward the aesthetic I always had in mind but couldn't fully realise alone.

Everything runs client-side. No backend, no database, no build step. Static files served from GitHub, nothing more.

The Space Theme

It was a deliberate choice from the start — I've always been drawn to sci-fi, futuristic aesthetics, space-themed films and novels. When I built the first version in 2021 the template constrained how far I could take it. The 2026 redesign was the opportunity to finally build something that matched the vision: a dark, immersive, reactive space environment that feels alive rather than static.

The two features I'm most proud of are the planet and star field animation, and the skills constellation on the resume page. The planet gave me the most trouble — getting the sizing right, the directional glow from the star, the slow drift that doesn't feel mechanical. It took a lot of iteration to feel natural. The page-transition warp effect is still not quite where I want it; I know something is slightly off but haven't yet landed on exactly what the right version looks like. That one is still open.

Custom Features

• Canvas

  Procedural Star Field & Planet — A full-screen canvas generates a field of procedural stars that parallax as you scroll, with a planet drifting slowly across the viewport. Each page uses a different planet. The planetary glow and sizing were the hardest part to get right.

• Resume

  Skills Constellation — 34 skill logos rendered as floating nodes on an animated canvas, connected by glowing neural-network-style lines radiating from a central image. Each node is clickable and surfaces a description. One of my favourite things on the site.

• Transitions

  Hyperspace Warp — Clicking any internal link triggers a warp animation: light streaks accelerate outward to a white flash before the next page loads. The reverse plays on arrival. Still a work in progress in terms of feel.

• Design

  Space Theme System — A consistent CSS variable palette with frosted-glass cards, glowing borders, and Orbitron font headings. The visual language is coherent across every page.

Always Ongoing

This site will never really be finished. I'm happy with the current layout and theme — for now — but I'm always open to a redesign, especially if there's something new to learn or a better aesthetic I stumble across. The point was never to ship a final product; it's to have a space I genuinely care about and keep investing in.

If you're a recruiter, hiring manager, or technical peer reading this: the site is meant to show you something the CV can't. I enjoy technology as a hobby, not just a profession. I'm proactive, I learn quickly, and I think the best data scientists are the ones who are curious well beyond the edges of their job description. I hope the site makes that case.