About me and projects (first project) banner

About me and projects (first project)

Created by: My Dad The Bounty Hunter
1 devlog
4h 18m 28s

This is my first project on Hack Club Flavortown. I know HTML and CSS, even though I could get some more knowledge in CSS. I want to learn JavaScript and might probably implement it a bit in this project.
This project is being made with my knowle…

This is my first project on Hack Club Flavortown. I know HTML and CSS, even though I could get some more knowledge in CSS. I want to learn JavaScript and might probably implement it a bit in this project.
This project is being made with my knowledge and YouTube tutorials

This project uses AI

I used Gemini. AI has been used to help me fix stuff. I did use it for the light-to-dark mode option. I first made a dark mode, but decided to also add a light mode. I was having problems creating a smooth transition between both backgrounds, because you can’t transition a background-image. So I used AI for that, but I mostly use it for fixing stuff. I also used AI to suggest colors I could use for the text when the background changes to light, and it also showed me how to do it.

Demo Repository

README

Loading README...
My Dad The Bounty Hunter
My Dad The Bounty Hunter worked on About me and projects (first project)
about 4 hours ago
4h 18m logged

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.

0