Devlog #2: Finished Product

I managed to finish this entire misson in two sittings, and the final result looks absolutely nothing like what I started with cus i decided to change most of the stuff.

I kind of forgot the purpose of the project is to create a new tab page and was drifing away. so i scratched the quote and added an input field right in the middle right under the time.

I also added a date and day on the top left and a progress bar that shows hwo far into the year you are. I also added some hyperlinks on the bottom rihgt that connects to github, youtube, and chatgpt.

Lastly, instead of physical buttons or tabs, I turned the input bar into a hidden command engine powered by Regular Expressions:

• Calculator: If I type 256 * 14, it instantly solves it. If I type #ec3750, it generates a geometric color swatch.

• Slash Commands: I built a /help menu to teach users the interface, a /color command to let users change the acent of the website, and a /theme command for a light/dark mode transition.

• Focus Mode: Typing /focus removes the year-progress bar, the date, and the links, leaving nothing but the clock and the prompt.

And if the user types in a url or anything but the commands, it opens the url in the browser or redirects it to a google search.