DEV Community

Cover image for Glam Up My Markup: Earth Day - Frontend Challenge Submission
Coby Kalter
Coby Kalter

Posted on

Glam Up My Markup: Earth Day - Frontend Challenge Submission

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)

Collapse
 
michaeltharrington profile image
Michael Tharrington

I'm a little late here, but this is delightful. Lovin' the thought behind the dark theme... looks great!

Collapse
 
cobykalter profile image
Coby Kalter

Thanks!!!