You are browsing as a guest. Sign up (or log in) to start making projects!

ArtemD

@ArtemD

Joined June 28th, 2026

  • 2Devlogs
  • 4Projects
  • 1Ships
  • 0Votes
Ship

I made my own, personal website. It started on 7.24.2026, when Jenin hosted a Hackatime + Personal Site Workshop. He walked me and everyone else in the workshop through the basics of making a website and we even built our own website! He told everyone to ship it that day but I decided not to, because I had an issue of the image not loading, and I just wanted to improve the website, to make it better. The next day I took all the knowledge I had and started building the website. I firstly changed the theme from orange and white to black and white to make the website look professional. Then, I fixed the issue of the image not loading by changing the scr method I used to src, which took me a long time to figure out, but was honestly a funny reason for the bug. Further, I extended the navigation bar, added a shadow to the image, changed the website's main font to Georgia, added an answer for the question 'why should you join Hack Club', which I made, added a text box with a shadow to it, and a button which has a cool lift up animation when you hover over it, for which I have to credit another website called 'https://www.w3schools.com/css/'. Honestly, the most challenging part of building the whole thing was the button. I did use a website I already gave credit to for making the button, but it wasn't as simple as just pasting in code. After I, again, pasted the code, I tried to load the button to my main html file, but it just would work. I tried using a button method and putting a class="button" into it, but that did not seem to work. I then figured out to used div (by looking at how I constructed the navigation bar), but the button came out too wide. I tried to fix that by changing the width in the css file I believe, but then it got stuck to the left corner. And after many attempts of getting that button working, I finally gave up and just searched my problem online. And the solution was just writing 3 lines of code, which was about 10 times less than the lines of code I wrote trying to fix the issue myself. Another challenge I faced is making the shadows for the image and text box. Long story short, I basically did the same thing as with the button (try to solve the problem -> break my brain -> give up -> search up the solution -> be shocked of writing just a couple of lines of code), I additionally want to give credit to the same website I mentioned earlier for providing the methods needed to make the shadow. Interestingly, after I fixed the two issues, I began being able to fix other problems I had on the website myself, which made me just a little bit proud of myself. Speaking of being proud, I feel very, I mean extremely proud when I open the website and look at it. I just can't believe I made that. In addition to feeling proud, I should mention that the hyperlinks named 'Call', 'Text', and 'Message' Hack Club do not work on desktops. I made those buttons throughout the workshop with Jenin, and he said that these buttons will function only on phones.

Try project → See source code →
Open comments for this post

1h 34m 54s logged

I improved my website by a lot.

  1. I changed the theme of the website from orange-yellow to black-white
  2. I made four sections in the navigation bar
  3. I added more hyperlinks
  4. I made a shadow for the F1 Ferrari car, and changed the image itself (The reason it would not load last time is because I used the scr function instead of the correct src one, and scr did not exist)
  5. I changed the description of the image to a more professional one, changing itself and its style
  6. I added a header and text which explains why should you join Hack Club, and used a text box, a new concept
  7. I made a ‘Join Hack Club’ button that looks cool when you hover over it. Credits to https://www.w3schools.com/css/

I literally love my website now. It looks modern, professional, neat, well structured, and many more adjectives..

0
0
2
Open comments for this post

43m 55s logged

I made a very simple website with the help Jenin - in the ‘Hackatime + Personal Site’ workshop. But the image I have doesn’t seem to load, and I overall think the website is too raw, so I’ll keep working on it.

Here’s what I have on the website right now:

  • Navigation bar
  • Title
  • Paragraphs
  • Clickable hyperlinks
  • Image
  • Description for the image
0
0
15

Followers

Loading…