@reis/seki
Version:
Seki – A modern javascript based Go board renderer and player, that is simple to use, extensible, compact and intuitive.
105 lines (104 loc) • 3.26 kB
HTML
<html>
<head>
<title>Seki – An Embeddable Go Player</title>
<meta charset="utf-8">
<meta name="author" content="Adam Reis">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="css/seki.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">
<link rel="icon" type="image/png" sizes="32x32" href="favicon.png">
</head>
<body lang="en">
<div class="header">
<div class="logo">
<img src="/images/logo.png" />
</div>
<div class="center">
<h1>Seki – An Embeddable Go Player</h1>
<small class="subheader">
<span><a href="https://github.com/adamreisnz">Created by Adam Reis</a></span>
<span>•</span>
<span class="github">
<img src="/images/github-mark.svg" />
<a href="https://github.com/adamreisnz/seki">View on GitHub</a>
</span>
<span>•</span>
<span><a href="https://github.com/adamreisnz/seki/issues">Report an issue</a></span>
</small>
</div>
<div class="promo">
<a href="https://letsplaygo.com/editor" class="pill banner">
See it in action on Let’s Play Go
</a>
</div>
</div>
<div class="nav">
<a href="index.html" class="pill active">Usage instructions</a>
<a href="example-static-positions.html" class="pill">Static positions</a>
<a href="example-game-boards.html" class="pill">Game boards</a>
<a href="example-full-player.html" class="pill">Full player</a>
</div>
<div class="main">
<p>Add the following to the <code class="inline"><head></code> of your site:</p>
<code class="block"><link rel="stylesheet" type="text/css" media="screen" href="https://sekigoplayer.com/css/seki.css">
<script type="module" src="https://sekigoplayer.com/js/seki.js" crossorigin></script>
</code>
<p>
Create elements with the <code class="inline">seki-board-static</code> class for static boards:
</p>
<code class="block"><div
class="seki-board-static"
data-game="(;
FF[4]
CA[UTF-8]
AP[Seki v1.3.17]
GM[1]
XL[2]
XR[0]
XT[3]
XB[0]
KM[0]
HA[0]
TM[0]
ST[2]
SZ[9]
PB[Black]
PW[White]
;AB[fh][gg][fg][hf][ge][dg]AW[gh][hg][hi][ih]
)"
data-config="{
'showCoordinates': false,
'showStarPoints': false
}"
></div>
</code>
<p>
Or with the <code class="inline">seki-board-dynamic</code> class for dynamic boards:
</p>
<code class="block"><div
class="seki-board-dynamic fixed-size square"
data-config="{
'showCoordinates': false,
'board': {
'size': 9
}
}"
></div>
</code>
<p>
For a full player, use the <code class="inline">seki-player</code> class:
</p>
<code class="block"><div
class="seki-player"
data-game-url="https://online-go.com/game/57818013"
data-config="{
'showCoordinates': true,
'showLastMoveNumber': true
}"
></div>
</code>
<p>See the various examples for more details.</p>
</div>
</body>
</html>