Інтеграція верстки в бекенд

Імплементувати новий зовнішній вигляд клієнтської сторінки відповідей у вікторині, зберігаючи весь існуючий функціонал та забезпечуючи оптимальну швидкість роботи.

Вхідні матеріали

    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> для запису відповідей.

Очікуваний результат

Оновлена клієнтська сторінка з новим дизайном, що працює так само швидко, як і стара версія.