Обложка на весь экран

:information_source: Краткое описание Компонент темы Discourse, отображающий полноэкранное фоновое изображение на всём форуме при загрузке страницы.
:hammer_and_wrench: Репозиторий GitHub - communiteq/discourse-tc-fullscreen-coverimage · GitHub
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Начинающее руководство по использованию тем Discourse

Установить этот компонент темы

Компонент темы Discourse, отображающий полноэкранное фоновое изображение на всём форуме при загрузке страницы.

Первоначально разработан для государственного агентства (“этот сайт был арестован”), но достаточно универсален для любого случая использования — уведомления о техническом обслуживании, заставочные экраны, объявления о мероприятиях и т. д.

Как это работает

При загрузке страницы изображение отображается по центру экрана, масштабированное для заполнения максимально возможной области просмотра с сохранением соотношения сторон (object-fit: contain). Оставшаяся область за пределами изображения заполняется настраиваемым цветом фона.

Оверлей исчезает, когда любого из следующих условий выполняется первым:

  • прошло заданное количество секунд, или
  • пользователь кликнул по оверлею заданное количество раз.

Установите любое из этих значений в 0, чтобы отключить соответствующий способ закрытия.

Настройки

Настройка Тип Значение по умолчанию Описание
cover_image загрузка (нет) Изображение для полноэкранного отображения
trigger_after строка (нет) Дата и время в формате ISO-8601 UTC, после которых активируется оверлей, например 2026-04-01T08:00:00Z
display_seconds целое число 5 Секунды до автоматического закрытия (0 = никогда)
dismiss_on_clicks целое число 3 Количество кликов для закрытия (0 = отключено)
background_color строка #000000 CSS-цвет области за пределами изображения

Поведение куки

После того как посетитель закроет оверлей (по таймеру или кликам), устанавливается куки с именем tc_coverimage_seen, в котором записывается значение trigger_after. Оверлей не будет показываться снова, пока trigger_after не изменится на новое значение — это сбросит состояние “увиден” для всех пользователей и приведёт к повторному отображению оверлея при следующей навигации по страницам.

Пример

Установите trigger_after: "2026-04-01T00:00:00Z", display_seconds: 0, dismiss_on_clicks: 1 для заставки, открывающейся по одному клику, которая активируется в полночь UTC 1 апреля и показывается каждому посетителю только один раз.

Очевидно, что этот компонент темы был разработан не для государственного агентства, а для @WorldIsMine, который любезно опубликовал его с открытым исходным кодом :smiling_face_with_three_hearts:

10 лайков

Это потрясающе. Я сегодня же сделаю это на своём форуме :grin:

Классный компонент. Спасибо! :slight_smile:

3 лайка

Вы можете увидеть это в прямом эфире (только сегодня) на SWAPD. РЕДАКТИРОВАНИЕ: Я отключил это, так как для меня конец дня. Должен сказать, что эта шутка на 1 апреля заходит слишком далеко — она практически у всех вызывает сердечный приступ.

3 лайка

Теперь, когда я об этом подумал, это будет полезно в будущем. Чтобы гарантировать, что ВСЕ увидят то, что вы хотите объявить.

3 лайка

Ха-ха, мне это нравится! Эй, ребята, отличная шутка!

2 лайка

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

2 лайка

У меня то же самое. Не припомню ни одного комментария в духе «я так и знал». Этот инцидент заставил меня осознать, насколько многие люди зависят от нашего сайта, ведь мы получили МНОГО подобных откликов:

Я проснулся, взял телефон, открыл SWAPD… и сердце упало. Первая мысль: «черт, мы уже совсем в аду?»
Я просто сидел и смотрел в потолок несколько минут, думая:
Может, устроиться на работу?
Может, начать торговать наркотиками?
Может, вернуться в колледж?
Ничего из этого даже не входило в мои планы вчера вечером… но сегодня всё это казалось реальным. Я ещё несколько раз обновил страницу, надеясь на второй шанс… И слава богу, всё вернулось.

Теперь я здесь, ем пиццу, листаю посты и смеюсь над теми, кто всё ещё думает, что SWAPD изъяли. Жизнь хороша

1 лайк