svoboda200786/bc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Обновить public/index.html

Browse Source
This commit is contained in:
svoboda200786 2025-05-17 09:28:46 +00:00
parent c9e2567dcd
commit f7a84fc943
1 changed files with 227 additions and 224 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
public/index.html
View File

@ -13,6 +13,13 @@
<body> <body>
<div class="auth-game-setup-wrapper"> <!-- Обертка для экранов до начала игры --> <div class="auth-game-setup-wrapper"> <!-- Обертка для экранов до начала игры -->
<!-- === ИЗМЕНЕНИЕ: user-info перемещен сюда для позиционирования относительно этого блока === -->
<div id="user-info" style="display:none;"> <!-- Информация о пользователе и кнопка выхода -->
<p>Привет, <span id="logged-in-username"></span>!</p>
<button id="logout-button"><i class="fas fa-sign-out-alt"></i> Выход</button>
</div>
<!-- === КОНЕЦ ИЗМЕНЕНИЯ === -->
<div id="status-container"> <div id="status-container">
<div id="auth-message"></div> <div id="auth-message"></div>
<div id="game-status-message">Ожидание подключения к серверу...</div> <div id="game-status-message">Ожидание подключения к серверу...</div>
@ -35,10 +42,7 @@
</form> </form>
</div> </div>
<div id="user-info" style="display:none;"> <!-- Информация о пользователе и кнопка выхода --> <!-- Место для #user-info было здесь, но теперь оно выше для стилизации -->
<p>Привет, <span id="logged-in-username"></span>!</p>
<button id="logout-button"><i class="fas fa-sign-out-alt"></i> Выход</button>
</div>
<div id="game-setup" style="display: none;"> <!-- Секция Настройки Игры (после логина) --> <div id="game-setup" style="display: none;"> <!-- Секция Настройки Игры (после логина) -->
<h2>Настройка Игры</h2> <h2>Настройка Игры</h2>
@ -49,7 +53,6 @@
<div> <div>
<h3>PvP (Игрок против Игрока)</h3> <h3>PvP (Игрок против Игрока)</h3>
<!-- === Блок выбора персонажа === -->
<div class="character-selection"> <div class="character-selection">
<h4>Выберите персонажа для PvP:</h4> <h4>Выберите персонажа для PvP:</h4>
<input type="radio" id="char-elena" name="pvp-character" value="elena" checked> <input type="radio" id="char-elena" name="pvp-character" value="elena" checked>
@ -58,7 +61,6 @@
<input type="radio" id="char-almagest" name="pvp-character" value="almagest"> <input type="radio" id="char-almagest" name="pvp-character" value="almagest">
<label for="char-almagest"><i class="fas fa-staff-aesculapius"></i> Альмагест</label> <label for="char-almagest"><i class="fas fa-staff-aesculapius"></i> Альмагест</label>
</div> </div>
<!-- === Конец блока выбора персонажа === -->
<button id="create-pvp-game">Создать PvP Игру</button> <button id="create-pvp-game">Создать PvP Игру</button>
<button id="find-random-pvp-game">Найти случайную PvP Игру</button> <button id="find-random-pvp-game">Найти случайную PvP Игру</button>
@ -76,9 +78,12 @@
<div class="game-wrapper" style="display: none;"> <!-- Игровая арена, изначально скрыта --> <div class="game-wrapper" style="display: none;"> <!-- Игровая арена, изначально скрыта -->
<header class="game-header"> <!-- === ИЗМЕНЕНИЕ: Удален game-header === -->
<!-- <header class="game-header">
<h1><span class="title-player">Игрок 1</span> <span class="separator"><i class="fas fa-fist-raised"></i></span> <span class="title-opponent">Игрок 2</span></h1> <h1><span class="title-player">Игрок 1</span> <span class="separator"><i class="fas fa-fist-raised"></i></span> <span class="title-opponent">Игрок 2</span></h1>
</header> </header> -->
<!-- === КОНЕЦ ИЗМЕНЕНИЯ === -->
<main class="battle-arena-container"> <main class="battle-arena-container">
<!-- Колонка Игрока (Панель 1 в UI) --> <!-- Колонка Игрока (Панель 1 в UI) -->
<div class="player-column"> <div class="player-column">
@ -130,11 +135,9 @@
<section id="controls-panel" class="controls-panel-new"> <section id="controls-panel" class="controls-panel-new">
<h3 id="turn-indicator">Ход: Игрок 1</h3> <h3 id="turn-indicator">Ход: Игрок 1</h3>
<!-- === ИЗМЕНЕНИЕ: Добавлен блок для таймера === -->
<div id="turn-timer-container" class="turn-timer-display"> <div id="turn-timer-container" class="turn-timer-display">
<i class="fas fa-hourglass-half"></i> Время на ход: <span id="turn-timer">--</span> <i class="fas fa-hourglass-half"></i> Время на ход: <span id="turn-timer">--</span>
</div> </div>
<!-- === КОНЕЦ ИЗМЕНЕНИЯ === -->
<div class="controls-layout"> <div class="controls-layout">
<div class="control-group basic-actions"> <div class="control-group basic-actions">
<button id="button-attack" class="action-button basic" data-action="BASIC_ATTACK" title="Базовая атака"><i class="fas fa-shoe-prints"></i> Атака</button> <button id="button-attack" class="action-button basic" data-action="BASIC_ATTACK" title="Базовая атака"><i class="fas fa-shoe-prints"></i> Атака</button>
@ -219,7 +222,7 @@
</div> <!-- Конец .game-wrapper --> </div> <!-- Конец .game-wrapper -->
<script src="/socket.io/socket.io.js"></script> <script src="/socket.io/socket.io.js"></script>
<script src="./js/ui.js"></script> <script src="./js/ui.js"></script> <!-- ui.js теперь перед client.js -->
<script src="./js/client.js"></script> <script src="./js/client.js"></script>
</body> </body>
</html> </html>