About me and projects (first project on hackclub)

I added the footer. And wrote a little JavaScript for it. How did I use 1h, but whatever. Well I did have some problems but it was ok

Ok, so the welcome page of the site is almost finished. I just need to work on the footer. I worked on making the website fully responsive and creating a menu sidebar. To make this sidebar. I needed JavaScript. I took a lot of inspiration from the JavaScript in my last project(That project is part of the same Flavortown project I’m doing. It’s an about-me kinda thing), then optimized it for my current project. Well, the JavaScript from my last project, AI helped me with that. I’m currently learning JavaScript. But this time, I rarely used AI for JavaScript in this project; AI helped point out my mistake. And my mistake was that I added a dot. Seriously, just a dot. But it also told me to add the toggle() function. That is what AI helped me in JavaScript for this project, unless searching online for help counts as AI, because when I searched, a Copilot summary came up. I just searched about the addEventListener stuff. But after figuring out the main thing for the sidebar, adding other stuff for it was pretty easy.

I’ve made a lot of changes to the website and made it more responsive. It’s not fully responsive tho. That took me way more time than it should have. Guess I need to learn more stuff.

I am making a sports brand website, which I will add to the projects section on my main website. I feel a lot of aesthetic changes still need to be made. I would have loved on-brand shoe images. But I would need AI to generate that, and most people are not happy when I use AI. So the images kinda look off from each other, but I’ll try my best to make good aesthetic changes

This is a quick devlog. I added this 3d effect, but I used AI for it. The whole 1h 12m that this devlog accounts for was not for this effect. I can’t remember what it was used for, actually. I think it was for making the website more appealing, but I didn’t use AI for that one. This is why devlogging is important lol. But if you guys don’t like that I used AI i can remove the effect, it’s not such a big change anyway. I can put the old effect back.

A little devlog, but I just added a music player through a Spotify embed and made the website a bit more responsive. Contact me on Slack for music suggestions. Choose appropriate music.

I’ve made some changes in the past few hours. I rarely used AI this time, and the website is more responsive to screen sizes. By the way, the image of me is generated with AI(sorry, please don’t be angry). I don’t really have projects that have used HTML, CSS, and JavaScript that I can share with you right now. So I just decided to share some scratch ones. I didn’t do these scratch projects by myself, though. Credit goes to YouTube. But all thanks goes to God(I’m christian)

Ok, this is my first devlog, and I’m about to ship my project. This is a fun project. I learned about background-gradients and also how transitioning background-images smoothly works, because you can’t transition background-images smoothly like how you transition background colors, you have to use a different method. AI helped me with that because I didn’t know how to do it. One other thing I used AI for was creating a navigation-bar that sticks to the top of the window when you scroll down. I achieved this by using position: sticky; and top: 0; But since it didn’t have a background behind it, it was mixing with other content. So I didn’t know how to create a background for the navigation-bar that only appeared when you scrolled down, so I had to use AI. I’m not good at JavaScript, so the AI helped a lot in that one. But it was pretty easy to change the color of the background for the navigation-bar when it changed to light mode. I do want to learn more JavaScript; it would be nice if I could learn it while working on this project, because you learn better when you actually do the work. Please give some tips on what I need to improve.