This is submitted to Front End Challenge – December Edition, Charm My Mark: Winter Solstice
what i built
My goal was to create an engaging, visually appealing, and informative landing page about the Winter Solstice that incorporated science, culture, and tradition. The goal is to provide users with an intuitive navigation experience and interactivity that enhances their understanding of this astronomical event and its global significance.
demonstration
You can view the project live here: Live demo link
travel
Focus on a minimalist yet captivating aesthetic, utilizing gradients, contrasting text colors, and sticky navigation for accessibility. HTML, CSS and JavaScript are used. CSS is used to achieve a visually pleasing and responsive layout, while JavaScript adds smooth scrolling and partial highlighting for user interaction. Dive into the scientific and cultural significance of the winter solstice to ensure content is accurate and engaging. Ensure smooth animation and interactivity while maintaining semantic and accessible HTML. Implement seamless navigation and sticky headers to enhance user experience.
I use Git and GitHub for version control. I use vercel for deployment.
Team and resources
Team Member: Individual
Resources: Content references, free design assets, and open source libraries for scientific and cultural accuracy.
License: This project is available under the MIT License, which encourages reuse and adaptation.
Happy Coding 😎