world of krzeslaw

back to art

CSS crimes

Cohost was a social media website, kind of similar to tumblr, with a community made up mostly of queer people, furries and nerds (usually all three). What differentiated it from other websites was its focus on removing harmful, addictive statistics (such as like and subscriber counts). It was pretty fun, while it lasted.

What was THE MOST unusual thing of possibly all social media sites I know was the ability to put arbitrary static HTML with inline CSS in your posts. While people at first the CSS was used to color text in your post or create a little animation, eventually spun into nerds abusing the shit out of, let me remind you, static markup and a styling language, creating interactive toys, puzzle games, pick-your-own-adventures, video players(!!) and all other sorts of things that feel like they shouldn't be legal. Thus the name: CSS crimes. At least I think that's the thought process, I didn't really research it, don't quote me. Just check out these slides from a talk the site's creators gave

CSS crimes were sort of Cohost's little demoscene, especially combined with the relatively small userbase. It was really amazing to see it all evolving, seeing just what the next outstanding thing will be. Thinking about it gives me warm fuzzy feelings.

The following are my, admittedly limited, additions to the amazing little community we made. They are saved exactly as I made them, with the difference of the bottommost one - CSS crimes could only use inline CSS, and using classes had reduced the size to a third of the original, from ~180KB to 60KB.

me @littleampton 19.11.2022
File Edit Search View Options Help
┌──────────────────────────── CHOST1 ───────────────────────────┐
│ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │

Huh, huh... This is just a regular MS-DOS EDIT screenshot....

Haha!! I got you tricked! It actually is not!!

anyways here's eggbug

/----\ ___ | | / --\ \ |__/ / \___/ / /\ / | _- | / \ __-- | | | | O O | | ~~ _/ \_ _-- \ / --_____--- \ \

F1=Help │ Line: 1 Col:1
#css #eggbug #css crimes
me @littleampton 05.12.2022
What is the weather gonna be like in 2023 ?? Hot ? Cold ? You choose!
🔥
💀
🥵
😓
🙂
😎
😬
🥶
🧊
#css crimes #interactive
me @littleampton 04.12.2022

Cohost? Yeah, it runs... no, no, it doesn't run Doom.

...but it can run a silly point-and-click version! Enjoy! (Only tested in Firefox and Chrome, desktop recommended)

Special thanks to @blackle for basically discovering variables in CSS and to @Corncycle for showing how it can be abused to create incredible things.

Also thanks to id Software for Doom

i was thinking of maybe making an engine for short point and click games that could be embedded in chosts but i don't think i have the patience
bugs
  • due to how i made them, enemies and items move 1px to the right every time one is clicked. kind of ruins the immersion. uhh, it's probably really simple to fix that but i don't know how.
  • probably many others but i didn't notice them
nerd shit
  • Source code (warning: bad)
  • It's not even visible but while creating this I basically discovered how to create range conditionals in CSS using sums of min() and max() functions - thanks to this there aren't blockers absolutely everywhere!
  • Adding "skill levels" by simply showing a different version of the set of enemies and/or items probably wouldn't be TOO difficult...
  • Cohost has a max post size of about 192KB. Who would've thought....
  • A huge part of the HTML is the counters system. Right now there's a div with a background for every digit, it'd probably be better to make one huge div with a background with all the numbers in the right places. I had to remove a few items and enemies simply to limit the counter's max value. Even better would be to not repeat the list of numbers for every single screen they are visible on (spoiler: for the HUD counters it's every single one).
#css #eggbug #css crimes