humanOS devlog #2

–Hello fellow creature–

How’s your ship going? Holding your sails steady? Did your favourite pair break up?
Get ready to witness history and my villian arc in this devlarp…
ONTO THE CODE

–Jiggle Wiggle–

The guide for making the OS gave me a challenge - adding a gif as the background. So for eons I tinkered around yet my darling gif won’t fit without getting distorted. Finally, I gave up.
Don’t trouble the trouble until trouble troubles you, then trouble the trouble until your the trouble’s trouble
B-but I SHALL NEVER GIVE UP AS THIS IS MY STORY!
play motivational music
As I used my non-existent brain to conjure up something to do, I had an idea - make the background breath. And put my mad scientist hat on.
Just kidding, I wanted to make the bg move. After googling and finding reliable hooman answers, I managed this-

HTML, CSS
< div style="stuff; animation: jiggle 6s ease-in-out infinite; z-index: 1;">      
<style>        
@keyframes jiggle {        
 0% { transform: scale(1.02) translate(0px, 0px) rotate(0deg); }        
25% { transform: scale(1.02) translate(-1px, 1px) rotate(-0.2deg); }        
50% { transform: scale(1.02) translate(1px, -1px) rotate(0.2deg); }       
75% { transform: scale(1.02) translate(-0.5px, -0.5px) rotate(-0.1deg); }        
100% { transform: scale(1.02) translate(0px, 0px) rotate(0deg); }        }      
</style> 

Why did I paste it here? So that you can use it if you want .

credit me or else

–My delusional horrifying vision–

But leaving it like this is just…. Bland. I had the terrifying idea to make a organ-ray window.
The hell are you saying, Tanu? Are youse Thano(s)?
While I was talking about the jiggle wiggle, I made the welcome window draggable and added a top bar with gradient. My idea was to reveal a hidden heart organ in one of the characters in the bg when you drag the window over them. The heart should normally be invisible.
‘Why the hell are you making things hard for yourself?’
-Tanu’s Holee Mother
After using my infinity gauntlet of devlarper tools, I managed to find overflow: hidden. Long story short, I managed to make it work
Throughout heavoon and earth, Javascript alone is the honoured one

–Epik quotes–

When your brain doesn’t brain, don’t brain - google
-Sun Tzu, ragebater
To code when you don’t want to, don’t code
-Sun Tzu, ragebiater
Laugh like the Japanese and be like grass, wwwww
-Sun Tzu, Art of War

– I won’t let you bee happi, Tanoooo~ –

I like code, yet code ain’t gonna like me forever.
So it threw a missle at me,
DA SIZE PROBLEM.
When I look at the heart’s position on the character in VS code live preview, its positioned at about 10 meters within his chest where his heart should be.
He has a separate heart
But if this alone was the problem, I coulda woulda shoulda fixed it. Yet, when I opened it in browser, it shows up perfectly normal.
After tweaking alot, I cut off the top half of the image in favour of the bottom half.
Sorry, my top-half, I had to betray thy for the favour of bottom-half, youse were evile to bottom-half so I shall display my utmost sorries now.
If something isn’t wholly broken, don’t touch it
-Sun Tzu, Art of larp

– This is the end (for now) –

Welp that’s all for this devlarp, I am exhoosted from typing.
Cya next devlarp!