Sidequest

About this template

Sidequest is a portfolio that visitors walk through. As they scroll, your character walks through five chapters, Hello, Skills, Work, Projects and Contact, while the day turns into night.

The walk

Hello: your name drops in letter by letter next to a little house with a smoking chimney.

Skills: each skill is a flag that climbs its pole to your level (1–5).

Work: up to four jobs grow out of the ground as buildings with years, role, company and a note.

Projects: up to four projects float in on hot-air balloons; each card can link out.

Contact: the road ends at a campfire under the northern lights, with a copy-email button and your links.

Details

The character walks in step with the scroll, turns around when you scroll back and hops over rocks.

Parallax mountains and forest, sun and moon, stars, birds, wind turbines, fireflies and a shooting star.

Chapter bar to jump to any chapter, and a Plain résumé button.

All text, skills, jobs, projects, links and the character's colours are edited in the properties panel.

Your fonts, a scroll-length setting, and a Canvas Scene slider to preview any moment while you edit.

Pages

Home with the walk and a footer

Plain résumé page that prints cleanly to PDF

404

Desktop, tablet and phone on every page; SEO set.

Good to know

The walk is one code component. It plays on the published site; on the canvas you see a still frame set by Canvas Scene.

The résumé page is made of normal layers and is edited separately.

Looping animations pause off-screen and switch off for visitors who prefer reduced motion.