franpcode/Tic-Tac-Toe-Game
1
0
Fork 0
mirror of https://github.com/FranP-code/Tic-Tac-Toe-Game.git synced 2025-10-12 23:52:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

player selection fstyles done

Browse Source
This commit is contained in:
Francisco Pessano
2021-12-13 15:57:28 -03:00
parent 154e630cfd
commit f19d8553e2
7 changed files with 384 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
index.html
View File

@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tic tac toe</title>
<link rel="stylesheet" href="./styles/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<script type="module" src="https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js"></script>
</head>
<body>
<div class="player-selection">
<h1>Player selection</h1>
<form>
<div class="player player-1">
<input class="name-input" type="text" placeholder="Player 1 name">
<div class="symbol-container">
<button>😁</button>
<input class="symbol-input" type="text" placeholder="Symbol" maxlength="1">
</div>
</div>
<div class="player player-2">
<input class="name-input" type="text" placeholder="Player 2 name">
<div class="symbol-container">
<input class="symbol-input" type="text" placeholder="Symbol" maxlength="1">
<button>😁</button>
</div>
</div>
</form>
<button id="start">Start</button>
</div>
<div class="emoji-picker-container hidden">
<emoji-picker class="animate__animated animate__fadeInUp"></emoji-picker>
</div>
</body>
</html>