This is the client html:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>All Fours</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!--<link href="/common/default.css" rel="stylesheet" type="text/css" />-->
<link href="cards.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.cardArea {
font-size: 20pt;
float: left;
margin-right: 1em;
position: relative;
width: 4.50em;
height: 5.00em;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<Script src="/socket.io/socket.io.js"</script>
</head>
<body>
<div id="demoBox">
<h2>All Fours</h2>
<p>
<button onclick="shuffle()">Shuffle Deck</button>
|
<button onclick="var hand = deal(6)">Deal</button>
|
<button onclick="discard()">Discard</button>
|
<button onclick="reset()">Reset Deck</button>
</p>
</div>
<p></p>
<div id="table">
<div id="deck" class="cardArea"></div>
<div id="hand" class="cardArea" style="width:10em;"></div>
</div>
</body>
</html>