Integration of layout into the backend

Implement a new appearance for the client response page in the quiz, maintaining all existing functionality and ensuring optimal performance.

Incoming materials

    1.    Archives with the layout of the client-side appearance

    •    template – files of the current functionality.

    •    verstka – partially designed new layout (CSS, images, JS, HTML).

    2.    Project in Figma: link.

    3.    Test dev-version of the site – access will be provided upon request.

Work requirements

    •    Integration of the new design without changing the main system logic.

    •    Maintain performance: minimal server load, operation via WebSocket without caching.

    •    Separate files for each round type (not hidden blocks, but separate templates).

    •    Move styles to CSS if it does not harm performance.

    •    Do not modify invite_ws_js.tpl, except for generating the response form.

File structure

    •    Main container – index.tpl, where one of the templates is loaded into <div id="CONTENT">:

    •    invite_wsfull.tpl (full functionality).

    •    invite_wsfullcafe.tpl (only response reception).

    •    invite_wsfulllite.tpl (lightweight version).

    •    Styles and mechanics

    •    invite_inline_style.tpl – inline styles.

    •    invite_can_bet.tpl – if betting is allowed in the game.

    •    Forms for special round types (invite_ws_answers_*.tpl).

    •    Response form has <span id="answer1" class="answer_done"></span> for recording answers.

Expected result

Updated client page with a new design that works as quickly as the old version.