jane

female impersonator

last.fm listening

nothin' but the frog in me


Kamu
@Kamu
Quick, click the hyena to catch him!

Zooooom!
Hahahah!
Oh no, he's getting away!!!

doodlemancy
@doodlemancy

Tia stared at this, transfixed, for like 30 seconds, then climbed up on top of my PC to get a closer look

a grey tabby cat staring, transfixed, in the direction of an unseen monitor

the same grey tabby cat trying to climb up on my messy desk to see the hyena

when it disappeared from the screen she got behind my desk and started pulling on cords, which she never does even though she is chaotic and naughty. she's completely out of control right now. this hyena has left her utterly unhinged. no animal video i've ever shown her has gotten her this riled up



You must log in to comment.

in reply to @Kamu's post:

if you're curious, here are a few hacks we can use:

  • cohost allows the style= attribute, so you can use CSS properties, but not selectors
    • there are a few tools to compile CSS with selectors to inline style by checking everything that applies to the elements and setting it in the style attribute of each explicitly, and you can post that to cohost
  • you can freely use transition, but animation is hard because @-rules are not allowed either
    • there are a few animations that cohost uses internally that we can use too though, for example spin and bounce which are used in the yeen post
  • if that isn't enough, you can embed an SVG with an tag and use full CSS there, but due to the sandboxing, you cannot make any requests, so you have to encode every external URL as a data:[minetype], URL
  • and if you want to go even further, by abusing the link preview feature you can get an <iframe> element, and embed any HTML content that way

most of us only use inline styles and not SVG/iframe because a) they're a bit clunky and b) inline is more fun because it's a pretty good challenge :)

I write ugly spaghetti code and have no idea what I'm doing so you may regret inspecting element, but the code uses a <summary> tag CSS hack you can read about here [ https://cohost.org/blackle/post/31694-tutorial-how-to-mak ].

I moved the summary box across the screen using Cohost's deceptively powerful animation: spin that has the secondary ability to animate any CSS transform within the same element - in this case transform:translatex().

The jittery text in the laughter uses animation steps()