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

9h 49m 48s logged

I have good news…and bad news

First, lets see what I added: :spinning-parrot:

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

Bugfixes: :spinningfish-min:

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

Here’s a code summary: :blabla:
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 :haj4ever:
(this time im a bit less lazy :tired-dino: )

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 :crying:

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

Thats all, Bye :bye: !

:github: Github repo
:github: Github page

0
18

Comments 1

@PiCat3

Oh yeah, I forgot to mention that Cat Gallery now includes 15+ gifs (i think), as per request :>