Skip to content
This repository has been archived by the owner on Nov 27, 2022. It is now read-only.


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Abnormally Injecting Style into HTML

"The promise of love, the pain of loss, the joy of redemption, then give him a puzzle and watch him dance."

How does this work?

There's a tiny parser-like thingy, which parses basic tokens, identifies where they should be grouped into (for example, comment, selector, key or value), and puts them into div elements, which are then pushed into a pre element and a style element. As we modify the style, the browser engine repaints the window accordingly, which is beautiful to watch.

So, we have a payload.css and a Calling python polls over both the files. Whenever it detects a change to one of the files, it generates a JS file (gen.js), which contains the raw style content packed into a variable (along with optional tags or script contents).

As an additional perk, the parser can callback JS code (i.e.,) whenever it encounters a tilde (~), it calls the corresponding function (if any) declared in the main script. For example, this ends up calling this function.

What good is all this?

I've no idea. This was my gift to my SO. I dunno what good this is gonna do, or how this is gonna be helpful to anyone, but I like it, so I decided to maintain a repo for that.


Abnormally Injecting Style into HTML...






No releases published


No packages published