DEV Community

Cover image for DEV's Frontend challenge: Winter Solstic!
Sami3160
Sami3160

Posted on

2 1 2 2 4

DEV's Frontend challenge: Winter Solstic!

This is a submission for Frontend Challenge - December Edition, Glam Up My Markup: Winter Solstice

What I Built

The website is built by only basic html, css, and javascript.
In website i tried to maintain two themes one as night theme and one as day.
First half is on night which starts by ice particles and another half starts with clouds and sun.
I tried to add many images and elements to represent how i feel winter season.
Also the website is not responsive at all.

Demo

here is live demo of website
https://medium-winter-solstice.vercel.app/
and here is my github repo if website
https://github.com/Sami3160/Medium-Winter-Solstice

Journey

I learned more creativity, i usually work on backend, but now after long timer creating a frontend website i feel satisfied, the favorite part of website is that, Santa flying through mountains and their are clouds and moon.

And as we scroll the theme changes like night to midnight to dawn to bright white midday and then again evening.

I just wanted to add more effects like more snowfall effect, and more animation, elements and cool parallex effect, but i manages to this much only.

And one more fun part is that "Solstice Across Hemispheres" section, their is one earth hemisphere image which rotates and its description changes.

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more