2306 lines
No EOL
76 KiB
HTML
2306 lines
No EOL
76 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" type="stylesheet"> -->
|
|
<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>
|
|
<title>Browser Go</title>
|
|
</head>
|
|
<body>
|
|
<div class="modal">
|
|
<div>
|
|
<form id="menu">
|
|
<div id="game-meta">
|
|
<h1 class="menu-heading">Browser Go</h1>
|
|
<div class="menu-subblock"><span class="menu-heading">Date:</span><span id="date"></span></div>
|
|
<div class="menu-subblock"><span class="menu-heading">Komi:</span><span id="komi"></span></div>
|
|
<input type="range" min="-21.5" max="7.5" step="1" value="5.5" name="komi-slider">
|
|
<div class="menu-subblock"><span class="menu-heading">Handicap:</span><span id="handicap"></span></div>
|
|
<input type="range" min="0" max="9" step="1" value="0" name="handicap-slider">
|
|
<div id="board-size-radio" class="menu-subblock">
|
|
<p class="menu-heading">Board Size</p>
|
|
<input type="radio" name="board-size" value="9">9 x 9<br>
|
|
<input type="radio" name="board-size" value="13">13 x 13<br>
|
|
<input type="radio" name="board-size" value="19" checked>19 x 19
|
|
</div>
|
|
</div>
|
|
<div id="player-meta">
|
|
<div data-player-meta="black">
|
|
<h4 class="menu-heading">Black</h4>
|
|
<span class="menu-heading">Name:</span><input type="text" name="black-name">
|
|
<div class="menu-line">
|
|
<span class="menu-heading">Rank:</span><span id="black-rank">9k</span><input type="button" id="black-rank-up" value="▲"><input type="button" id="black-rank-down" value="▼">
|
|
</div>
|
|
<div class="menu-line">
|
|
<input type="checkbox" name="black-rank-certain"><label for="black-rank-certain">Rank Certainty</label>
|
|
</div>
|
|
</div>
|
|
<div data-player-meta="white">
|
|
<h4 class="menu-heading">White</h4>
|
|
<span class="menu-heading">Name:</span><input type="text" name="white-name">
|
|
<div class="line">
|
|
<span class="menu-heading">Rank:</span><span id="white-rank">9k</span><input type="button" id="white-rank-up" value="▲"><input type="button" id="white-rank-down" value="▼">
|
|
</div>
|
|
<div class="menu-line">
|
|
<input type="checkbox" name="white-rank-certain"><label for="white-rank-certain">Rank Certainty</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="game-record-space">
|
|
<p id="instructions"><span class="menu-heading">Welcome to Browser Go!</span><br><br>If this is your first time playing Go, please see
|
|
<a href="https://www.youtube.com/watch?v=gECcsSeRcNo" target="_blank">this great tutorial video.</a><br><br>
|
|
To begin a game enter player names and ranks above, then click "Suggest Komi" Browser Go will calculate the appropriate komi based on AGA guidelines.
|
|
To override Browser Go's suggestion, use the sliders above. Be sure to check the 'rank certainty' box if you're club-rated.<br><br>
|
|
When the game begins, click on a legal point on the board to make a move. The active player's bowl will be highlighted. To pass, click on your bowl.
|
|
This will only be possible on your turn. To resign click on your capture tray. After the game ends, groups and territory will display Browser Go's estimate for final state.
|
|
Simply click on a group to change a group between live and dead, or a point between territory and dame.<br><br>
|
|
For now, your game can't be saved. I've got great things planned for the future, though! Lookout for new releases and suggest new features on <a href="https://github.com/sorrelbri/browser-go">the GitHub page!</a></p>
|
|
<p id="game-record"></p>
|
|
</div>
|
|
<div id="game-update-space">
|
|
<input type="submit" name="komi-suggest" value="Suggest Komi"><input type="submit" name="game-start" value="Start!">
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<content>
|
|
<div id="white-pos" class="player-pos">
|
|
<div id="white-bowl" class="bowl"><p>Pass?</p><div id="white-stone-image" class="stone-image"></div></div>
|
|
<div id="white-player-space" class="name-space">
|
|
<h4 id="white-player-name">Browser Go</h4>
|
|
<div id="white-caps-space" class="caps-space"><p>Resign?</p><p id="white-caps"></p></div>
|
|
</div>
|
|
<div id="game-hud">
|
|
<p></p>
|
|
</div>
|
|
</div>
|
|
<div id="board-container">
|
|
<div id="board-space">
|
|
<table id="board">
|
|
<tbody>
|
|
<tr id="row-1">
|
|
<td id="1-1" class="top lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-2" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-3" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-4" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-5" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-6" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-7" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-8" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-9" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-10" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-11" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-12" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-13" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-14" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-15" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-16" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-17" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-18" class="top ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="1-19" class="top rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-2">
|
|
<td id="2-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="2-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-3">
|
|
<td id="3-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="3-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-4">
|
|
<td id="4-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot hoshi"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot hoshi"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot hoshi"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="4-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-5">
|
|
<td id="5-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="5-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-6">
|
|
<td id="6-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="6-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-7">
|
|
<td id="7-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="7-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-8">
|
|
<td id="8-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="8-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-9">
|
|
<td id="9-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="9-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-10">
|
|
<td id="10-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot hoshi"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot hoshi"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot hoshi"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="10-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-11">
|
|
<td id="11-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="11-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-12">
|
|
<td id="12-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="12-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-13">
|
|
<td id="13-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="13-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-14">
|
|
<td id="14-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="14-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-15">
|
|
<td id="15-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="15-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-16">
|
|
<td id="16-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot hoshi"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot hoshi"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot hoshi"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="16-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-17">
|
|
<td id="17-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="17-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-18">
|
|
<td id="18-1" class="lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-2">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-3">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-4">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-5">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-6">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-7">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-8">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-9">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-10">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-11">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-12">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-13">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-14">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-15">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-16">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-17">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-18">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="18-19" class="rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="row-19">
|
|
<td id="19-1" class="btm lft ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-2" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-3" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-4" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-5" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-6" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-7" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-8" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-9" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-10" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-11" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-12" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-13" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-14" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-15" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-16" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-17" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-18" class="btm ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
|
|
<td id="19-19" class="btm rgt ">
|
|
<div class="stone" data-stone="none">
|
|
<div class="dot"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div id="black-pos" class="player-pos">
|
|
<div id="black-bowl" class="bowl"><p>Pass?</p><div id="black-stone-image" class="stone-image"></div></div>
|
|
<div id="black-player-space" class="name-space">
|
|
<h4 id="black-player-name">by Sorrel June</h4>
|
|
<div id="black-caps-space" class="caps-space"><p>Resign?</p><p id="black-caps"></p></div>
|
|
</div>
|
|
<div id="kifu">
|
|
</div>
|
|
</div>
|
|
</content>
|
|
</body>
|
|
</html> |