The latest articles on DEV Community by Pablo Rubianes 🇺🇾 (@prubianes). https://dev.to/prubianes 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%2F12615%2F1655744.jpeg https://dev.to/prubianes en Pablo Rubianes 🇺🇾 Sun, 06 Apr 2025 21:47:33 +0000 https://dev.to/prubianes/my-wecoded-landing-page-3i6i https://dev.to/prubianes/my-wecoded-landing-page-3i6i <p><em>This is a submission for the <a href="https://dev.to/challenges/wecoded">WeCoded Challenge</a>: Celebrate in Code</em></p> <h2> My WeCoded Landing Page </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpcth8xbdzcbrredbze1u.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpcth8xbdzcbrredbze1u.jpg" alt="site" width="800" height="592"></a></p> <p>This is my take for the WeCoded challenge.</p> <h2> Demo </h2> <p><a href="https://prubianes.github.io/wecoded2025challenge/" rel="noopener noreferrer">Live Demo</a></p> <h2> How I Built It </h2> <p>I tried to have a clean and minimal design, taking into consideration the responsive design with a hamburger menu for small screens.<br> There are a few subtle animations in order to bring the website to life.</p> <h2> Technical Implementation </h2> <p>The site was built with vanilla HTML, CSS, and JavaScript.</p> <h2> Future Enhancements </h2> <p>If I had more time, I would add:</p> <ul> <li>Dark mode toggle</li> <li>Filtering and sorting options for stories</li> <li>Additional accessibility features</li> </ul> devchallenge wecoded dei webdev