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

css index

Browse Source
This commit is contained in:
svoboda200786@gmail.com 2025-05-20 12:45:02 +03:00
parent 69bc247369
commit 1b5d8faf87
2 changed files with 405 additions and 1001 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
public/index.html
View File

@ -11,14 +11,8 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<div id="user-info" style="display:none;"> <!-- Информация о пользователе и кнопка выхода -->
<div>
<p>Привет, <span id="logged-in-username"></span>!</p>
<button id="logout-button"><i class="fas fa-sign-out-alt"></i> Выход</button>
</div>
</div>
<div class="auth-game-setup-wrapper"> <!-- Обертка для экранов до начала игры -->
<div class="auth-game-setup-wrapper"> <!-- Обертка для экранов до начала игры -->
<div id="status-container">
<div id="auth-message"></div>
<div id="game-status-message">Ожидание подключения к серверу...</div>
@ -41,7 +35,10 @@
</form>
</div>
<!-- Место для #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="game-setup" style="display: none;"> <!-- Секция Настройки Игры (после логина) -->
<h2>Настройка Игры</h2>
@ -52,6 +49,7 @@
<div>
<h3>PvP (Игрок против Игрока)</h3>
<!-- === Блок выбора персонажа === -->
<div class="character-selection">
<h4>Выберите персонажа для PvP:</h4>
<input type="radio" id="char-elena" name="pvp-character" value="elena" checked>
@ -60,6 +58,7 @@
<input type="radio" id="char-almagest" name="pvp-character" value="almagest">
<label for="char-almagest"><i class="fas fa-staff-aesculapius"></i> Альмагест</label>
</div>
<!-- === Конец блока выбора персонажа === -->
<button id="create-pvp-game">Создать PvP Игру</button>
<button id="find-random-pvp-game">Найти случайную PvP Игру</button>
@ -77,11 +76,21 @@
<div class="game-wrapper" style="display: none;"> <!-- Игровая арена, изначально скрыта -->
<!-- === ИЗМЕНЕНИЕ: Удален game-header === -->
<!-- <header class="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>
</header> -->
<!-- === КОНЕЦ ИЗМЕНЕНИЯ === -->
</header>
<!-- === БЛОК: Контролы переключения панелей (для мобильных) === -->
<!-- Инлайновый стиль style="display: none;" УДАЛЕН. CSS управляет видимостью. -->
<div class="panel-switcher-controls">
<button id="show-player-panel-btn" class="panel-switch-button active">
<i class="fas fa-user"></i> <span class="button-text">Игрок</span>
</button>
<button id="show-opponent-panel-btn" class="panel-switch-button">
<i class="fas fa-ghost"></i> <span class="button-text">Противник</span>
</button>
</div>
<!-- === КОНЕЦ БЛОКА === -->
<main class="battle-arena-container">
<!-- Колонка Игрока (Панель 1 в UI) -->
@ -221,7 +230,7 @@
</div> <!-- Конец .game-wrapper -->
<script src="/socket.io/socket.io.js"></script>
<script src="./js/ui.js"></script> <!-- ui.js теперь перед client.js -->
<script src="./js/ui.js"></script>
<script src="./js/client.js"></script>
</body>
</html>

1371
public/style_alt.css
View File

File diff suppressed because it is too large Load Diff