Интеграция верстки в бэкенд

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

Входные материалы

    1.    Архивы с сверстанным внешним видом клиентской части

    •    template – файлы текущего функционала.

    •    verstka – частично сверстанный новый дизайн (CSS, изображения, JS, HTML).

    2.    Проект в Figma: ссылка.

    3.    Тестовая dev-версия сайта – доступ будет предоставлен по запросу.

Требования к работе

    •    Интеграция нового дизайна без изменения основной логики работы системы.

    •    Сохранение скорости: минимальная нагрузка на сервер, работа через WebSocket без кеширования.

    •    Отдельные файлы для каждого типа раунда (не скрытые блоки, а отдельные шаблоны).

    •    Вынос стилей в CSS, если это не повредит скорости.

    •    Не изменять invite_ws_js.tpl, кроме генерации формы ответов.

Структура файлов

    •    Основной контейнер – index.tpl, где в <div id="CONTENT"> подгружается один из шаблонов:

    •    invite_wsfull.tpl (полный функционал).

    •    invite_wsfullcafe.tpl (только прием ответов).

    •    invite_wsfulllite.tpl (облегченная версия).

    •    Стили и механики

    •    invite_inline_style.tpl – инлайн-стили.

    •    invite_can_bet.tpl – если в игре разрешена ставка.

    •    Формы для специальных типов раундов (invite_ws_answers_*.tpl).

    •    Форма ответа имеет <span id="answer1" class="answer_done"></span> для записи ответов.

Ожидаемый результат

Обновленная клиентская страница с новым дизайном, которая работает так же быстро, как и старая версия.