불꽃놀이 컴포넌트 🎆

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:

32개의 좋아요

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

14개의 좋아요

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

1개의 좋아요

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:

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개의 좋아요

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:

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

1개의 좋아요

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개의 좋아요

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

One year after last new year :smirking_face:

Arkshine’s fork works nicely. But yet original one is desktop-only.

Either the PR in needed or the OP could be edited including information of the fork. Both solutions are good.

2개의 좋아요

I created the PR on @Arkshine’s behalf and merged it. Updating the component should work for mobile as well.

Thanks again, Arkshine.

5개의 좋아요

Thanks @meghna! I have completely forgotten. :smile:

2개의 좋아요

@meghna I’ve opened a PR to add an option to use tsParticles’ fireworks:
https://github.com/MeghnaAJ/discourse-fireworks/pull/3

4개의 좋아요

Thanks Nate! I’ll take a look. :+1:

2개의 좋아요

I’ve merged the PR, thanks for the improvements, Nate! :fireworks:

3개의 좋아요

Thanks a bunch!

3개의 좋아요

방금 Fireworks 구성 요소를 활성화했는데 다음 경고가 표시됩니다:

[관리자 알림] 테마 'discourse-fireworks’에는 업데이트가 필요한 코드가 포함되어 있습니다. (ID:discourse.script-tag-discourse-plugin) (자세히 알아보기)

[THEME 62 ‘discourse-fireworks’] 비추천 사항: 를 사용하여 JS 코드를 추가하는 방식은 더 이상 권장되지 않습니다. 이 코드를 전용 JavaScript 파일로 이동하세요. [deprecation id: discourse.script-tag-discourse-plugin] [info: Modernizing inline script tags for templates & JS API]

업데이트를 받을 수 있을까요? PR을 직접 만들 정도로 제가 충분히 이해하지 못합니다. :see_no_evil_monkey:

4개의 좋아요

수정 및 리팩토링을 몇 일째 내 저장소에 두고 있었는데, 드디어 이 PR을 만들었습니다. 1월 1일이 된 줄 알면서도 죄송합니다. lol :woman_facepalming:t2:

수용 테스트는 좀 확신이 없네요 :see_no_evil_monkey:

5개의 좋아요