The latest articles on DEV Community by Sami3160 (@sami3160). https://dev.to/sami3160 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1809278%2F9e8975b6-90e9-4ee4-9db3-39c03b4ee2d6.jpeg https://dev.to/sami3160 en Sami3160 Sun, 29 Dec 2024 15:59:40 +0000 https://dev.to/sami3160/devs-frontend-challenge-winter-solstic-54ik https://dev.to/sami3160/devs-frontend-challenge-winter-solstic-54ik <p><em>This is a submission for <a href="https://medium-winter-solstice.vercel.app/" rel="noopener noreferrer">Frontend Challenge - December Edition, Glam Up My Markup: Winter Solstice</a></em></p> <h2> What I Built </h2> <p>The website is built by only basic html, css, and javascript.<br> In website i tried to maintain two themes one as night theme and one as day.<br> First half is on night which starts by ice particles and another half starts with clouds and sun.<br> I tried to add many images and elements to represent how i feel winter season.<br> Also the website is not responsive at all.</p> <h2> Demo </h2> <p>here is live demo of website <br> <a href="https://medium-winter-solstice.vercel.app/" rel="noopener noreferrer">https://medium-winter-solstice.vercel.app/</a><br> and here is my github repo if website<br> <a href="https://github.com/Sami3160/Medium-Winter-Solstice" rel="noopener noreferrer">https://github.com/Sami3160/Medium-Winter-Solstice</a></p> <h2> Journey </h2> <p>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. </p> <p>And as we scroll the theme changes like night to midnight to dawn to bright white midday and then again evening. </p> <p>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.</p> <p>And one more fun part is that "Solstice Across Hemispheres" section, their is one earth hemisphere image which rotates and its description changes.</p> devchallenge frontendchallenge css javascript