겨울 눈 테마 컴포넌트 ❄️

[david (David Taylor)]

This theme component adds some animated snow to your forum.

Warning: the animations will increase browser CPU usage

Demo

Repository

Javascript mode (shared by @cjk77 here):

CSS Mode (adapted from here)

[frold]

Thanks - now with snow

Studmed.dk

Installation:

Go to: /admin/customize/themes
Choose Compontes - add Install.
Paste in the link: https://github.com/davidtaylorhq/discourse-snow-theme.git
Go back to admin/customize/themes and find your theme.
Click it and you can customize your theme.
Scroll down
Add the new component to your theme.

And your have

[knewt]

I’ve got a couple of users using Firefox and Opera where this isn’t working (configured with js-mode), but the codepen example of the code does work. Works fine in Chrome. Any ideas?

ETA: Both users have confirmed that css mode works for them

[Laurent]

It seems to be a Chrome-only component. On Firefox, with JS-mode, there’s nothing, and with CSS mode there’s a wall of jerky snow flakes that covers the screen, so it’s not really usable.

[david (David Taylor)]

It is now updated so that js-mode works for Firefox. I haven’t tested Opera, but I suspect the same fix will help there as well.

[knewt]

Can confirm it’s now working for both of my users, Firefox and Opera. Thanks for the fix.

[anon48433008]

I use Opera,

looked great but as David noted

the CPU is too much,

1% without up to 39% with,

Sadly had to go

[Jason3 (Jason)]

is there a way to make this have random fireworks instead of snow?

and my CPU never increased with the snow, used it on desktops and phones, my entire forum loved it, and not one complaint about CPU usage

[Heather_Lloyd]

Hi! I love this, it’s adorable and really brings things to life. I’m wondering, however, if it’s possible to make it appear only to the right and left/in the unused space beside the board (or go behind it)? That way it doesn’t snow all over the text and make reading difficult.

[frold]

Seems to work fine with the latest discourse release…

[tachibanalolo]

Pretty love this theme component, but is there a way that change the “point” (or should I say “dot”?) to real snow icon?

[famousamos.1]

Is there a way to slow the snow down more so it is not so distracting? Kind of a lazy snow? or a way for users to turn off the snow themselves so some can enjoy it while the others for whom it causes problems can turn it off?

[Arkshine]

Are you using the CSS or JS version?

[dennisjbr]

switched from JS to CSS! But we can try either, whichever is easier. @famousamos.1 FYI

[famousamos.1]

@dennisjbr on it for me - I should have asked him first, but my list of things to be done is huge. He helps us with our site.

[Arkshine]

The CSS version is easier to change, but that’s not the same effect.

If you are okay with the CSS version and want to slow down the fall, add this CSS to your theme or a new theme component and adjust the value to your needs. The higher the value, the slower.

#snow {
    animation: snow 60s linear infinite;
}

[famousamos.1]

Thank you so much

[frold]

사이트에 다시 눈이 왔어요
동작은 하지만 이 오류가 발생합니다

[david (David Taylor)]

@frold 님, 보고해 주셔서 감사합니다. 방금 수정 사항을 적용하여 테마 컴포넌트를 업데이트하시면 해결될 것입니다.

참고로, whos-online 오류도 이미 수정되었을 가능성이 높습니다. 해당 플러그인의 최신 버전을 사용 중이신가요?

[DevTeVe (DevTek Ve)]

이 기능을 정말 좋아하지만, 사용자 불만이 나오고 있어요. 사용자가 직접 비활성화할 수 있는 옵션이 있으면 좋겠어요.