Fuck up my site – Turn any website into beautiful chaos

329 pointsposted 5 months ago
by coloneltcb

106 Comments

thom

5 months ago

Many years ago the agency I worked for was tasked with delivering a new website for a major UK brand. The hipster London marketing agency we had to work alongside pushed so many garish ideas that I ended up creating a jQuery plugin called "disco mode". It set a timer and on every tick would select a random element on the page and apply a random effect. Slowly the UI would disintegrate into a maddening, incoherent mess of clashing colours and animations, and then there was also the plugin I mentioned.

xp84

5 months ago

> and then there was also the plugin I mentioned.

This was brilliant and savage.

FuckButtons

5 months ago

Sounds like Nathan barley.

thom

5 months ago

We were all self-facilitating media nodes back then.

trollied

5 months ago

You've just reminded me NTK was a thing.

Aissen

5 months ago

Google safebrowsing blocked it, so it does not work in Firefox anymore (and any other browser); after ignoring the warning, it's clear that there are ample warnings on the website itself about this being a parody, not to enter sensitive information, etc. I reported it as "not deceptive".

nulbyte

5 months ago

I also reported it safe, as it is still there hours later. There is apparently no way to turn off the use of safe browsing in Firefox for Android, which is disconcerting. So I blocked safebrowsing.googleapis.com. After that, clearing the app's cache did the trick for me.

docmars

5 months ago

I kind of hate that this is even possible. People should be able to bypass something like this on their own accord if they so choose.

V__

5 months ago

You can. The link to "ignore the risks and proceed" is inside the paragraph and not a button at the bottom.

docmars

5 months ago

Firefox gives me no such option. My only CTA is "Try again" which only repeats the same "Secure Connection Failed - SSL_ERROR_RX_RECORD_TOO_LONG" message, and when the paragraph is expanded, there are no links and actions aside from "Learn more" which links to a Mozilla page explaining it further.

mantra2

5 months ago

Yep, Safari blocked it as well.

kevinwuhoo

5 months ago

This reminds me of the Katamari Hack back in the day when bookmarklets were more popular. Surprised that it's still fully functional including the music considering it was released in 2011!

[1]: http://kathack.com/

Barbing

5 months ago

Incredible. Plays music and generates a snowball that absorbs page contents as one touches/clicks around a webpage.

joshstrange

5 months ago

Unfortunately only on HTTP sites since the assets aren't served over HTTPS. Though thankfully it's easy enough to grab the resources and re-host them behind HTTP.

And, of course, you can test it out on that website since it's served over HTTP.

nesk_

5 months ago

Reminds me of Desktop Destroyer! https://www.gamenora.com/game/desktop-destroyer/

johnisgood

5 months ago

Yes, I remember using it, call for my dad while I was hiding in my room, he could see that I broke my monitor. :D

AbraKdabra

5 months ago

I thought of this the instant I saw the OP, I remember being in school and causing chaos with this, great memories.

gr33nq

5 months ago

Wow I just had a faint memory of this the other week! In particular, one of the stamps is a rabbit that I had the faintest memory of. Just did some digging and turns out it was from here: http://www.gemtree.com/

thrance

5 months ago

I remember that. Someone hid the exe deep in my highschool's shared drive and renamed it "anti_stress.exe".

yogorenapan

5 months ago

Oh wow that brings back memories. I remember playing with this back in my middle school days

twapi

5 months ago

Chrome blocking this site, marked as "Dangerous site".

ddeck

5 months ago

Firefox via "Google Safe Browsing" also:

>Firefox blocked this page because it may trick you into doing something dangerous like installing software or revealing personal information like passwords or credit cards.

>Advisory provided by Google Safe Browsing.

jshchnz

5 months ago

unfortunately google marked it as "unsafe", I assume because I have a feature that is supposed to simulate popup ads

i've requested a review from them, but no idea when that will actually be lifted :(

rezonant

5 months ago

No no, I assume it's because it impersonates Hacker News, a popular website. The Details even says this: it thinks you are trying to phish for hackernews sign ins.

Probably not much you can do about it

going_north

5 months ago

I clicked through all of the Chrome and Google warnings, but now even my national ISP has blocked the site.

user

5 months ago

[deleted]

user

5 months ago

[deleted]

keepamovin

5 months ago

Lol - the fact that chrome and safari both mark this site as "Dangerous" is even better. When HN is destructing under fire and insects, chrome is showing a big red "Dangerous" in the address bar. Hilarious

n2d4

5 months ago

For anyone curious, it's not actually dangerous and you can safely click it. You'll immediately see why it'd think it's dangerous, though.

OsrsNeedsf2P

5 months ago

Wow those bugs are really something

Are these available as an npm package? Would make for a great April Fools prank

ivape

5 months ago

It would be great if he put those around all the ads so we could visually see the infestation.

ycombinatrix

5 months ago

The insects are great. Would love if I could burn them like other page elements.

gizajob

5 months ago

Its so effective that after clicking through the warning I get nothing but a black screen on MacOS Safari and Chrome, and the same on Safari on iPhone.

alex1138

5 months ago

It's called "Myspace"

superkuh

