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-04 03:43:57 +00:00
|
|
|
<div class="modal">
|
|
|
|
<div id="menu">
|
|
|
|
<form>
|
|
|
|
<div id="game-meta">
|
|
|
|
<span>Date:</span><input type="text" name="date">
|
|
|
|
<span>Komi:</span><input type="range" name="komi">
|
|
|
|
<span>Handicap:</span><input type="range" name="handicap">
|
|
|
|
</div>
|
|
|
|
<div id="player-meta">
|
|
|
|
<div data-player-meta="black">
|
|
|
|
<h4>Black</h4>
|
|
|
|
<span>Name:</span><input type="text" name="black-name">
|
|
|
|
<span>Rank:</span><input type="text" name="black-rank">
|
|
|
|
<input type="checkbox" name="black-rank-certain">
|
|
|
|
</div>
|
|
|
|
<div data-player-meta="white">
|
|
|
|
<h4>White</h4>
|
|
|
|
<span>Name:</span><input type="text" name="white-name">
|
|
|
|
<span>Rank:</span><input type="text" name="white-rank">
|
|
|
|
<input type="checkbox" name="white-rank-certain">
|
|
|
|
</div>
|
|
|
|
<div id="game-record-space">
|
|
|
|
<p id="instructions">Put instructions for use here.</p>
|
|
|
|
<p id="game-record"></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</form>
|
|
|
|
</div>
|
2019-08-02 21:14:23 +00:00
|
|
|
</div>
|
|
|
|
<content>
|
|
|
|
<div id="white-pos" class="player-pos">
|
2019-08-05 18:37:03 +00:00
|
|
|
<div id="white-bowl" class="bowl"><p>Pass?</p></div>
|
|
|
|
<div id="white-caps-space" class="caps-space"><p id="white-caps"></p></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-05 23:13:23 +00:00
|
|
|
<td id="1-1">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="1-2">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="1-3">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="1-4">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="1-5">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="1-6">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="1-7">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="1-8">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="1-9">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-2">
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="2-1">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="2-2">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="2-3">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="2-4">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="2-5">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="2-6">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="2-7">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="2-8">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="2-9">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-3">
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="3-1">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="3-2">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="3-3">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="3-4">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="3-5">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="3-6">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="3-7">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="3-8">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="3-9">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-4">
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="4-1">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="4-2">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="4-3">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="4-4">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="4-5">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="4-6">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="4-7">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="4-8">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="4-9">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-5">
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="5-1">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="5-2">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="5-3">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="5-4">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="5-5">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="5-6">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="5-7">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="5-8">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="5-9">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-6">
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="6-1">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="6-2">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="6-3">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="6-4">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="6-5">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="6-6">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="6-7">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="6-8">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="6-9">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-7">
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="7-1">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="7-2">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="7-3">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="7-4">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="7-5">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="7-6">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="7-7">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="7-8">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="7-9">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-02 21:14:23 +00:00
|
|
|
</tr>
|
|
|
|
<tr id="row-8">
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="8-1">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="8-2">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="8-3">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="8-4">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="8-5">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="8-6">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="8-7">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="8-8">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="8-9">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr id="row-9">
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="9-1">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="9-2">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="9-3">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="9-4">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="9-5">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="9-6">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="9-7">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="9-8">
|
2019-08-03 04:19:31 +00:00
|
|
|
<div class="stone"><div class="dot"></div></div>
|
|
|
|
</td>
|
2019-08-05 23:13:23 +00:00
|
|
|
<td id="9-9">
|
2019-08-03 04:19:31 +00:00
|
|
|
<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">
|
2019-08-05 18:37:03 +00:00
|
|
|
<div id="black-bowl" class="bowl"><p>Pass?</p></div>
|
|
|
|
<div id="black-caps-space" class="caps-space"><p id="black-caps"></p></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>
|