CatOS
- 4 Devlogs
- 21 Total hours
Its CatOS.
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 
!
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
Fixed the open button (except how it looks) and made the OS cleaner. Code also much cleaner now :>
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.
