Be Annoyed banner

Be Annoyed

5 devlogs
2h 16m 23s

Another annoying website.

Meant to be annoying in every possible way >:D

This project uses AI

None, duh

Demo Repository

Loading README...

NellowTCS

Shipped this project!

Hours: 2.27
Cookies: 🍪 65
Multiplier: 23.66 cookies/hr

i made a website that is trying its absolute hardest to make you leave.

it randomly inverts your screen. it eats 7% of your keypresses silently. it changes your fonts to Comic Sans mid-sentence. it zooms in and out for no reason. it spawns popups that say “This is not a virus. Probably.” it fake-loads things. it makes elements randomly draggable and then leaves them wherever you dropped them. it has a cookie banner with multiple lives. it misses you when you switch tabs.

there’s also a secret input box in the corner with easter eggs. i’m not telling you what they are. that’s the point.

this started as “haha funny idea” and turned into 600+ lines of pure documented chaos with modules and eslint and github pages betrayal and one enlightenment moment involving window.onload that i will never fully recover from.

it has 5 devlogs. it has a TODO list with “make the website more yandere haha (yes seriously)” still on it. i am normal about this project. everything is fine.

p.s. this would’ve been a perfect Borked UI Jam submission and i am a little upset i didn’t finish it in time. a moment of silence for that missed opportunity. 🕯️

try it if you dare

NellowTCS

SO THE TODO LIST IS DEAD
IT’S GONE
I KILLED IT
OMG OMG OMGOMGOMG IM DONE AHAHAHAAAA

okay so i had like. a handful of TODOs left. and i sat down and just. destroyed them. one by one. with extreme prejudice.

random page zoom changes
the page just. scales. randomly. with a little bouncy spring animation. then snaps back like nothing happened. you didn’t imagine it. it did that. 0.8x. 1.2x. gone. you’re normal now. or are you.

this was literally the last TODO on the main list and when i deleted it from TODO.md i felt something. i don’t know what. peace? emptiness? both? i think i ascended.

keyboard sabotage (finally)
7% of your keypresses just don’t work. silently. no feedback. no error. your input simply Does Not Happen. Tab and F5 are safe because i’m not a monster. everything else? good luck typing.

fake “are you sure you want to leave?” dialogs
50/50 chance every time you try to close or navigate away. are you sure? the browser asks. you are not sure. you will never be sure again.

popup windows that multiply
every few seconds there’s a chance that 2-4 little windows appear scattered across the screen. they say things like “This is not a virus. Probably.” and “You can never close all of us!” one of them says “Pop! Pop! Pop!” for no reason. i love them. they are my children.

the easter egg input box
okay this one i’m actually proud of. there’s a little text box in the corner now. you can type things. typing annoy makes the whole page shake for 2 seconds (MAXIMUM ANNOYANCE MODE). typing oops tells you that you made a mistake and tries to close your tab. typing github makes it scream “NOOO MY SOURCE CODEEEEE” and redirect you there. typing easteregg tells you it’s not going to be that easy. typing anything else gets a polite “no easter egg for: [your thing]”.

i have zero regrets.

THE TODO LIST IS EMPTY
EMPTY!!!!
THERE IS NOTHING LEFT ON IT!!!
I DID EVERYTHING!!!
EVERY. SINGLE. ITEM.
DONE. IMPLEMENTED. WEAPONIZED. SHIPPED.

well. okay. there’s still “make the website more yandere haha (yes seriously)” in the later section and i am. thinking about it. i am always thinking about it.

but the main list?? gone. dead. deleted. i win.

the website now inverts your screen. eats your keypresses. zooms randomly. spawns popups. won’t let you leave. changes your fonts to Comic Sans. makes elements draggable for no reason. fake-loads things. confettis your clicks. misses you when you switch tabs.

this was supposed to be a funny little project.

it has 600+ lines of pure chaos.

i am so normal about this. i am completely fine. everything is fine. AHHAHAHAHAAA

Changelog

Attachment
Attachment
Attachment
0
NellowTCS

SO LIKE ALMOST DONE
BUT LIKE PAIN
BUT NOW THE DEMO WORKS

spaghetti → lasagna

i took my 700‑line chaos soup and turned it into:

  • fakeProgress.js
  • formAnnoyances.js
  • inputAnnoyances.js
  • mouseTrail.js
  • marqueeFooter.js
  • navigation.js
  • sounds.js

basically i split the hydra into seven smaller hydras
because that’s better somehow

eslint + prettier enter the chat

