/pop-a-loon

The new rising trend (literally) that changes the browser game completely.

Primary LanguageTypeScriptApache License 2.0Apache-2.0

Pop-a-loon

The new rising trend (literally) that changes the browser game completely.

GitHub contributors GitHub Release Date Chrome Web Store Version Chrome Web Store Rating Mozilla Add-on Version Mozilla Add-on Rating

Pop-a-loon is a browser extension that adds balloons to every website you visit. The balloons rise up the page and can be popped by clicking on them. See the installation instructions to get started with the extension.

Screenshot-1

Balloons rise up the page on every website you visit. Click on them to pop them and earn points!

View your score and the number of balloons popped in the extension popup.

Screenshot-2

Pop as many balloons as you can to earn points and climb the leaderboard! Leaderboard from 16/05/2024

Screenshot-3

Customize your experience in the extension settings.

Table of Contents

Installation

Chrome Web Store

  1. Visit the Chrome Web Store.

  2. Click on "Add to Chrome" to install the extension.

  3. Click on "Add Extension" in the pop-up window to confirm the installation.

    Chrome will prompt: Add "Pop-a-loon"? It can: Read and change all your data on all websites. This is a standard permission for extensions that modify the appearance of web pages. Pop-a-loon does not collect any personal data. 1

  4. The extension is now installed and ready to use. Balloons will start rising soon!

Firefox Add-ons

  1. Visit the Firefox Add-ons.

  2. Click on "Add to Firefox" to install the extension.

  3. Click on "Add" in the pop-up window to confirm the installation.

    Firefox will prompt: Add "Pop-a-loon"?. This is a standard permission for extensions that modify the appearance of web pages. Pop-a-loon does not collect any personal data. 1

  4. The extension is now installed and ready to use. Balloons will start rising soon!

Manual Installation

Refer to the docs for manual installation instructions.

Documentation

For more information about the architecture of the extension and on how to get started with development and building the extension, refer to the documentation.

Footnotes

  1. The extension runs a small script on every page that adds balloons to the page. To do this it needs this permission. You can view this script in src/content/content.ts. 2