I made my website. It’s a nice little one-page website, really. It has a nice colour palette, decent JavaScript, and cool things in general. Since this is my second ship on this site, I’ve added a few things. First of all, I’ve added a new section to my website, a plan of what my future should be. Second of all, I changed image animation to be inside of a function in case I add images later. And that’s it actually!

My Website!

This is my website. It uses PURE HTML, CSS, and JavaScript. No libraries (except for Font Awesome for some lovely icons) and most importantly, no Bootstrap.

Something I’m very proud of is the buttons. The buttons have a cool box-shadow, and when pressed, the button element moves down to where the box-shadow is, and the box-shadow disappears. I love this so much because I’ve always wanted to make one of these, and when I was younger, I was really amazed at cool CSS, especially this kind of box-shadow effect.

Something I’m not quite as proud of is the tech stack image rotating based on your mouse’s position while it hovers over the image. I’m not proud of it because I used AI to calculate the rotation. However, I did create the mouse unhover animation where it goes back into its original position and the box-shadow effect on it.

And if anyone wants to know how to make those cool effects, you can freely view my repo.