Devlog 7 | Interaction Improvement

Welcome to my seventh devlog! This update, I have made the website feel more interactive by adding achievements, and I’ve also added more personal details on the website

✨ Visuals

🃏 Improved Responsiveness

As usual I’ve made some more tweaks and fixes to how the page’s responsiveness works, the timeline no longer clips through everything when resized vertically

👥 Shadow Consistency

Previously I had a different shadow for light mode and dark mode, now they share the same type of shadow

🥇 Achievement Styling

Using both CSS and JavaScript, uncompleted achievements are greyed out, while completed achievements are nice and opaque. Hovering shows a little description of the achievement as well

💯 Final Transition Changes

Now everything has smooth transitions and I’m unlikely to change how it works now!

🔨 Features

🥇 Achievements

Achievements are my newest addition to the site, each contain an image, and a short description, and now all I have to do is add more!

👨‍💻 Stylish Terminal

Now there’s a stylish terminal where you can get a cool achievement :O

📁 More Statistics Usage

By using pre-existing statistics I can make more achievements

🐞 Fixes

🧹 CSS Cleanup

Had some repeated values that were cluttering the CSS that I’ve now removed

➡️ Fixed Timeline

Made timeline not clip stuff when in vertical mode

Thanks for checking out this update! This was a little more relaxed of an update. And as usual, there’s still more to improve, so be ready for the next devlog! 🚀