62 lines
2.3 KiB
HTML
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> |