-
-
Notifications
You must be signed in to change notification settings - Fork 743
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
71d7637
commit 5609552
Showing
7 changed files
with
70 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
70 changes: 70 additions & 0 deletions
70
...sh/blog/src/content/docs/blog/2024-10-10-most-annoying-cookie-banner-contest.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,70 @@ | ||
--- | ||
title: 🍪 The MOST ANNOYING COOKIE CONSENT BANNER CONTEST 🤬 | ||
date: 2024-10-10 | ||
tags: ["indiehacker", "saas", "sideproject", "hackathon"] | ||
image: "/cookie-consent/cookieconsent.webp" | ||
--- | ||
![Cover image](/cookie-consent/cookieconsent.webp) | ||
This hackathon is suppported by by [Open Saas](https://opensaas.sh) and [Wasp](https://wasp.sh). | ||
|
||
## Can cookie consent banners get more annoying? | ||
|
||
The goal here is simple: Make **THE MOST ANNOYING COOKIE BANNER** you can think of. | ||
|
||
Cookie consent banners annoy us all. So we thought, "Why not have some fun with them?" | ||
|
||
Here are a couple examples of what that might look like: | ||
|
||
1. *The Cookie Consent Wheel of Fortune:* | ||
|
||
![Consent wheel](/cookie-consent/wheel.gif) | ||
|
||
1. *The “Hit Enter When the Red Ball is Over the Accept Button to Consent” Banner:* | ||
|
||
![Enter to win](/cookie-consent/enter.gif) | ||
|
||
|
||
Now it’s time for you to get creative. Btw, if you’re looking for some inspiration, check out these [Ridiculous Volume Slider UI’s](https://uxdesign.cc/the-worst-volume-control-ui-in-the-world-60713dc86950). | ||
|
||
## Prizes | ||
|
||
We'll have 3 winners in different categories, and they will all get a nice mechanical keyboard. | ||
|
||
Here are the categories: | ||
|
||
- The most annoying banner | ||
- The cleanest implementation | ||
- Community pick | ||
- Our Discord users will get a chance to vote and decide which one is their favourite cookie banner. | ||
|
||
![Keyboard](/cookie-consent/keyboard.webp) | ||
|
||
This image is generated by AI, but we'll do our best to find you the best one with a Wasp look and feel 😃 | ||
|
||
## How to participate in Open SaaS hackathon | ||
|
||
- Fork the [Annoying Cookie Banner Stackblitz Template](https://stackblitz.com/edit/vitejs-vite-uiyjag?file=src%2Flanding-page%2Fcomponents%2FCookieConsentBanner.tsx) | ||
- If you prefer to work in your own editor, just cick on the `Create a repository` button after you fork the template | ||
- When finished with your banner, click on `Share` in the top left, and in the `Embed` tab, click `Copy URL` with the following settings: | ||
|
||
![image.png](/cookie-consent/image.png) | ||
|
||
- Next, [edit the `MOST-ANNOYING-COOKIE-BANNER.md` file](https://github.com/wasp-lang/open-saas/edit/main/MOST-ANNOYING-COOKIE-BANNER.md) on the Open SaaS repo. | ||
- Enter your GitHub username followed by the embed link you copied from Stackblitz | ||
- When you create a PR, make sure you select the `ANNOYING COOKIE BANNER` label: | ||
|
||
![image.png](/cookie-consent/image1.png) | ||
|
||
- Make sure you also ⭐️ [star the Open Saas repository](https://github.com/wasp-lang/open-saas) to be eligible to win! | ||
|
||
## Deadline | ||
|
||
Submit your PR before the 21st of October to be eligible to win! | ||
|
||
## Let's annoy our users! 🚀 | ||
|
||
Let's create the most annoying cookie consent banner and have some fun! This hackathon is your chance to show off your creativity and tech skills. We're super excited to see what wild ideas you come up with. | ||
|
||
Remember, this is all about having fun and pushing the boundaries of user interface design! | ||
|
||
Let the annoyance games begin! 🎉 |