A fully static portfolio built with vanilla HTML, CSS, and JavaScript, with no frameworks, no build step, and no dependencies. The layout uses a fixed sidebar for navigation and a single content area where all views live as hidden divs, toggled by a small JS router that maps nav clicks to view IDs. The result loads instantly and works without any tooling.
The more interesting piece is how detail pages work. Rather than navigating to a separate HTML file and losing the sidebar, clicking a project card intercepts the link, fetches the target page in the background, and uses DOMParser to extract just the relevant content blocks before injecting them into a shared detail view. The standalone HTML files still exist and work as direct URLs, so the same content serves both the SPA context and any direct link without duplication.
The full source is available on GitHub.