Componente de tema de neve de inverno ❄

Este componente de tema adiciona uma neve animada ao seu fórum.

:christmas_tree: Aviso: as animações aumentarão o uso da CPU do navegador :santa:

:eye: Demonstração

:link: Repositório

Modo JavaScript (compartilhado por @cjk77 aqui):

Modo CSS (adaptado de aqui)

37 curtidas

Obrigado — agora com neve :smiley:

Instalação:

Vá para: /admin/customize/themes
Escolha Componentes — clique em Instalar.
Cole o link: https://github.com/davidtaylorhq/discourse-snow-theme.git
Volte para admin/customize/themes e localize seu tema.
Clique nele e você poderá personalizar seu tema.
Role para baixo.
Adicione o novo componente ao seu tema.

E você terá :snowflake:

10 curtidas

Tenho alguns usuários usando Firefox e Opera onde isso não está funcionando (configurado com js-mode), mas o exemplo do CodePen do código funciona. Funciona bem no Chrome. Alguma ideia?

ETA: Ambos os usuários confirmaram que o modo css funciona para eles

1 curtida

Parece ser um componente exclusivo do Chrome. No Firefox, com o modo JS, não há nada, e com o modo CSS, há uma parede de flocos de neve trêmulos que cobre a tela, tornando-o pouco utilizável.

3 curtidas

Agora está atualizado para que o js-mode funcione no Firefox. Ainda não testei no Opera, mas suspeito que a mesma correção também ajude lá.

14 curtidas

Posso confirmar que agora está funcionando para ambos os meus usuários, Firefox e Opera. Obrigado pela correção.

5 curtidas

Eu uso o Opera,

parecia ótimo, mas como David observou


a CPU fica muito sobrecarregada,

variando de 1% sem até 39% com,

Infelizmente, precisei sair :pensive:

6 curtidas

Existe alguma forma de fazer isso ter fogos de artifício aleatórios em vez de neve?

E meu CPU nunca aumentou com a neve; usei em desktops e celulares, todo o meu fórum adorou, e não recebi uma única reclamação sobre o uso da CPU.

10 curtidas

Oi! Eu amo isso, é adorável e realmente dá vida às coisas. No entanto, estou me perguntando se é possível fazê-lo aparecer apenas à direita e à esquerda/no espaço não utilizado ao lado do tabuleiro (ou ir para trás dele)? Assim, a neve não cai sobre todo o texto e dificulta a leitura.

4 curtidas

Parece funcionar bem com a versão mais recente do Discourse…

2 curtidas

Adoro este componente temático, mas existe uma maneira de alterar o “ponto” (ou devo dizer “símbolo”?) para um ícone de neve real?

1 curtida

Existe uma maneira de diminuir a velocidade da neve para que ela não seja tão distrativa? Algo como uma neve preguiçosa? Ou uma maneira para os usuários desativarem a neve eles mesmos, para que alguns possam aproveitá-la enquanto outros, para quem ela causa problemas, possam desativá-la?

1 curtida

Você está usando a versão CSS ou JS?

trocado de JS para CSS! Mas podemos tentar qualquer um, o que for mais fácil. @famousamos.1 FYI

3 curtidas

@dennisjbr cuidando disso para mim - eu deveria ter pedido a ele primeiro, mas minha lista de tarefas é enorme. Ele nos ajuda com nosso site.

3 curtidas

A versão CSS é mais fácil de alterar, mas não tem o mesmo efeito. :thinking:

Se você estiver satisfeito com a versão CSS e quiser diminuir a velocidade da queda, adicione este CSS ao seu tema ou a um novo componente de tema e ajuste o valor às suas necessidades. Quanto maior o valor, mais lenta será a queda.

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

Muito obrigado

3 curtidas

A neve voltou no meu site :slight_smile:
Funciona, mas recebo este erro

Obrigado pelo relatório @frold. Acabei de enviar uma correção, então deve estar corrigido depois que você atualizar o componente de tema.

A propósito, o erro do whos-online também já deve estar corrigido. Você está executando a versão mais recente desse plugin?

1 curtida

Eu adoro isso, mas recebi reclamações de usuários, seria ótimo se os próprios usuários tivessem a opção de desativá-lo