The latest articles on Forem by Guido (@gudo-tcp). https://forem.com/gudo-tcp 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%2F2568187%2F4a116fe2-ca17-443b-bc31-d530434e1866.png https://forem.com/gudo-tcp en Guido Sat, 14 Dec 2024 23:55:01 +0000 https://forem.com/gudo-tcp/the-winter-solstice-4330 https://forem.com/gudo-tcp/the-winter-solstice-4330 <p><em>This is a submission for <a href="https://dev.to/challenges/frontend-2024-12-04">Frontend Challenge - December Edition, Glam Up My Markup: Winter Solstice</a></em></p> <h2> What I Built </h2> <p>I've built simple website using css, js and html. On loading the page it displays a quick help to let the user know how the website works an what features are available. At first the user see an animation which represents the winter solstice.</p> <h2> Demo </h2> <div class="crayons-card c-embed text-styles text-styles--secondary"> <a href="https://guidotcp.github.io/DevDecember/" rel="noopener noreferrer"> guidotcp.github.io </a> </div> <h2> Journey </h2> <p>In the beginning I mixed up this and the other December challenges so I was giving it a christmas make-over, but that wasn't this assignment. I started thinking about where to start and started with dividing the sections and styling them. After it was just all css and js until i got the final result :D I've learnt a lot more about animating in this project.</p> devchallenge frontendchallenge css javascript