2019-07-26 16:59:47 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
2019-08-02 00:10:56 +00:00
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
2019-08-03 04:19:31 +00:00
|
|
|
|
2019-08-03 21:15:17 +00:00
|
|
|
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" type="stylesheet"> -->
|
2019-08-03 04:19:31 +00:00
|
|
|
<link rel="stylesheet" href="css/reset.css" type="text/css">
|
|
|
|
<link rel="stylesheet" href="css/main.css" type="text/css" />
|
|
|
|
<!-- <script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> -->
|
|
|
|
<script defer src="js/main.js"></script>
|
2019-08-02 21:14:23 +00:00
|
|
|
<title>Browser Go</title>
|
2019-07-26 16:59:47 +00:00
|
|
|
</head>
|
|
|
|
<body>
|
2019-08-02 21:14:23 +00:00
|
|
|
<div id="menu" class="full-screen">
|
|
|
|
<!-- for displaying new game screen and status during game -->
|
|
|
|
</div>
|
|
|
|
<!-- may need add'l .full-screen or other div for board overlay -->
|
|
|
|
<content>
|
|
|
|
<div id="white-pos" class="player-pos">
|
|
|
|
<div id="white-bowl" class="bowl">White Bowl</div>
|
2019-08-03 21:15:17 +00:00
|
|
|
<div id="white-caps" class="caps">White Caps</div>
|
2019-08-02 00:10:56 +00:00
|
|
|
</div>
|
2019-08-02 21:14:23 +00:00
|
|
|
<div id="board-space">
|
|
|
|
<table id="board">
|
|
|
|
<tr id="row-1">
|
2019-08-03 04:19:31 +00:00
|
|
|
<td id="1,1">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="1,2">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="1,3">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="1,4">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="1,5">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="1,6">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="1,7">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="1,8">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="1,9">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-2">
|
2019-08-03 04:19:31 +00:00
|
|
|
<td id="2,1">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="2,2">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="2,3">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="2,4">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="2,5">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="2,6">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="2,7">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="2,8">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="2,9">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-3">
|
2019-08-03 04:19:31 +00:00
|
|
|
<td id="3,1">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="3,2">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="3,3">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="3,4">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="3,5">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="3,6">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="3,7">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="3,8">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="3,9">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-4">
|
2019-08-03 04:19:31 +00:00
|
|
|
<td id="4,1">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="4,2">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="4,3">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="4,4">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="4,5">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="4,6">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="4,7">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="4,8">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="4,9">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-5">
|
2019-08-03 04:19:31 +00:00
|
|
|
<td id="5,1">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="5,2">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="5,3">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="5,4">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="5,5">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="5,6">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="5,7">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="5,8">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="5,9">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-6">
|
2019-08-03 04:19:31 +00:00
|
|
|
<td id="6,1">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="6,2">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="6,3">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="6,4">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="6,5">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="6,6">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="6,7">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="6,8">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="6,9">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-7">
|
2019-08-03 04:19:31 +00:00
|
|
|
<td id="7,1">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="7,2">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="7,3">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="7,4">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="7,5">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="7,6">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="7,7">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="7,8">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="7,9">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-8">
|
2019-08-03 04:19:31 +00:00
|
|
|
<td id="8,1">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="8,2">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="8,3">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="8,4">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="8,5">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="8,6">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="8,7">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="8,8">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="8,9">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr id="row-9">
|
|
|
|
<td id="9,1">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="9,2">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="9,3">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="9,4">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="9,5">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="9,6">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="9,7">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="9,8">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
<td id="9,9">
|
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<div id="black-pos" class="player-pos">
|
|
|
|
<div id="black-bowl" class="bowl">Black Bowl</div>
|
2019-08-04 02:42:39 +00:00
|
|
|
<div id="black-caps" class="caps">Black Caps</div>
|
2019-08-03 23:59:56 +00:00
|
|
|
<div id="kifu">
|
|
|
|
<table>
|
|
|
|
<tr>
|
|
|
|
<td>
|
2019-08-04 02:42:39 +00:00
|
|
|
|
2019-08-03 23:59:56 +00:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</div>
|
2019-08-02 21:14:23 +00:00
|
|
|
</div>
|
|
|
|
</content>
|
2019-07-26 16:59:47 +00:00
|
|
|
</body>
|
|
|
|
</html>
|