Компонент салюта 🎆

Что может быть лучше для празднования Нового года, чем фейерверки! :fireworks:

Вот компонент, который добавляет фейерверки на форум Discourse.

Исходный код вдохновлён проектом Эдди Pure CSS Fireworks.

С Новым 2021 годом! :tada:

:sunglasses: Предпросмотр Предпросмотр в конструкторе тем
:link: Репозиторий на GitHub discourse-fireworks
:hammer_and_wrench: Руководство по установке Как установить тему или компонент темы
32 лайка

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

14 лайков

@Don
если значок получен, ваша тема FKB PRO
очень полезна

1 лайк

Не работает на iPhone (по крайней мере).

Что ж, тогда в следующем году.

Вы можете попробовать этот форк @Jagster:

URL: https://github.com/Arkshine/discourse-fireworks
ветка: mobile-support-and-settings

Нажмите кнопку Advanced, чтобы указать имя ветки здесь:

Поддержка мобильных устройств реализована, и я добавил ряд базовых настроек (количество и размер частиц, ширина и высота фейерверка, а также расстояние падения) как для настольных компьютеров, так и для мобильных устройств.

В будущем я рассмотрю возможность создания полноценного PR (и, возможно, добавления других настроек) в оригинальный репозиторий!

6 лайков

Хм, я попробовал, но не вижу ни фейерверков, ни настроек.

Не переживайте. Мне следовало объяснить, как его установить.

Убедитесь, что вы нажали на Advanced и скопировали/вставили имя ветки:

Примечание: это установит ещё один компонент темы; возможно, вам стоит временно отключить старый. :+1:

1 лайк

Реализация мобильной поддержки и настроек абсолютно превосходна. Теперь всё работает безупречно на моём мобильном устройстве: размеры подобраны идеально, без малейшего намёка на перегруженность.

Вы объяснили. Я не заметил ветку, извините. Спасибо, что прояснили это. :slight_smile: Теперь всё выглядит отлично, большое спасибо! Было бы здорово сделать официальный PR. :slight_smile:

1 лайк

Я думаю, было бы лучше, если бы вы как-то отрегулировали частоту. На мой взгляд, это довольно раздражает, но всё равно круто.

Прошёл год с прошлого Нового года :smirking_face:

Форк от Arkshine работает отлично. Но оригинальная версия всё ещё доступна только для десктопов.

Либо нужен PR, либо оригинальный пост можно отредактировать, добавив информацию о форке. Оба решения хороши.

2 лайка

Я создал PR от имени @Arkshine и объединил его. Обновление компонента должно работать и для мобильных устройств.

Ещё раз спасибо, Arkshine.

5 лайков

Спасибо @meghna! Я совсем забыл. :smile:

2 лайка

@meghna Я открыл PR, чтобы добавить опцию использования фейерверков tsParticles:

4 лайка

Спасибо, Нейт! Я посмотрю. :+1:

2 лайка

Я объединил PR, спасибо за улучшения, Нейт! :fireworks:

3 лайка

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

3 лайка

Я только что активировал компонент Fireworks и вижу следующее предупреждение:

[Admin-Hinweis] Тема ‘discourse-fireworks’ содержит код, который необходимо обновить. (ID:discourse.script-tag-discourse-plugin) (узнать больше)

[THEME 62 ‘discourse-fireworks’] УВЕДОМЛЕНИЕ О УСТАРЕВАНИИ: Добавление кода JS с помощью устарело. Перенесите этот код в отдельный файл JavaScript. [id устаревания: discourse.script-tag-discourse-plugin] [инфо: Modernizing inline script tags for templates & JS API]

Возможно ли получить обновление? Я сам не достаточно разбираюсь, чтобы сделать PR. :see_no_evil_monkey:

4 лайка

У меня уже пару дней в репозитории есть исправление и рефакторинг для этого, но только сейчас добрался до создания PR сюда. Извините, знаю, что уже 1 января. lol :woman_facepalming:t2:

Не уверен насчёт тестов принятия :see_no_evil_monkey:

5 лайков