@NotSuspiciousProgrammer
on
Stickytab
1h 12m 15s logged
Okay, seriously? Over an hour of searching through my code to fix a single calendar bug I found, and that bug was caused by ONE VARIABLE DECLARATION MISTAKE. I’m glad my bug is fixed now, and the calendar works properly, but… an hour? For a single variable declaration thingy?? Can anyone else relate to this?
@NotSuspiciousProgrammer
on
pi - web os
I made a PI-THEMED WEB-OS!! The most challenging part was the script for making “windows” draggable; I had to look through some tutorials for that. Either way, as a professional pi enthusiast, I’m pretty excited for this pi theme!
As part of the WebOS2 Mission, I have more than three new features from what I submitted to WebOS1. Some of them include the Settings App, Bible App, and sound effects that say the next digit of pi each time you open/close an app. That part was very fun :P
I hope you enjoy my Pi webOS! Please provide feedback on my project, whether you’re a pi enthusiast or not :)
@NotSuspiciousProgrammer
on
pi - web os
1h 40m 41s logged
I updated my README! Now it has two images, a setup guide, and an organized table for my “apps”. There’s also a features list and a small credits section. I also went through my code and fixed all the bugs I could find. Time to ship!!
@NotSuspiciousProgrammer
on
pi - web os
3h 58m 21s logged
I added more apps to my webOS! Now it has a pi app, games, a web app, an e-mail redirect, a file manager, a notepad, a calculator, a Turbowarp redirect, a music app, YouTube, maps, a flight tracker redirect, a Bible app, and a settings app. The settings app lets you customize things like the time format and sound effect preferences.
@NotSuspiciousProgrammer
on
Stickytab
This is a customizable New Tab page designed for better productivity!! A sticky manager displays sticky notes, where you can organize reminders for yourself. Add events to a calendar, which displays the current month and the next upcoming month. Save frequently visited sites, quickly search through them using the webpage search bar, and visit the site with keyboard shortcuts! Quickly view the time and date, and access a simple calculator or Desmos calculator. Set preferences in the settings area. For more details about Stickytab’s many features, take a look at my README.
In this ship, I had to utilize complex JSON for the calendar component of Stickytab. This challenged me a lot, and I was stuck with my bugs for many hours! Eventually I managed to find all the different bugs, and the calendar is a working component of Stickytab.
Please explore my Stickytab project - I hope you find it a useful tool for productivity!! Check out the README file (that’s why it’s called “readme”) before using Stickytab.
@NotSuspiciousProgrammer
on
Stickytab
5h 55m 50s logged
FINALLY!! The calendar component of Stickytab has been completed! Now, you can add events to the calendar, to the current month or next month. Events can also be removed if they’re cancelled. The events are saved locally to your browser, and their aesthetics can be customized through Stickytab’s settings.
@NotSuspiciousProgrammer
on
Stickytab
1h 33m 6s logged
Sneaky bugs… always hiding in the darkest corners of my code. In continuation for working on the calendar component of Stickytab, I fixed all the bugs I could find. I also improved the aesthetics of the calendar, and started some code for the special calendar customization components!
@NotSuspiciousProgrammer
on
Stickytab
2h 58m 45s logged
The core code for a calendar was added to Stickytab! Since I usually use saved sites through the webpage search bar, and not through directly clicking the link in the list on the right, I decided to put a more productive tool in the right-hand side of Stickytab. Sites can still be saved through the “Saved Sites” button - and they are very usable through the helpful webpage search bar! Next I will work on adding cool functions to Stickytab’s calendar!!
@NotSuspiciousProgrammer
on
Stickytab
51m 1s logged
Responsiveness added - sort of! After the second ship, a lot of people talked about the peeving-ness of restricting Stickytab to a 16:9 landscape screen ratio. I edited all three main files - the HTML, CSS, and JS - to support other screen ratios. Stickytab still works best with a 16:9 landscape screen ratio, but now it is physically possible to use it with a different ratio.
@NotSuspiciousProgrammer
on
pi - web os
I made a pi-themed “operating system” that can run in a web browser! The hardest part for me was making the windows draggable, since I ran into some bugs even while following the guide. Thanks to some clarification in a W3Schools article, I managed to fix those bugs. I have some features in this OS that the guide doesn’t list, one which is the app that plays music. The other is the helpful text at the bottom of the screen (telling you where the apps can be opened!) that disappears when an app is opened.
I enjoyed making this pi-themed “operating system”. I hope you enjoy exploring it!
@NotSuspiciousProgrammer
on
pi - web os
50m 14s logged
I added the content to my three applications! Now, there’s an app with stuff about pi, an app featuring my other coding projects, and a section to play popular classical piano pieces.
@NotSuspiciousProgrammer
on
pi - web os
1h 32m 56s logged
I added more CSS styles and customization. I also made the “windows” draggable with JavaScript, and I added buttons to open and close the app placeholders. Next I’ll be adding things to the apps themselves!
@NotSuspiciousProgrammer
on
pi - web os
19m 30s logged
Added core code for my pi-themed web OS! I created a blue color palette for the CSS, added placeholder tags for what shall soon become the OS apps, and implemented a pi-themed background.
@NotSuspiciousProgrammer
on
Stickytab
Stickytab is a better New Tab page designed for productivity and organization. You can save sticky notes and fill them with reminders, quickly access a calculator, and save frequently visited sites. View the date and time (both 12-hour and 24-hour time formats are supported) and quickly access the README for help anytime.
When you enter a URL for a webpage, there is a popup that searches through your saved sites to find a saved site that matches the URL you are entering. You can filter through the results using the up and down arrow keys, and use the enter key to open the site. This can save a lot of time when you are opening websites!
You can create reminders for yourself by posting sticky notes on Stickytab. (That’s why it’s called Stickytab!!) Up to twelve stickies can be viewed on the page; additional stickies can be viewed by pressing the corresponding button.
Preferences for the default search engine, time format, and Desmos calculator shortcut can be edited and saved locally.
One of the most challenging parts of Stickytab was using the browser’s local storage; I have never done that before! The other challenging part was creating the recursive JavaScript function that searches through your saved sites. I somehow managed to fix all my bugs.. and ended up with a complete and fully working New Tab page.
Hope you enjoy Stickytab! Feel free to test it out, or look through the README for more information :)
@NotSuspiciousProgrammer
on
Stickytab
1h 49m 31s logged
Updated the README and fixed hidden bugs throughout Stickytab. I think I’m ready to ship!!
@NotSuspiciousProgrammer
on
Stickytab
2h 13m 40s logged
Squashed all my bugs and added KEYBOARD SHORTCUTS to the search autocomplete! Now it’s easy to navigate through and open saved sites; the up and down arrow keys move through the list, and the enter key opens the site. If you start by typing “s”, then it finds all your saved sites that begin with “s” (not including the http). If you continue by typing “t” to make “st”, then it finds all your saved sites that begin with “st”.
@NotSuspiciousProgrammer
on
Stickytab
1h 7m 54s logged
FINALLY!! I finished the recursive JavaScript loop to filter through saved sites and find ones that match the search query. Next I’ll be working on making those results usable, through clickable links and maybe through a keyboard shortcut with the enter key.
@NotSuspiciousProgrammer
on
Stickytab
21m 35s logged
I added a digit limit to the calculator, for both aesthetic purposes and for the bug that came with rounding JavaScript numbers. I also fixed some bugs regarding local storage saved preferences. Next I’ll start working on what might be the hardest part of Stickytab: a partial autocomplete for the webpage opener using saved sites.
@NotSuspiciousProgrammer
on
Stickytab
28m 55s logged
Added calculator customization! There’s a Desmos button on the calculator that allows you to quickly open the Desmos calculator. Now, you can customize your preferred Desmos calculator, saved locally to browser storage.
@NotSuspiciousProgrammer
on
Stickytab
2h 42m 45s logged
I finally finished the calculator! Its code was significantly more confusing than I thought it would be, but I somehow managed to fix some of my bugs..? There’s a limit to how many digits are shown, but not how many digits are stored, and JavaScript slightly rounds the digits, so I should work on adding an actual digit limit.
