Jacob

Fixed some UI stuff and now I am ready to publish!

Scrapbook Link: https://scrapbook.hackclub.com/Jacob%20Navaratne/

I now finally fixed my CSS and JS file. The logic now works perfectly after I refinied it as much as possible. The CSS also make the site looks pretty modern and slick.

It took me quite a while to fix my CSS as I was struggling to get all the spacing right. I also struggled quite a lot with refining the logic of the app, making sure that everything worked correctly and in a nice way. I will be shipping this project as soon as Flavortown’s voting returns!

Added some cool CSS stuff (required some CoPilot for this…) and added the HTML and also designed what my apps should look like!

I used GitHub Codespaces to create a reward tracker app. It basically tracks how many rewards you have (in my school; that is commendations) and you can then see how many you are waiting for, how many you have received and your estimated total. It uses some nice colours (my favourites actually) and saves everything locally to make it easy. There is a .json upload and download as a backup to saving, so I reccomend not clearing cache for this website / using –app mode when opening it! AI was used to help me create my CSS/JS files and debug parts of them. I hope you enjoy / use my app! (The theming broke a bit, sorry…)

Just added over 100 puns, added a shake animation that runs every 5 to 15 seconds, you can now move the magnet and see how long until the magnet refreshes! (SHHHHH: You can press M to force reload the magnet!). I did use AI for most of the puns…

I created the base html and css with a fridge colour with a script that give you a pun every day! I used AI to help me debug my script and help me a bit with my CSS and JS!

This is my final version. I added some placeholders for images and fixed some centering issues. AI was used for basic debugging.

There are no images for obvious privacy reasons!

I spent a while working hard to get the main messages and text on the html site. Then, I attempted to create some CSS but needed to get the help of GitHub’s Codespaces to fix my CSS. Tomorrow, I need to fix my CSS, add some images and polish off the site.

Some background info: I created this website on the 20/2/2026 in about an hour. You can see this on my GitHub, however, I did not initiate Hackatime therefore my time was not tracked. So I continued to improve my website, now with Hackatime working correctly.

What I changed: So I added a font from Google and added an accent colour. I was also able to implement my Hackatime stats (ironic; to be honest) and also my GitHub heatmap. Then I had the idea to add scrolling text at the top of my site.

I did have to use AI to debug small bits of my code, but it was only really used in my Scrolling Text bit as it wasn’t being displayed properly.

This would have NOT been possible without Google and lots of YouTube Videos…. The AI that I used was the AI inbuilt into GitHub Codespaces.