Today! (alot of days)

This devlog is going to be long! But first of all. i added a custom cursor to the site which is a little dot that gets bigger and makes a sound when hovering over specified items. After that i made some mobile work cards, because previously i had 3d cards which were too big for mobile and just annoying. (The 3d cards still are on bigger screens)

I started working on the footer which was pretty easy the whole functionality of it is to show my email and copright, but i added some really cool stuff when i got finished with that. I added a background noise which plays when you enter the site and some other sounds like, mouse movement, clicking, and hovering specified items like i mentioned before. I did come across an issue which was that i could not play a sound when someone got on to the site so i had to make the user interact which i did with a starting screen kind of like how games have a main menu.

I made the site in english but now its in dutch because my clients will be mostly from the country i live in but i might add translations if i somehow get more popular. I did some research and the ways i couldve added it was with json which then loads onto the html which i was too lazy to do and i couldve done live translations but that will slow my website down and i want a fast loading site!

TODAY

I fixed the seperation lines on my website which used to be div tags but the positioning of them was super annoying to do and im soo dumb that i forgot that you could just use border-bottom in css so i removed the line divs and for every section i now just have a border bottom which looks the exact same but fixes some issues i had with it.

After that i spent a lot of time researching, reading docs, and watching tutorials on threejs on how i would make a round carousel with the projects i worked on. So i created a new threejs scene for my projects and found out how to use pi and math to loop through the amount of cards i want and place them in a ring-like shape around the center. I added orbital controls, limited the vertical control, and added damping so the scrolling of them was super smooth. After i did that i wanted to add images to them and lastly i added a way to click them and if you do. It opens the link to the project which was super hard to do, because i had to do raycasting in threejs but after following this tutorial it finally worked! (https://www.youtube.com/watch?v=QATefHrO4kg) Still after following the tutorial i had a problem which was whenever you dragged and held your mouse above a card. it opened the link even if you were just trying to drag but i also found out how to fix that.

The hardest thing yet in this project is 3d maths and especially implementing them into a library which i have never used before. It is super fun to do so and i reccomend everyone to give threejs a try!

If anyone has any reccomendations for my site i would love to hear them. Thanks for reading this devlog!

Today

i finished the landing page and the about me section in which i added a sleek and minimalistic style with my name and my surname written in the font: “Instrument Serif” which i got from google fonts

I added the dm mono font inside of the html head element so i can use it for other text on the page like the navigation bar at the top with about, work and contact. and also for the about me section where i explain where i come from how i got in contact with coding and what my goals are.

after that i actually started working on the about me page. I included an image of myself and a text which tells what i do, what school i’m on and why people who need a website should choose me as their developer and designer.

I also added a little work section which is not done yet. Inside of the work section i want to make a 3d carousel with threejs but i have found it really hard to use, search and implement mathematical functions for the circle in which the projects will be so thats a bummer but i, thinking of learning 3d math for this project. I already made a renderer and a camera for the carousel the only thing thats left for that is finding out how i want to show the cards and how to implement those mathematical functions.

Today i worked on the hero page with little floating objects and a 3d grid backgrounds I made the floating objects rotate and they also have a little floating effect which uses alot of pi! I have never worked with threejs before so im pretty happy with what i currently have. Now im going to start adding text and building the rest of the site. This is only the landing page base.

Hey everyone this is probably my last devlog until i reship! because last time i got a 2x multiplier which was pretty cooked😭

Hey everyone! This is a mini devlog but i added the functionality to switch between users! We now have me (Tom de Jong) and meowzer!

Today i added the settings app where you can customize and choose between 6 beautiful wallpapers, i also added the functionality for windows to go to the top when you drag them so you can see the one that you are focusing on. I also fixed a little command in the terminal and added a help command!!

I added gifs for each pet! First of all we have the normal state which is seen in the image. The normal state just looks normal ofcourse. The second state is the sleepy state! You see the characters eyes slowly closing, the third state is the stinky state! which makes the pets smelly and the last state is ded! But!!!! You can still recover if you’re fast enough!

Today i added a little browser which can currently only search things the buttons on the left of the search don’t work and im not planning to make them work, and i also fixed the spotify scrolling issue for smaller screens! I think im done with this project and im so so happy how it turned out!!

Today i worked on creating the spotify player which currently has only one song that is able to play, and im not planning to change that. The ui already took me long enough and i don’t feel like improving spotify itself. I added some new icons and images for the app and it works fine the song plays and pauses! If any of you have app ideas please leave them in the comments im starting to run out!!!

Welcome to my new devlog! Yesterday after last update i added automatic language recognition using the highlight js library, but it only works if you’ve typed more than 10 characters. I had to rewrite the monaco editor code and change it up to get this working but it works with the following languages!

• C++
• Python
• Javascript
• C#

after that i created a way for you to drag, open, and close windows using the drag tutorial from w3schools and changing it up a bit for it to work with multiple windows

Heres what i did TODAY

Today i recreated the dragging system so users can drag MULTIPLE windows and you can now also Open, close, and minimize the windows which worked at first but when i tried doing it with multiple windows it was super annoying. After some time i did get it working though! I also created a working terminal app with currently only two commands but im adding more after posting this

I worked on the main ui. Now when you log in a smooth animation appears and you’re inside of the desktop. with a beautiful taskbar on the top and an app dock with images on the bottom. Now when you open it you can also see a texteditor open which is made using the monaco editor from visual studio code!

Im back with my second devlog! I the login screen now has working buttons with loads of options.
accessibility:

• Screen reading (not working intentionally)
• Magnifier
• High contrast
• Inverted colors

Keyboard layout (not working intentionally)

Users:

• Tom de Jong
• Meowzer

Session:

• Cosmic

Sleep

Restart

Power off

and a button to continue to the desktop (any password works even if you keep the field empty)

Hey everyone! This is my first devlog for cosmic web! i had the idea to combine two sidequests in one for fun and i knew about a linux desktop enviroment called cosmic! Fun fact: I’ve never used it. But! It looks cool. For now i only have the login page with no working buttons yet. im planning to add functionality to them next update!

Hey everyone! This will probably be my last devlog but i found out you can copy the vscode editor and add it into your projects so i made a copy of koda and made a seperate repo for it with the code editor!

Hey everyone welcome to my second devlog! I added a better ui using a gridlayout to show the amount of cores being used and their percentages dynamically and a mini rectangle to act as a spacer for looks between memory and cpu info. This was way harder to make than i expected it to be😭 Now i just need to figure out how to spawn it at the top left of the screen and make it always on top because that doesnt work yet.

Hey everyone! This is my first devlog for roverlay. I created an ugly ui with slint but im planning to add bars and make it a little longer in width i also made it so it can show the total and used ram in the system which is not live updating yet.

Hello everyone! welcome to my new devlog XD i always say this at the start of a devlog but let me show you what i made! I created a working directory tree with the ability to go through directories and go back. You can also open files from the tree. Im starting to get better at rust and im so proud of myself i can’t express how happy i am right now

Welcome to my devlog! I finally added 2 features which i wanted to add really badly! First of all i added markdown support as you can see in the image! I have to be honest i used ai to help me with regex because it seemed hard and time consuming but i did rest myself. And second of all i added a zoom feature so you can zoom in and out to text to read it more clearly!

Welcome to my devlog everyone! As you can see i added a top bar with 3
options. Now you can open save and save files as! this took a long time to get working but im super proud of myself! While writing my devlog i came across a bug and thats visible in the image. If you keep typing and don’t press enter a line number doesnt appear so i have to fix that.

My first devlog for this project! I created the basic layout for the texteditor but most importantly im getting my hands dirty with an awesome framework!

Hello everyone! Worked a few hours again and i just found out that i forgot to commit so now i have one huge commit containing like 5-6 hours of work… but! Outside of that i worked on creating the commit AND paste detection system, i fixed all the bugs that i could find, I added a reset button which deletes all of the stored data and lets you restart, and i added a way for the user to config the pets decay time! I still don’t really know what to do with the energy bar but i The extension runs smoothly and im happy with what ive got so far i can’t wait to add the animations!

I forgot to add this project to flavortown but the ui is done the javascript is mostly done but theres definitely bugs in here. Im now just waiting on someone to make me the gifs for all pets and in the meantime im going to find bugs and maybe add some new features!

i created 3 pets heres what they all do

First of all we got the main pet which is named by the user which gets fed from the user typing

then we have the second pet called commit crab which gets fed from commits,

and lastly we have paste pal which gets fed by pasting things

Im still figuring out what i want to do with the energy bar. i might remove it but maybe if you’re reading this you have ideas for it!

I fully finished this it was just a little silly idea that i came up with and i hope some people can get ideas from this!

Finally! Healthcode is done and im so so so proud of it im super excited to release it for everyone to view and see. The only problem is that the barcode scanning is a little bad so the barcode has to be the only thing in the picture i might add a way for users to add a barcode number manually but i would have to get someone complaining from people before i do the backend works and the frontend looks exactly like i had it in mind. I had some spare time so i added an about me page just for funsies.

I added some responsiveness so the website can be viewed on mobile! I tried to scan some barcodes on my phone after but sadly it didn’t work im currently working hard trying to fix this. I have a feeling its an issue with my phone because i have an iphone and iphones suck! But lets hope i get this figured so i can keep working on other things!!

Uhm i don’t know what happened to my last devlog.. Its gone but i created a ui for uploading a barcode image which then gets the barcode number using the library “html5-qrcode” Then it sends that barcode number to the openfoodfacts api which returns the ingredients and product name. Then it goes to my own sites webhost which calls the hackclub ai api in php to bypass CORS. that returns all the data for the summary but its still not done the backend still needs alot of improvement. im happy with how the current ui looks though!

I changed the default background and added a settings menu which has two options. One to change the background and one to change the super logo!

New devlog! ive been working for 2 hours now. I added some new features:

In the super menu when you press games the menu expands and shows the games (menu is also retractable again) I made 2 game windows one has a working snake game with a hacker(y) vibe to it and i made one with a working tic tac toe where you play against a robot (have to remove co-op)
The snake and tic tac toe game werent made by myself i searched on google and copied some code and added styling ofcourse. I also made a window with system information as you can see in the bottom left. Thats it for now, still going to work on improving this project!

My second devlog! I made a welcome window for when you get on the page, a terminal, and a text editor. The apps have working close buttons and can be reopened from the super menu when you press the little penguin! It took so much time to figure out how to implement the dragging windows and how they won’t interact with the rest of the html elements but i made it work and used someone elses window dragging framework (https://github.com/davve77/DraggableFloatingWindow)

I worked on the ui and added a topbar with a datetime that updates in realtime i added a homebutton which pops out a window with a list of things to explore now im going to work on a welcome window!

Since everything worked and i wanted to add translations too. i made a little landing page with the option to change the station that you will be viewing from based on the UIC code that the user inputs. I also made a button which brings you to the english version if you don’t speak dutch and vice versa!

I finally made everything work!! The next train’s destination, how long you have to wait before it comes, the stations it stops at, the type of train, and even next train. now my goal is to make the code less ugly, add live updates, translation, and customization!

Currently creating the ui with plain css and fake data. i usually like creating the ui before i connect it to actual data!

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.