75 lines
2.6 KiB
HTML
Executable file
75 lines
2.6 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>cribhub.org - Free Online Cribbage</title>
|
|
<script src="static/js/jquery.js"></script>
|
|
<script src="static/js/crib.js"></script>
|
|
<script src="static/jquery-ui/jquery-ui.min.js"></script>
|
|
<link rel="stylesheet"
|
|
href="static/css/crib.css">
|
|
<link rel="stylesheet"
|
|
href="static/jquery-ui/jquery-ui.min.css">
|
|
</head>
|
|
<body>
|
|
<div class="popup" id="connect" style="text-align: center;">
|
|
<b>Connect to:</b><br><br>
|
|
<button onclick="remote()">Remote</button>
|
|
<button onclick="local()">Local</button>
|
|
</div>
|
|
<table border="0" width="100%">
|
|
<tr>
|
|
<td style="text-align: center;width: 150px;padding-left: 0;">
|
|
<div id="starter"></div>
|
|
</td>
|
|
<td style="width: 600px;padding-left: 14px;">
|
|
<div id="opponenthand"></div>
|
|
</td>
|
|
<td>
|
|
<div id="opponentcrib"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="text-align: center;width: 150px;">
|
|
<div class="popup" style="display: block;text-align: center;">
|
|
<span style="font-size: 2em;">
|
|
<b><span id="playerscore">0</span></b> / <b><span id="opponentscore">0</span></b>
|
|
</span><br>
|
|
<small>you / opp.</small>
|
|
</div>
|
|
<div id="pegging" class="popup" style="display: inline-block; text-align: center;margin-top: 15px;"></div>
|
|
<br clear="both">
|
|
<div id="peggingalt" class="popup"
|
|
style="display: inline-block; text-align: center;margin-top: 15px;"></div>
|
|
</td>
|
|
<td style="padding-left: 14px;">
|
|
<div id="throwpile" class="hand" style="display: inline-block;"></div>
|
|
</td>
|
|
<td> </td>
|
|
</tr>
|
|
<tr onclick="playerReady()" style="cursor: pointer;">
|
|
<td><span id="continuebutton"></span></td>
|
|
<td colspan="2" style="padding-left: 14px;">
|
|
<div id="turn" class="popup" style="font-size: 1.5em;display: inline-block;margin-top: 7px;"></div>
|
|
<div style="display: inline-block;width: 1px;height: 45px;"> </div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="text-align: center;width: 150px;">
|
|
</td>
|
|
<td style="padding-left: 14px;">
|
|
<div id="playerhand"></div>
|
|
</td>
|
|
<td>
|
|
<div id="playercrib"></div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<br><br>
|
|
<div class="popup">
|
|
<input id="input" type="text">
|
|
<button onclick="send()">Send</button>
|
|
<br clear="both">
|
|
<pre id="output"></pre>
|
|
</div>
|
|
</body>
|
|
</html>
|