Fireworks Component 🎆

What better way to celebrate the New Year’s eve than fireworks! :fireworks:

Here’s a component that adds fireworks on Discourse forum.

The source code is inspired from Eddie’s Pure CSS Fireworks.

Happy New Year 2021! :tada:

31 Likes

would be cool if this triggered for a few seconds every time a badge is earned

14 Likes

@Don
if a badge is earned your theme FKB PRO
very usefull

1 Like

Doesn’t work on iPhone (at least).

Well, next year then.

You can try this fork @Jagster:

URL: https://github.com/Arkshine/discourse-fireworks
branch: mobile-support-and-settings

Click on Advanced button to provide the branch name here:
image

Mobile is supported, and I added a bunch of basic settings (particle count/size, firework width/height, and fall distance) for both desktop and mobile.

I will consider making a proper PR (and eventually other settings) on the original repository later!

6 Likes

Hm, I tried but I do not see any fireworks and also no settings.

No worries. I should have explained how to install it.

Make sure you click on Advanced and copy/paste the branch name:

image

Note: This will install another Theme component; you might want to disable the old one for now. :+1:

1 Like

The implementation of mobile support and settings is absolutely superb. It functions perfectly on my mobile device now, with dimensions that are impeccably suited, without any hint of being overwrought.

You did. I did not notice the branch, sorry. Thank you for making this clear. :slight_smile: Looks great now, thank you a lot! An official PR would be great. :slight_smile:

1 Like

I think this would be better if you could adjust the frequency somehow it’s (imo) fairly obnoxious but still cool