View Site: https://andrew-wragg.github.io/anatomy-of-the-55.55-site/
View Repo: https://github.com/andrew-wragg/anatomy-of-the-55.55-site
This project is a single page responsive website with on-scroll css animations triggered using the IntersectionObserver API.
It uses ViteJS for development, with auto-deployment to github pages when pushing new commits.
- The only project dependency is Vite for development.
- The HTML is semantic and fully accessible, with alt text and custom HTML tags.
- All on-scroll animations are created with CSS and triggered using the IntersectionObserver API, no animation library was used.
- Each section of the site sizes itself to the viewport height to make use of all the available space.
- The site is responsive and switches to single-column layout at screen widths of 1000px or less.
- The site scales between 1000px and 1920px screen widths, beyond 1920px the site does not scale.
- The Vite project has been configured to not minify or add polyfills to the built project files.
