This is a submission for Frontend Challenge v24.04.17, Glam Up My Markup: Earth Day Celebration Landing Page
What I Built
My landing page submission spreads out the content from the source HTML to provide a smooth scrolling experience. Each section of content is then easier to focus on. The landing page has a dark theme to conserve energy and features an animated earth and links to resources. I strictly followed the prompt and only added to the source HTML code by using JavaScript.
Demo
Here's the DEMO.
Hereโs the CODE.
Journey
I wanted to use this challenge to practice my CSS and JavaScript skills and learn new things. I focused on using minimal design, smooth scrolling, and animations. I hoped to learn some CSS animation in the process which I did. I had a lot of design inspiration from the GitHub Universe site. There were a few more ideas I had that I would have liked to try out, but some items took longer than expected. Ultimately, I am happy with my end product and plan to keep iterating on this landing page in the future.
Top comments (2)
I'm a little late here, but this is delightful. Lovin' the thought behind the dark theme... looks great!
Thanks!!!