32 lines
1.3 KiB
HTML
32 lines
1.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" style="flex-direction: column; align-items: center; justify-content: center; gap: 0;">
|
|
<div>
|
|
<h1 style="font-size: 7rem;display: inline;">BattleShip</h1>
|
|
<i style="font-size: 2.5rem;"class="ti ti-medal-2"></i>
|
|
<i style="font-size: 2.5rem;"class="ti ti-medal-2"></i>
|
|
</div>
|
|
<form id="login-form" onsubmit="">
|
|
<div class="container_col" style="min-width: 20rem;">
|
|
<label for="username">Introduce tu nick de batalla</label>
|
|
<input id="login-input" name="nick" type="text" autocomplete="off" autocorrect="off" autocapitalize="none"
|
|
spellcheck="false" placeholder="Nick..." required>
|
|
<input type="submit" value="Conectar">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<script src="socket.io/socket.io.js"></script>
|
|
<script src="./js/login.js"></script>
|
|
</body>
|
|
|
|
</html> |