You are browsing as a guest. Sign up (or log in) to start making projects!

CatOS

  • 4 Devlogs
  • 14 Total hours

A fun mock-os website that will also be used for a puzzle-game I am putting forward for my friends.

Ship #1

CatOS is a relatively simple website for the WebOS 1 project where you can log in (you don’t need the password or username, it autofills), and access a landing with 2 apps. One app is a map, and the other is the fishcounter.

The new feature that the guide didn’t list is the login screen and loading screen (and maybe the fish counter, nothing can predict the fish counter)

I struggled a lot with the CSS, especially at the start. For some reason I remembered flexbox being a lot more of a pain than it was, and was averse to using it (when I started using it, things were 100 times easier)

Overall, this was my first return to coding after a few months of being swamped with schoolwork. I didn’t do everything perfectly the first time, but every mistake is an chance for improvement.

Try project → See source code →
Open comments for this post

2h 20m 11s logged

CatOS Log 4

  1. Added the fish app, you can click the fish to make the number go up.
  2. Fixed the CSS on the mock login page, it is now flexbox, it took a solid minute.
  3. fixed some funky bugs, there was one where the Map window didn’t want to go over the Fish window, but only when it was first opened
  4. Appreciated the Fish
    5.Made it so the welcome window also could be moved forward by tapping

Overall I am ready to ship pretty soon, I’ve put off a lot of the cool plans I have since this is a fixed payout, and am very excited for WebOS 2. I think I did fairly good here, and just took a while since I was rusty at basically everything (and should move a lot faster on WebOS 2 since I have a much clearer idea of where I want to go, and what I want to do) (I am adding a fun value to my website that activates random events)

I will also fix the really niche bug where if you widen the website, stick a window really far out, and then narrow it back down, the window gets stuck. It’s not very important it just annoys me.

0
0
7
Open comments for this post

2h 28m 36s logged

CatOS Log 3

  1. Added a new app! It’s a little map of everywhere I’ve made a sale on my etsy shop, yay.
  2. Added and made it fairly easy to add more window icons onto the top bar, where they get a little highlight if the window is open
  3. I spent a lot of time with the css, but like I did it properly this time with flexbox so it shouldn’t be a problem in the future

I have very little left to do, I just need to fix the css on the start screen, and add one more app

0
0
19
Open comments for this post

5h 1m 52s logged

CatOS Devlog 2

  1. Added a tooltip on the login page that tells you that you don’t need the username & password, and if you just start typing it will autofill

  2. Added main landing page once you login

  3. Added a background image to the landing page (I forgot about the background-image property so it took me a second, I got it eventually)

  4. Added a welcome window (and did the css better than in the login screen, it still took a lot of finagling though)

  5. Made the welcome window not able to be dragged off screen and not highlight text when you dragged it

  6. Added the top bar and all that (I spent a while messing with how exactly it looks but I like it now)

1
0
9
Open comments for this post

4h 10m 23s logged

CatOS devlog 1

Hello!

CatOS is a WebOS that will be used for a puzzle game I am going to have my friends do. For the sake of this I will have everything be essentially auto-done and more of a narrative deal.

Most of the time spent here was spent on the login page (I made it that no matter what you type in it types the correct password and username), and I am ready to move onto the landing after. I lowkey forgot everything I learned about HTML and CSS, but am remembering it now.

I spent a lot of time going back-and-forth on what to do and how to do it since I did not go in with a plan (a dastardly error)

CSS also genuinely hurt me because I spent a long time making everything look good on different screen sizes, I discovered some new tech (clamps and CQH & CQW) that will help me do stuff a lot faster in the future. (I normally spam flexbox but it wouldn’t work for exactly what I want here). Unfortunately all the time I spent on this can’t be demo’ed in the screenshot, I promise 4 hours wasn’t just for this

I intentionally tried to make the login screen look fairly old, though whether that just made it ugly is up for debate lol.

0
0
6

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…