Open comments for this post

@PiCat3 on CatOS · about 21 hours ago

9h 49m 48s logged

I have good news…and bad news

First, lets see what I added:

2 new apps: Calculator & Cat Scroll 📱
- Calculator: Semi-functional (only addition)
- Cat Scroll: Skeleton done (icon and window)
Overhauled Cat Gallery 🐱
Finished Cat Notes
New Styling (different window sizes, textshadow etc.) ✏️

Bugfixes:

Fixed when the window exits viewport and becomes unmovable 👍
Fixed background repeating and middle icon stretching (Now its own image)
Increased close button size (It got too smol on smaller screens)
Background image fully covering screen now
Changed styling to %, fits different screen sizes better
And much more

Here’s a code summary:
index.html

<!DOCTYPE html>
<html>
   <body class="main">

      <div class="topbar" id="topbar"> 
      //Topbar 
      </div>

      <div class="welcomewindow" id="welcome">
      //Welcome window 
      </div>

      <div class="catgalleryAPP" id="catgalleryAPP"> 
      //Cat Gallery Icon 
      </div>

      <div class="bigwindow" id="catgallery"> 
      //Cat Gallery Window 
      </div>

      <div class="catnotesAPP" id="catnotesAPP> 
      //Cat Notes Icon 
      </div>

      <div class="window" id="catnotes"> 
      //Cat Notes Window 
      </div>

      <div class="catscrollAPP" id="catscrollAPP"> 
      //Cat Scroll Icon 
      </div>

      <div class="window" id="catscroll"> 
      //Cat Scroll Window 
      </div>  

      <div class="calculatorAPP" id="calculatorAPP"> 
      //Calculator Icon 
      </div>

      <div class="smallwindow" id="calculator"> 
      //Calculator Window 
      </div>

      <script type="module" src="./script.js"></script>
      <link rel="stylesheet" type="text/css" href="style.css" />  
   </body>
</html>

style.css
(this time im a bit less lazy )

jk, go check the source code yourself :evil:

(And before someone asks, “//” is only to indicate a comment :> )

What’s the bad news you say? Well… I js saw a seagull eat a mouse WHOLE.
Im scared of sea gulls now

PS. feel free to comment if you have any suggestions or find any bugs

Thats all, Bye !

Github repo
Github page

Open comments for this post

@PiCat3 on CatOS · 15 days ago

6h 23m 25s logged

Hello there! Its been a while since last devlog, and I’ve added a bunch of new content to CatOS :

2 new apps: Cat Gallery🐱 & Cat Notes 📓
- Cat Gallery: Finished
- Cat Notes: wip (base done, just cant take notes yet )
New background
New OS Icon
New styling ✏️

Plus several bugfixes and code clean-up 🧹

Welcome window header starting position fixed
Icon Toggle Fixed
Removed ugly welcome window open button
Code comments
Fixed naming issues (omg this was so annoying )
and more (that i cant think of right now )

Here’s a code summary:

<html>
   <body>                                       //font, background img 

      <div>...</div>                        //topbar with time and OS Icon

      <div>                                        //welcome window
           <div>...</div>                             //topbar + close button
           //text and images
      </div>    

      <div> ... </div>                     //cat gallery Icon

      <div>                                       //cat gallery Window
          <div>...</div>                              //topbar + close button
          //heading
          <div>...</div>                   //cat images :>
      </div>                      

      <div> ... </div>                     //cat notes icon

      <div>                                       //cat notes window
         <div>...</div>                               //topbar + close button
         //heading
      </div>                    

      <script ...></script>          //importing script.js (& style.css, using <link... />)

   </body>

</html>

(This was index.html, I also have script.js and style.css, but Im to lazy to do all three - just know that style.css = styling👍 and script.js = logic etc. )

Next, ill finish the note app and fix some more bugs . Just one jam left now :>

oh yeah, feel free to comment if you have any suggestions or problems you’ve run into.

That should be it . Bye

Open comments for this post

@PiCat3 on CatOS · 19 days ago

1h 14m 46s logged

Fixed the open button (except how it looks) and made the OS cleaner. Code also much cleaner now :>

Open comments for this post

@PiCat3 on CatOS · 20 days ago

3h 45m 40s logged

Added movable window, close,open buttons for the welcome screen and personalised the OS. Moving and closing windows works fine, but the Open function still needs some work.