Ship #1

# 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.

3 devlogs
3h
Personal Site

Try project → See source code →

Open comments for this post

@Blxm on My own site! · 2 days ago

49m 16s logged

Current Projects Update

In this update, I added a new section, which is current projects. I currently have 2 projects. One is FlatCraft, the other is Totally Secure Airport. I also changed the font to Quicksand, as it looked better on my website.

Open comments for this post

@Blxm on My own site! · 3 days ago

38m 29s logged

Tech Stack Update

I added my tech stack in the form of an image, and made the image move (on hover) based on your mouse’s position. I also made the buttons rounded

Open comments for this post

@Blxm on My own site! · 3 days ago

1h 4m 47s logged

Creation!

As you can hopefully see, I created my website! I’m going for this modernish look, and I chose a font! a font that sadly, can’t be unboldened. I also created a cool animated button!