Компонент зимней снежной темы ❄

Этот компонент темы добавляет в ваш форум анимированный снег.

:christmas_tree: Внимание: анимация увеличит нагрузку на процессор браузера :santa:

:eye: Демонстрация

:link: Репозиторий

Режим JavaScript (разделено @cjk77 здесь):

Режим CSS (адаптировано отсюда)

37 лайков

Спасибо — теперь со снегом :smiley:

Установка:

Перейдите в: /admin/customize/themes
Выберите Компоненты — нажмите Установить.
Вставьте ссылку: https://github.com/davidtaylorhq/discourse-snow-theme.git
Вернитесь в admin/customize/themes и найдите вашу тему.
Нажмите на неё, чтобы настроить тему.
Прокрутите вниз
Добавьте новый компонент в вашу тему.

И у вас будет :snowflake:

10 лайков

У меня есть несколько пользователей, использующих Firefox и Opera, у которых это не работает (настроено в режиме js-mode), но пример кода с CodePen работает. В Chrome всё работает отлично. Есть какие-то идеи?

ETA: Оба пользователя подтвердили, что режим css-mode для них работает.

1 лайк

Похоже, это компонент, работающий только в Chrome. В Firefox в режиме JS ничего не отображается, а в режиме CSS экран закрывает стена дергающихся снежинок, поэтому использовать это невозможно.

3 лайка

Теперь обновление позволяет режиму js-mode работать в Firefox. Я не тестировал Opera, но подозреваю, что то же исправление поможет и там.

14 лайков

Могу подтвердить, что теперь это работает для обоих моих пользователей, Firefox и Opera. Спасибо за исправление.

5 лайков

Я использую Opera,

выглядело отлично, но, как отметил Дэвид,


загрузка процессора слишком высокая,

от 1% без до 39% с,

К сожалению, пришлось отказаться :pensive:

6 лайков

Есть ли способ заменить снег на случайные фейерверки?

И мой процессор не нагружался из-за снега. Я использовал это на настольных компьютерах и телефонах, весь форум был в восторге, и ни одной жалобы на нагрузку процессора.

10 лайков

Привет! Мне это очень нравится — это мило и действительно оживляет всё. Однако я wondered, возможно ли сделать так, чтобы эффект появлялся только справа и слева, в неиспользуемом пространстве рядом с доской (или за ней)? Тогда снег не будет падать на текст и мешать чтению.

4 лайка

Кажется, всё отлично работает с последней версией Discourse…

2 лайка

Мне очень нравится этот компонент темы, но можно ли изменить «точку» (или, может быть, «кружок»?) на настоящую иконку снежинки?

1 лайк

Можно ли замедлить падение снега, чтобы он меньше отвлекал? Что-то вроде ленивого снега? Или, может быть, добавить возможность для пользователей отключать снег самостоятельно, чтобы одни могли наслаждаться им, а другие, для которых он создаёт проблемы, могли его выключить?

1 лайк

Вы используете версию на CSS или JS?

Перешли с JS на CSS! Но мы можем попробовать любой вариант, какой проще. @famousamos.1, для информации.

3 лайка

@dennisjbr уже работает над этим. Я должен был сначала спросить его, но список дел огромен. Он помогает нам с сайтом.

3 лайка

Версия на CSS проще в изменении, но это не тот же самый эффект. :thinking:

Если вас устраивает версия на CSS и вы хотите замедлить падение, добавьте этот CSS в вашу тему или новый компонент темы и настройте значение под свои нужды. Чем выше значение, тем медленнее.

#snow {
    animation: snow 60s linear infinite;
}
6 лайков

Огромное спасибо

3 лайка

Снег снова на моём сайте :slight_smile:
Всё работает, но я получаю эту ошибку

Спасибо за отчет, @frold. Я только что выложил исправление, поэтому после обновления компонента темы проблема должна быть решена.

Кстати, ошибка whos-online, вероятно, уже исправлена. У вас установлена последняя версия этого плагина?

1 лайк

Мне это очень нравится, но пользователи жалуются. Было бы здорово, если бы у самих пользователей была возможность отключить это.