diff options
Diffstat (limited to 'tictactoe/online.html')
| -rw-r--r-- | tictactoe/online.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/tictactoe/online.html b/tictactoe/online.html new file mode 100644 index 0000000..38ceb88 --- /dev/null +++ b/tictactoe/online.html @@ -0,0 +1,40 @@ +<!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>Online Lobby | Tic-Tac-Toe</title> + <style> + body { + background: black; + color: white; + text-align: center; + font-family: sans-serif; + } + </style> +</head> +<body> +<div style="display:flex;position:fixed;inset:0;align-items: center;justify-content: center;"> + <div> + <h1>Online Mode</h1> + <p>Enter a name for your game room: (this is the name you will give to the other player; make sure you pick something unique)</p> + <input maxlength="30" placeholder="Game Room Name" name="room" type="text"> + <p>Enter a player name: (it will be shown to the other player)</p> + <input maxlength="30" placeholder="Player Name" name="name" type="text"> + <p>Your game is encrypted and only you, the other player, and tictactoe.minteck.org can know what you are doing. Player name and game room name are not stored. The other player will see your IP address.</p> + <div style="width:max-content;margin-left:auto;margin-right:auto;"> + <a href="#" onclick="goIfGood();" style="color:white;text-decoration:none;display:block;border:1px solid white;padding:10px;">Let's go!</a> + </div> + </div> +</div> + +<script> + function goIfGood() { + if (document.getElementsByName("room")[0].value !== "" && document.getElementsByName("name")[0].value !== "") { + location.href = "morpion.html#online/" + btoa(document.getElementsByName("room")[0].value) + "|" + btoa(document.getElementsByName("name")[0].value); + } + } +</script> +</body> +</html>
\ No newline at end of file |