Files
chrome-extensions-samples/_archive/apps/samples/appengine-channelapi/app/index.html
Oliver Dunk 5bf419b385 Reorganize directory structure (#825)
* Remove docs folder.

This was a redirect from a GitHub pages site that does not appear
to be in use.

* Rename api folder to api-samples.

* Move examples to functional-samples folder.

* Move cookbook sample to functional-samples.

* Move tutorials to functional-samples folder.

* Move mv2 and apps folders to _archive.

* Rename tools folder to .repo.

* Move reference folder to functional-samples.

* Update README.

Update README with new relative links for reorg.

* Update README.md

Co-authored-by: amysteamdev <37001393+AmySteam@users.noreply.github.com>

---------

Co-authored-by: amysteamdev <37001393+AmySteam@users.noreply.github.com>
2023-02-03 10:58:04 -06:00

44 lines
1.8 KiB
HTML

<html>
<head>
<link rel="stylesheet" href="index.css">
</head>
<body>
<script type='text/javascript' src="channel_in_a_webview.js"></script>
<script type='text/javascript' src="game.js"></script>
<div id='display-area'>
<h2>Channel-based Tic Tac Toe</h2>
<div id='other-player' style='display:none'>
Waiting for another player to join.<br>
Send them this game ID to play:<br>
<div id='game-link' style="-webkit-user-select: initial;" class="gamelink"></div>
or enter a game ID another player sent you:
<input type="text" id="another_game_key"></input>
<button id="go">go</button>
</div>
<div id='your-move' style='display:none'>
Your move! Click a square to place your piece.
</div>
<div id='their-move' style='display:none'>
Waiting for other player to move...
</div>
<div id='you-won'>
You won this game!
</div>
<div id='you-lost'>
You lost this game.
</div>
<div id='board'>
<div class='t l cell'><table><tr><td id='0'></td></tr></td></table></div>
<div class='t c cell'><table><tr><td id='1'></td></tr></td></table></div>
<div class='t r cell'><table><tr><td id='2'></td></tr></td></table></div>
<div class='m l cell'><table><tr><td id='3'></td></tr></td></table></div>
<div class='m c cell'><table><tr><td id='4'></td></tr></td></table></div>
<div class='m r cell'><table><tr><td id='5'></td></tr></td></table></div>
<div class='b l cell'><table><tr><td id='6'></td></tr></td></table></div>
<div class='b c cell'><table><tr><td id='7'></td></tr></td></table></div>
<div class='b r cell'><table><tr><td id='8'></td></tr></td></table></div>
</div>
</div>
</body>
</html>