Leaky Ring is a Web Ring and script simulation that floods your webpage with water! Users can click on the flood to bilge it. Hovering over it will turn your cursor into a water bucket!

The page for this script depicts a background colored in #f1eee0. There is a flood that users click on to bilge it. There is also text on the page. It says “ Join the Leaky Homepage Ring! *” (colored in blue, and with buckets on the left and right side of the text), “All these punks are surfing the net, but what happens if your website springs a leak on the open web?! Its happening all the time! Aaaa what will we do? Never fear! *hands you a mop and bucket* Now get to work u bilge rat! (break) This web ring slowly fills your site up with water! You and your visitors can work together to keep it clear and dry! Just click the water to bilge it away! This is a passive mass-multiplayer bilging cooperative!” (text colored in black), “(crab) Sites experiencing a leak!” (Text colored in blue) “These websites appear to be expiring a leak! Maybe you'd like to visit them and help them bilge things out a bit! (break) ALERT! This site list is automated ~ if you encounter an inappropriate site please report it!”, below that is a list of sites and list of instructions, and other misc info.

The whole site is bouncing up and down slowly. Copyright message on the bottom says “The Melo-scope has spotted icebergs sir! Full speed ahead!”

You can visit it here.

To bilge a flood, click on it. You have to wait a cooldown of 10 seconds per bilge. Each flood has a limit of 100%. Clicking on the bucket will take you to info about the leaky ring.

• Copy the script (shown below). You can pick either the goo flood, or the regular flood, it doesn't matter.
• Paste the script onto your site or any other page you want, as long as you own it.
• Hold CTRL + SHIFT + R, this will update and reset the cache.
• And now, you have flood! :O

The original wave:

<link href="https://melonking.net/styles/flood.css" rel="stylesheet" type="text/css" media="all" />
<script src="https://melonking.net/scripts/flood.js"></script>

The goo wave:

<script>
    // Goo Flood!
    flood.texture = "https://melonking.net/images/flood-goo.png";
    flood.textureWidth = 256; // Resize to match your image file
    flood.textureHeight = 256;
    flood.drainSound = "https://melonking.net/audio/ui/squish.mp3";
    flood.drainTooSoonSound = "https://melonking.net/audio/ui/clunk.mp3";
    // Goo Messages
    flood.msg.info = "🧪";
    flood.msg.rising = "The goo is growing!";
    flood.msg.falling = "The goo is shrinking!";
    flood.msg.toosoon = "You are too sticky to do that!";
    flood.msg.one = "You see some goo on the floor!";
    flood.msg.two = "Oh wow goo is everywhere!";
    flood.msg.three = "Ahhh the goo is upto your knees!";
    flood.msg.four = "The goo is overwhelming!";
    flood.msg.five = "Everything is coverd in goo!";
    flood.msg.six = "100% Gooooo!";
</script>

The leaky ring has made peoples finger hurt- especially due to the fact that the leaky ring requires a lot of clicking. This has some sparked some discussion about whether this is what this is the web revival to be all about… inconveniences being counterculture. It also has been a little annoying bilging the flood over and over again has made browsing the web a little annoying.

It has yet to decide if this ring will last for any longer.

• Q: Will my site sink?! A: Maybe! But I wouldn't worry about it!
• Q: Is this really multiplayer? A: Yes! The water level is the same for everyone!
• Q: Will it “leak” my data? A: I hope not! The only data collected is the domain list, water level and time since last bilge!
• Q: How fast does the water rise? A: Sites are submerged in around 5 hours :o
• Q: When do leaks get reset! A: Leaks only reset if the leak server restarts for maintenance!
• Q: When will my site appear on the leak list? A: As soon as you add the code!
• Q: I want to leave the ring! A: Thats fine! Remove the script and after a few hours your site will vanish from the list!
• Q: Im getting a CORS error or no leak! A: Make sure your web host allows AJAX to other servers! (Pester them!)
• Q: How can I make the flood appear behind my iframe? A: In CSS set the z-index of #flood to 1 and your iframe to 2!
• Q: Can I download the script/CSS and modify it for my site? A: Yes u can! You can also overwrite any CSS using an extra style tag!

• Putting the Cork in the Drain!!! (Block all flood.js scripts)
• Leaky Ring Javascript Docs