What is this thing?? Basically, Web Vandal is a "vandalism simulator" for your browser. Ever been on a super boring news site or a math page and just wanted to spray paint all over it? Yeah, that’s what this does. It lets you draw, spray, and drop sticker bombs on any website without actually breaking the real site (obviously)..

Its super fun and kind of chaotic.

How does it work? The extension injects a giant invisible canvas HTML5 over the webpage you're looking at..

Spray Paint Uses a cool particle math thingy to make it look like real spray cans.

for Stickers i used SVG code so we don't have to worry about broken image links. It just "slaps" them onto the page.

The Logic is that It uses pointer-events tricks so you can still click on the actual website when your not drawing.

Folder Stucture heres how the files are layed out in the folder::

/web-vandal-project manifest.jsonn
content.jss
popup.htmll
popup.jss
styles.csss
/iconss

Setup: Download this folder..

Open Chrome and go to chrome://extensions

Turn on Developer Mode (top right corner toggle).

Click Load Unpacked and select this folder.

Go to any website and start vandallizing!!

// TODO: maybe add a way to save the drawings as images later? // fix the z-index if it hides behind some weird popups on youtubee

Made with <3 for Hack Club.ub.