Winter-Schnee-Thema-Komponente :Schneeflocke:

This theme component adds some animated snow to your forum.

:christmas_tree: Warning: the animations will increase browser CPU usage :santa:

:eye: Demo

:link: Repository

Javascript mode (shared by @cjk77 here):

CSS Mode (adapted from here)

37 „Gefällt mir“

Thanks - now with snow :smiley:

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 :snowflake:

10 „Gefällt mir“

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

1 „Gefällt mir“

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.

3 „Gefällt mir“

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.

14 „Gefällt mir“

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

5 „Gefällt mir“

I use Opera,

looked great but as David noted

image

image
the CPU is too much,

1% without up to 39% with,

Sadly had to go :pensive:

6 „Gefällt mir“

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

10 „Gefällt mir“

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.

4 „Gefällt mir“

Seems to work fine with the latest discourse release…

2 „Gefällt mir“

Ich liebe diese Theme-Komponente, aber gibt es eine Möglichkeit, den “Punkt” (oder sollte ich sagen “Punkt”?) in ein echtes Schnee-Symbol zu ändern?

1 „Gefällt mir“

Gibt es eine Möglichkeit, den Schnee langsamer fallen zu lassen, damit er nicht so ablenkt? So eine Art träger Schnee? Oder eine Möglichkeit für Benutzer, den Schnee selbst auszuschalten, damit einige ihn genießen können, während andere, für die er Probleme verursacht, ihn ausschalten können?

1 „Gefällt mir“

Verwenden Sie die CSS- oder JS-Version?

von JS auf CSS umgestiegen! Aber wir können beides versuchen, je nachdem, was einfacher ist. @famousamos.1 zur Info

3 „Gefällt mir“

@dennisjbr kümmert sich darum – ich hätte ihn zuerst fragen sollen, aber meine To-Do-Liste ist riesig. Er hilft uns mit unserer Website.

3 „Gefällt mir“

Die CSS-Version ist einfacher zu ändern, aber das ist nicht derselbe Effekt. :thinking:

Wenn Sie mit der CSS-Version einverstanden sind und den Fall verlangsamen möchten, fügen Sie dieses CSS zu Ihrem Theme oder einer neuen Theme-Komponente hinzu und passen Sie den Wert nach Ihren Bedürfnissen an. Je höher der Wert, desto langsamer.

#snow {
    animation: snow 60s linear infinite;
}
6 „Gefällt mir“

Vielen Dank

3 „Gefällt mir“