Battleship_Server/public/salageneral.html
2024-04-01 13:55:51 +02:00

62 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@2.44.0/tabler-icons.min.css">
<link rel="stylesheet" href="style.css">
<title>BattleShip</title>
</head>
<body>
<div class="container">
<div class="container_col" style="max-width: 13rem;">
<h3 style="border-bottom: 2px solid #2c5364;">Lista de usuarios</h3>
<div class="container_col" style="border: none; padding: 0;">
<h4>Conectados</h4>
<ul id="users_connect">
</ul>
<br>
<h4>Desconectados</h4>
<ul id="users_disconnect">
</ul>
</div>
<button onclick="onCloseClick();">Cerrar</button>
</div>
<div class="container_col" style="border: none;">
<div id="cabecera" style="display: flex; align-items: center; justify-content: space-between; ">
<div>
<h1 style="font-size: 5rem; display: inline;">Battleship</h1>
<i style="font-size: 2rem;"class="ti ti-medal-2"></i>
<i style="font-size: 2rem;"class="ti ti-medal-2"></i>
</div>
<button onclick="crearPartida();">Crear Partida</button>
</div>
<fieldset id="partidas_abiertas" class="container_games">
<legend>Partidas abiertas</legend>
</fieldset>
<fieldset id="tus_partidas" class="container_games">
<legend>Partidas</legend>
<div class="cardGame">
<span>Marklogo</span>
<span>VS</span>
<button click="">Unirse</button>
</div>
</fieldset>
<div class="container_col" style="overflow-y: hidden;">
<div id="logchat" class="container_col" style="overflow-y: auto; border: none;">
</div>
<input type="text" id="chatinput" onkeyup="enviarMensaje(event)">
</div>
</div>
</div>
<script src="socket.io/socket.io.js"></script>
<script type="module" src="./js/salaespera.js"></script>
</body>
</html>