Simple Responsive Portfolio Svelte

A single-page, responsive portfolio site built with Svelte 5 and Vite. It includes a hero intro, about section, two portfolio grids (work + play), a skills section, and an experience timeline, plus a sticky header with a mobile hamburger menu and a skip-to-content link.

• Responsive single-page layout with smooth anchor navigation
• Sticky header that changes on scroll + mobile hamburger menu
• Hero, About, Work, Skills, Play, and Experience sections
• Data-driven portfolio cards and experience entries
• Accessible skip link and focus styles

• src/App.svelte – page shell (header, main, footer) + skip link
• src/components/ – UI sections and layout components
• src/assets/project.js – “Work” portfolio items
• src/assets/play.js – “Play” portfolio items
• src/assets/experience.js – experience timeline entries
• src/app.css – global styles, layout, and CSS variables

Tech stack

• Svelte 5
• Vite
• Vanilla CSS (global styles in src/app.css)

Updates

• 1/26/26 – Replaced legacy Svelte 4 state and props with Svelte 5 runes.