Devlog 3

Went through the pain of trying to hsot it 24/7, but got there!
Added README.md and other files that I needed.

Devlog 2

Once /clock was working, I started adding the other two commands. I wanted each command to do something different so the bot would meet the requirement of having at least three functions rather than having three commands that were basically the same.

The first one I added was /remindme. The command takes a number of minutes followed by some text, for example /remindme 5 Finish my homework. I used split(maxsplit=1) so that the first part can be treated as the time while everything after it stays as the reminder message.

For the actual delay, I used Python’s threading.Timer. This lets the bot continue running normally while it waits for the reminder. When the timer finishes, the bot sends a DM to the person who created the reminder.

I then added /weather. Instead of using an API that needs an account/API key, I used the free wttr.in service. The city is taken directly from what the user types after the command and the response is sent back to the person as a DM.

After adding both commands, I tested different inputs, including leaving out the city for the weather command and entering something that wasn’t a number for the reminder. This helped me add some basic messages for incorrect input instead of letting the program crash.

Devlog 1

I started by getting the basic Slack Bolt app running through Socket Mode. I chose Socket Mode because I wanted to be able to test the bot directly from my computer without having to set up a public server first.

For my first actual command, I made /clock. I wanted this to be slightly more useful than just displaying the computer’s time, so I used Slack’s user information to find the timezone of whoever ran the command. This means the command doesn’t need a timezone written into the code and should work for different users.

I had to use users_info to get the user’s profile and then use the tz value from it. After getting the timezone, Python’s zoneinfo module can convert the current time to the correct local time.

I tested the command in Slack and checked that the time it returned matched my timezone.

The ‘hard’ part was getting the bot to actually give the time, but it turns out it was giving it to me after all, I was just looking in the wrong spot 😆.

Just wanted to address some feedback a shipwright gave me: some of the buttons not working on the site is an INTENTIONAL choice.

Let me explain: me and two other friends made an original site where we ‘advertised’ our games as one bundle, but I have only included the pages that I made entirely myself. So the only two pages that should load is the Leaderboard page (https://tennislegend.pythonanywhere.com/leaderboard) and the Original i guess ‘general’ CyberMatch page (https://tennislegend.pythonanywhere.cm/cybermatch). I decided to keep the buttons, and make them seem like clickable by having the cursor change to a pointer, yet lead nowhere, as you can see in an examples pictured below. Every other functionality like entering a value in the leaderboard, the Easter Eggs (like the cat), etc, should work perfectly.

Removed anything that I though was AI and wrote it myself. It should all be human-written now

Since my ship was given feedback that it used too much AI, I essentially deleted the CSS and rewrote the entire CSS myself.

Since exams picked up, I got the chance to add to this throughout the last few weeks, but didn’t get a chance to write a devlog as consistently as I wanted to, so I have decided to make one big one with each devlog that I would’ve liked to make below:

Devlog 3 - 9/9/2026

I mainly worked on the CSS for the Leaderboard page. I gave it a dark theme, added a box around the table and added hover effects for each entry. When hovering over a row, the background changes from black to grey, and the text becomes gold for first place, silver for second, bronze for third and green for all other positions. One thing I had to watch out for was making sure the silver text was still easy to read against the grey background. I also made sure that the new styling didn’t interfere with any of the styling on the Original page.

Devlog 4 - 10/9/2026 to 14/9/2026

I finished off most of the Leaderboard page. I added a background, more borders and boxes, and adjusted the styling so it matched the Original page more closely. I also improved the sorting system by stopping users from entering numbers into the name fields and letters into the time field. Another thing I fixed was the sorting of names, because capital letters were being sorted differently to lowercase ones, which meant names were sometimes appearing in the wrong order. After adjusting the backend code, names would sort properly regardless of how they were entered. I also added a link to the Leaderboard page from the Original page, removed old links that were no longer used, and made sure both pages displayed properly on phones as well as laptops.

Since my ship was told it used too much AI, i essentially deleted the CSS rewrote the CSS myself.

This website is my personal site built using HTML and CSS. It includes four main sections: Home, About, Skills and Hobbies. The Skills and Hobbies sections use flip cards to make the content a bit more interactive, while animations and a few floating icons help bring the site to life whilst keeping it sort of minimalistic.

I’m particularly happy with how the overall design came together. The blue, red and black colour scheme gives the site a clean look, the flip cards make the content more engaging, and the animations add some movement without being distracting.

Since my first ship got feedback that it used too much AI in the styling, I went back and changed some of the CSS so that it was mostly mine and less AI.
I have made it much simpler using only my knowledge, and have managed to learn some stuff and keep it still looking good.

StellarOS ended up becoming a full little web desktop that runs completely in the browser. I kept everything in plain HTML, CSS and JavaScript, and somehow it all came together into a proper OS‑style setup with draggable windows, a start menu, a taskbar and a bunch of built‑in apps. The window manager does most of the heavy lifting, handling movement, resizing and keeping the active window on top. The app manager just launches whatever you click, whether it’s an icon or something from the start menu. Themes were fun to add too, and switching between Light, Dark, Starry Night and Sunset feels surprisingly smooth.

Each app has its own little personality. The Terminal has basic commands and a tiny secret message. Notes is just a simple textarea for quick writing. The Calculator handles basic maths without any drama. The Browser loads pages through an iframe, and Settings lets you switch themes. I also added keyboard shortcuts because it makes the whole thing feel more like a real OS, and the Konami Code easter egg is just there for fun.

Testing it is pretty straightforward. You download the folder, move it somewhere safe, open index.html and start clicking around. Windows drag smoothly, apps open instantly, themes switch without delay and shortcuts work right away. It’s meant to feel simple, clean and a bit playful; just a lightweight web OS you can have fun with.

Quick Tab is made to be a clean and fast new tab page without any extra clutter. The structure stays simple by using plain HTML, CSS and JavaScript, which keeps everything easy to read and adjust.

The page includes a live clock and date, a Google search bar, quick links, a small todo list saved locally and a weather section. Everything runs on the client side so it loads instantly and stays lightweight.

Setup is simple. Download the folder, move it somewhere safe so it doesn’t get deleted, open the index.html file and set it as your new tab page in your browser. No installation or configuration is needed.

The aim is to keep the experience minimal, clean and straightforward for anyone who wants a simple new tab layout.

Took me ages to combine the CSS into one file without any errors, but I finally did it :) [took like 1 1/2 hrs btw 😭]
Oh, I added a sort function to it, as seen below in the image, and when you hover over an entry it changes the background colour to a bit more grey. Also the leaderboard is finally a table! :)

I started the Leaderboard’s back- and front-end, with the footer from my Original page added to the Leaderboard page. I also added a first and last name function, with placeholder text in the boxes too.
Looking a bit dull right now, but will improve soon enough!