Antique Society
A technical challenge - to create a one page site layout with a parallax effect to exactly match a Photoshop design file. Features include menu transition animations and re-sizing text.
Original design by Kerve.
Re-created in HTML, CSS and JS from scratch in 48 hours.
Installation
Download all files. Open index.html and away you go!
Stretch Goals
To extend parallax functionality across mobile devices. Fix text overlap and alter CSS layout to display table for the paragraph text within events and grid for the body. Fix menu overlap on some devices around the 300px width mark. Use BEM CSS across the site. Improve accessibility, adding more specific and detailed descriptions and aria.