i installed linting and formatting like a responsible adult

prettier: “i fixed your code :)”
me: “PUT IT BACK.”

but now everything is clean and pretty
which is hilarious because the website itself is a war crime

github pages said “no ❤️”

i deployed
i refreshed
i stared

half the site worked
half the site died
none of it made sense

my console was like:

“DOMContentLoaded? never heard of her.”

i tried:

  • changing base paths
  • adding defer
  • removing defer
  • inline scripts
  • external scripts
  • crying
  • begging
  • threatening
  • ritual sacrifice

github pages:
“lol no”

the forbidden knowledge

i replaced:

window.addEventListener("DOMContentLoaded", ...)

with:

window.onload = () => { ... }

AND IT JUST
WORKED

i hate it
i hate that it works
i hate that THIS is the fix
i hate that i spent an hour debugging a browser event from 1999

but also
i am free now
i have ascended
i have seen the meta

my suffering

i made commits like:

  • PLEASE GITHUB PAGES I NEED THIS
  • i think i found the meta
  • modularize
  • modularize 2
  • eslint and prettier

my commit history looks like a mental breakdown in slow motion

phase 6: victory royale

after:

  • 2141 additions
  • 111 deletions
  • 3 refactors
  • 1 browser betrayal
  • 1 enlightenment moment

the site works
the modules work
the chaos works
the sound works
the trail works
the fake progress works
the notifications work
the everything works
i am unhinged
i am annoyed
i am be‑annoyed

Changelog

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
NellowTCS

I completed a few more TODOs

  • Fake progress bars that never complete
  • trailing mouse cursor
Attachment
Attachment
Attachment
0
NellowTCS

I think this was too easy oh noes

Because I:

Finished the entire TODO list like a menace

Every single item?
Done.
Implemented.
Live.
Weaponized.

Typing fields now randomly insert “oops” like a passive‑aggressive gremlin.
Checkboxes betray their siblings.
Dropdowns gaslight you.
Links run away.
The cursor randomly becomes “wait” like it’s buffering its own existence.
Scroll wheel enters combat mode.
The Tab key chooses violence.

Added EVEN MORE TODOS because my brain refuses to stop

I finished the list and immediately went:
“haha what if I made it worse.”

So now the TODO list includes:

  • fake progress bars
  • popup windows that multiply
  • mouse trails
  • random font chaos
  • fake system notifications
  • random draggable elements
  • keyboard sabotage
  • fake exit dialogs
  • auto‑scrolling marquee that covers content
  • random zoom changes
  • make the website more yandere haha (this is funny, trust the process)

The website now behaves like it has abandonment issues 😔

Switch tabs?
It goes:

  • “Hey come back!”
  • “I miss you!”
  • “Where you going?”
  • “Don’t leave me!”

This is the first website in history to develop a parasocial relationship with the user. Okay maybe not the first, but the most funny subjectively >:3

Cookie banner resurrection mechanic

You click “Accept”?
It disappears.
Then comes back.
Then disappears.
Then comes back.
Then disappears.
Then comes back.
Then disappears forever.

It has lives.

Scroll jacking but with a cooldown counter

You scroll?
The page scrolls back.
But only three times at once because even chaos needs rate limiting.

Fake notifications

“Download complete!”
“Battery low!”
“Connection lost!”
All lies.
All vibes.

Confetti explosions on click

Every click is now a birthday party you did not consent to.
It’s a ✨ surprise ✨

Changelog

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
NellowTCS

I DID A THING!!!
I DID… SOMETHING!!!
I HAVE MODULARIZED (read: copy‑pasted my entire Web‑Template).

The repo now has folders.
And files.
And a build system that I absolutely did not write today.
And a TODO list that is 500% more ambitious than anything I actually did.

So uh.
Anyway.

Modularized (in the loosest possible definition of the word)

I took my entire Web‑Template starter kit
and just
slammed it into this repo
then filled it in

Boom.
Instant structure.
Instant legitimacy.
Instant “wow this looks like a real project.”

Added a TODO list that Future Me will cry about

I wrote 29 items of pure chaos:

  • random resizing
  • fake loading spinners
  • cursor betrayal
  • fake 404s
  • confetti
  • console spam
  • cookie banners that respawn
  • background “music” that is just nail tapping

Deleted the old index.html

Yeeted it.
Gone.
Replaced with the Build/

Changelog

Attachment
1

Comments

NellowTCS
NellowTCS about 1 month ago

Even the banner is purposely less tall to be annoying :3