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.