5 months ago

Back in the 90s/early-2000s there were browser add-ons where people could collaboratively do this as an overlay to any website. Kind of like stumbleupon 10 years early but you just shot/exploded/disintegrated, etc the html elements of the site and typed comments to each other.

squeedles

5 months ago

Reminds me of xroach back in the day. First time I moved a window and they ran around I nearly plotzed.

dcow

5 months ago

I actually kinda like HN in comic sans with bugs crawling around the screen. It’s cute.

hatmanstack

5 months ago

Every AI project if the breaks aren't pumped on the regular. Creator's inspiration?

jshchnz

5 months ago

probably unsurprisingly, everything on this site was 100% vibe coded

burnt-resistor

5 months ago

Hahaha. :D

I remember in the 90's-00's there was Windows desktop software toy that did similar to this with options for missiles, fire, etc.

Examples:

Stress Reducers (2000)

Monty Python's Looney Bin (1998) (I could be wrong)

Dilbert's Desktop Games (1997)

ayushrodrigues

5 months ago

This is the most fun I've had on the internet in a long time.

peterkelly

5 months ago

I thought vibe coding tools did this already

nurettin

5 months ago

I wanted to show this to a kid, but it sounds too vulgar.

Ylpertnodi

5 months ago

Kid wanted to show it to you. But thinks you're a prude. Point taken, though. I live in a country where english lyrics aren't censored on the radio. I love it, but it's occasionally been awkward as three kids are growing up.

tonymet

5 months ago

funny, when I loaded Ticketmaster, nothing happened...

jshchnz

5 months ago

ugh yeah, seems like they have some over the top security stuff to prevent this. saw this with a lot of financial sites too. probably ways around it but probably not worth the time for a fun project like this :)

ycombinatrix

5 months ago

This project seems to be using Chrome to load the pages through Puppeteer.

Ticketmaster can easily check `if(navigator.webdriver)` before loading the page. I don't think that can be fixed without recompiling the browser. thank you Google, very cool.

EDIT: actually, the following flag might work?

--disable-blink-features=AutomationControlled

bsenftner

5 months ago

Doesn't work at Whitehouse.gov for some reason...

jshchnz

5 months ago

Been overwhelmed with traffic, but should be back working! https://www.fuckupmysite.com/?url=https%3A%2F%2Fwhitehouse.g...

Krasnol

5 months ago

For Your Safety

Government sites are blocked for security reasons.

FuckUpMySite is for PARODY and ENTERTAINMENT purposes only.

xg15

5 months ago

Are we sure this isn't just Trump's usual webdesign?

annoyingnoob

5 months ago

Comic Sans does not seem like a joke there, it is somehow fitting.

neogodless

5 months ago

Holy crap, I haven't been to that site in a while. What a joke it is now!

Arch-TK

5 months ago

This is like a lightweight version of netdisaster.com

jdkdbrnrnrb

5 months ago

The bugs remind me of "A Scanner Darkly"

tamimio

5 months ago

I guess it’s not working anymore? I had an error

jshchnz

5 months ago

ugh yeah this just happened, chrome marked it as "unsafe", I assume because I have a feature that is supposed to simulate popup ads

i requested a review from them, but no idea when that will actually be lifted

georgemcbay

5 months ago

I doubt the review will succeed, mimicking other sites is explicitly one of the criteria they mark unsafe for.

Like I know this is just a joke site not meant to trick people, but it still runs afoul of google's unsafe website criteria by being a site whose sole purpose is being a MITM.

jshchnz

5 months ago

yeah i kind of doubt it too, but i'm hoping they have some review process for parody. it's a bummer it didn't even get a day of life :(

georgemcbay

5 months ago

it might help to have an obvious/thick window decoration around the pane of the site you are cloning, similar to the large header archive.is shows to make it more clear you aren't trying to fool anyone.

Though with a google review who knows if a human will ever even see your appeal...?

georgemcbay

5 months ago

Chrome flags it as a dangerous site and blocks it by default for me.

thangngoc89

5 months ago

That's part of the experience. I guess?

absqueued

5 months ago

Doesn't work in firefox, nor in Safari!

TehCorwiz

5 months ago

I like that they handle the recursive case.

subdev

5 months ago

how many passwords did you collect so far?

anil_gr

5 months ago

The fire design is really good.

itvision

5 months ago

Completely breaks on opennet.ru

1. Breaks text 2. Cannot fuck up anything

user

5 months ago

[deleted]

zduoduo

5 months ago

我的天又恶心又恐怖

Kholin

5 months ago

Not working for my site, which deployed Anubis.

docsaintly

5 months ago

I wish fewer sites would resort to 4 letter words in their titles to grab attention. These days, a title like this makes me assume the product itself is not interesting enough for me to look at.

ycombinatrix

5 months ago

to be fair, it is a funny meme website, not a product.

to me, it's giving "just fuck me up" vibes https://knowyourmeme.com/memes/the-barber

docsaintly

5 months ago

I get the draw, and it's amusing, and it works; but I come here for tech topics - not clickbait. It's always nice to see the -1's to remind me that I'm barely a fit for this site! :D