DEVLOG #7

HI everyone!!! So many updates for you!!!!!

Since my first ship, I decided to make this personal website into a more professional one with cooler features. Don’t worry though, I have my first website saved in a different codespace!

I have spent these 8 hours doing a lot of stuff! I started off with created a topographic background. I struggled to find the right image in Canva which would repeat correctly and wouldn’t look ‘broken.’ Next, I worked on the auto typing text which sort of describes me by saying “I am a musician, I am a coder, I am learning,” stuff like that. I created this awesome effect by following a YouTube video. I also added a moving gradient effect over my name and yes, I removed the banner with the scrabble tiles to create this new home page. After that, I spent a lot of time creating the sticky navbar. It was so confusing, especially because I wanted it to look perfect. In the end I also added a blur effect. Using another tutorial, I managed to create anchor links, which I had noticed on a couple of really good personal websites. Lastly, I designed a custom scrollbar, which I think really adds a nice touch. Right now, I am working on the dark mode button styling, and actually making it work. I removed all of the buttons and am working on to create it more professionally.

If anyone wants the link to the old website, let me know!

To make these changes, I used AI to help me debug the very confusing codes. Remember, I am still kind of new to HTML and CSS. I also tried learning some JavaScript from W3 Schools, but it does not make sense. If anyone knows a good resource to learn js, please tell me.

Below, as usual, are a couple of pictures of my progress: