Scroll structure

To run this locally, download the vectorized_pngs folder from here and place in public/assets/ . Run npm run dev

This should produce a basic scrolling site that uses gsap to create a scrolling timeline. In the DON there are two images, one for the background and one for a focal fish or person illustration. These are rotated as the user scrolls down the page, while the images remain sticky in view. This progression is structured by public/assets/text/content.json that defines the images used, alt text, paragraph text, and the order of each step. It addresses one bullet in #3 (closed) to use json to add the text.

This is the first step in building this out, I've documented known issues and development plans in this issue #7 (closed)