Componente de tema de nieve de invierno ❄

Este componente del tema añade nieve animada a tu foro.

:christmas_tree: Advertencia: las animaciones aumentarán el uso de la CPU del navegador :santa:

:eye: Demo

:link: Repositorio

Modo JavaScript (compartido por @cjk77 aquí):

Modo CSS (adaptado de aquí)

37 Me gusta

¡Gracias! Ahora con nieve :smiley:

Instalación:

Ve a: /admin/customize/themes
Elige Componentes y haz clic en Instalar.
Pega el enlace: https://github.com/davidtaylorhq/discourse-snow-theme.git
Vuelve a admin/customize/themes y busca tu tema.
Haz clic en él y podrás personalizar tu tema.
Desplázate hacia abajo.
Agrega el nuevo componente a tu tema.

¡Y ya tendrás :snowflake:!

10 Me gusta

Tengo un par de usuarios que usan Firefox y Opera donde esto no funciona (configurado con js-mode), pero el ejemplo de CodePen del código sí funciona. Funciona bien en Chrome. ¿Alguna idea?

ETA: Ambos usuarios han confirmado que el modo css funciona para ellos

1 me gusta

Parece ser un componente exclusivo de Chrome. En Firefox, con el modo JS no hay nada, y con el modo CSS aparece una pared de copos de nieve entrecortados que cubre la pantalla, por lo que no es realmente utilizable.

3 Me gusta

Ahora se ha actualizado para que js-mode funcione en Firefox. No he probado Opera, pero sospecho que la misma corrección también ayudará allí.

14 Me gusta

Puedo confirmar que ahora funciona para ambos de mis usuarios, Firefox y Opera. Gracias por la solución.

5 Me gusta

Uso Opera,

se veía genial, pero como señaló David


el CPU es demasiado alto,

1% sin él y hasta un 39% con él,

Lamentablemente tuve que irme :pensive:

6 Me gusta

¿Hay alguna manera de hacer que esto tenga fuegos artificiales aleatorios en lugar de nieve?

Y mi CPU nunca aumentó con la nieve; lo usé en computadoras de escritorio y teléfonos, a todo mi foro le encantó y no hubo ni una sola queja sobre el uso de la CPU.

10 Me gusta

¡Hola! Me encanta esto, es adorable y realmente da vida a todo. Sin embargo, me pregunto si es posible hacer que aparezca solo a la derecha y a la izquierda, en el espacio sin usar junto al tablero (o que se coloque detrás de él). De esa manera, no nievará sobre el texto y dificultará la lectura.

4 Me gusta

Parece funcionar bien con la última versión de Discourse…

2 Me gusta

Me encanta este componente temático, pero ¿hay alguna forma de cambiar el “punto” (¿o debería decir “punto”?) por un icono de copo de nieve real?

1 me gusta

¿Hay alguna manera de ralentizar la nieve para que no sea tan molesta? ¿Una especie de nieve perezosa? ¿O una forma para que los usuarios desactiven la nieve ellos mismos, de modo que algunos puedan disfrutarla mientras que otros, para quienes causa problemas, puedan desactivarla?

1 me gusta

¿Estás usando la versión CSS o JS?

¡Cambiado de JS a CSS! Pero podemos probar cualquiera, lo que sea más fácil. @famousamos.1 Para tu información

3 Me gusta

@dennisjbr se encarga de ello por mí. Debería habérselo pedido a él primero, pero mi lista de tareas pendientes es enorme. Él nos ayuda con nuestro sitio.

3 Me gusta

La versión CSS es más fácil de cambiar, pero no tiene el mismo efecto. :thinking:

Si estás de acuerdo con la versión CSS y quieres ralentizar la caída, añade este CSS a tu tema o a un nuevo componente temático y ajusta el valor a tus necesidades. Cuanto mayor sea el valor, más lenta será la caída.

#snow {
    animation: snow 60s linear infinite;
}
6 Me gusta

Muchas gracias

3 Me gusta

La nieve ha vuelto a mi sitio :slight_smile:
Funciona, pero obtengo este error

Gracias por el informe @frold. Acabo de implementar una corrección, por lo que debería estar solucionado después de que actualices el componente del tema.

Por cierto, el error de “quién está en línea” también debería estar solucionado ya. ¿Estás ejecutando la última versión de ese complemento?

1 me gusta

Me encanta esto, pero tengo usuarios quejándose, sería genial si los propios usuarios tuvieran la opción de desactivarlo.