A little static site that turns a gallery into an escalating prank. This exists because I wanted to take the mick out of someone.
HTMLBattlepass is a tiny, front-end-only "battlepass" for images. Visitors click, swipe, or begrudgingly tap through pictures, earn tokens, and burn those tokens to unlock the next, marginally different image.
This repo is the cleaned-up version — the concept survived, if even only just.
There is a live site @ (https://chickenshawarmaonnaansaladchilliminthot.com)
There is an archive version @ (https://chickenshawarmaonnaan.neocities.org)
I built this to mock someone. It’s satirical gamification: coax people into doing tiny, pointless work to see a photo that proves nothing.
- Publicly roast a friend by forcing them to grind.
- Make a gag microsite for a meme, product parody, or inside joke.
- Demonstrate basic gamification mechanics with a comedic twist.
- Create a shrine to something mundane and make strangers pay in clicks.
- Static HTML + JavaScript — no backend, drop on GitHub Pages, Neocities, or S3.
- Per-view token economy and configurable unlock prices.
- localStorage persistence.
- JSON-configurable gallery for easy swapping of images, costs, and copy.
- Lightweight and tweakable — meant to be edited, memed, and abused.
- Edit assets/ with your images and update manifest.json to set prices and rewards.
- Change the copy to name the joke, the target, or keep it anonymous.
- Deploy the pages to a static host and share the link with the intended victims.
- Make unlock costs painfully slow so people have to grind like it’s a bad mobile game.
- Add absurd achievements (e.g., "Clicked 100 times for no reason") and mock congratulatory copy.
- Lazy-load the top-tier photos and reveal them with a dramatic, mock-epic animation.
- Add a tiny leaderboard with fake users.
- Keep images small; lazy-load higher tiers to avoid massive downloads.
If you deploy this to publicly roast someone, be a decent human about it, and keep consent in mind.