<link rel="stylesheet" href="css/chessboard-0.3.0.min.css" />
<link rel="stylesheet" href="css/remoteglot.css" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
-<audio id="ding" preload="none">
- <source src="ding.opus" type="audio/ogg; codecs=opus" />
- <source src="ding.mp3" type="audio/mp3" />
-</audio>
-<h1 id="headline">Analysis</h1>
+<h1 id="headline">Openings</h1>
<div id="boardcontainer">
<div id="board"></div>
<div id="bottompanel">
- <p id="whiteclock"></p>
- <p id="blackclock"></p>
+ <!-- CSS abuse... -->
+ <p id="whiteclock"><a href="javascript:prev_move()"><<<</a></p>
+ <p id="blackclock"><a href="javascript:next_move()">>>></a></p>
<p id="numviewers"></p>
+ <p id="gamesummary"></p>
+ <p id="gamehistory"></p>
</div>
</div>
<div id="analysis">
- <p id="score">Score:</p>
- <p><strong>PV:</strong> <span id="pv"></span></p>
- <p id="searchstats"></p>
- <h3>History and potential moves (multi-PV)</h3>
- <p id="sortbyscoreholder">
- Sound:
- <span id="soundon"><a href="javascript:set_sound(true)">On</a></span>
- <span id="soundoff"><a href="javascript:set_sound(false)">Off</a></span>
- |
- Sort by:
- <span id="sortbyscore0"><a href="javascript:resort_refutation_lines(0)">Move</a></span>
- <span id="sortbyscore1"><a href="javascript:resort_refutation_lines(1)">Score</a></span>
- |
- <span id="history">No history</span>
- |
- <span id="linemsg">Click on any move to show it on the board.</span>
- <span id="linenav">
- <span id="prevmove"><a href="javascript:prev_move();">Previous</a></span>,
- <span id="nextmove"><a href="javascript:next_move();">Next</a></span>,
- <a href="javascript:show_line(-1, -1);">Exit to main position</a>
- </span></p>
- <table id="refutationlines"></table>
+ <p>
+ <label>
+ <input type="checkbox" id="includetransp" checked="checked" onclick="javascript:set_includetransp(this.checked)" />Include transpositions
+ </label>
+ <label>
+ <input type="checkbox" id="flipboard" onclick="javascript:set_flipboard(this.checked)" />Flip board
+ </label>
+ <label>
+ <input type="checkbox" id="practice" onclick="javascript:set_practice(this.checked)" />Practice this opening
+ </label>
+ </p>
+ <table id="stats">
+ <thead>
+ <tr id="headings">
+ <!--<th>Move</th>
+ <th>Games</th>
+ <th>%</th>
+ <th>Win%</th>
+ <th>WWin</th>
+ <th>%WW</th>
+ <th>BWin</th>
+ <th>%BW</th>
+ <th>Draw</th>
+ <th>Draw%</th>
+ <th>AvWElo</th>
+ <th>AvBElo</th>
+ <th>EloVar</th>
+ <th>AWin%</th>-->
+ <!--<th class="winbars">
+ <table><tr>
+ <td class="white" style="width: 35%;">White</td>
+ <td class="draw" style="width: 30%;">Draw</td>
+ <td class="black" style="width: 35%;">Black</td>
+ </tr></table>
+ </th> -->
+ </tr>
+ </thead>
+ <tbody id="lines">
+ </tbody>
+ </table>
+ <div id="practiceoutput">
+ <h2>Practice mode</h2>
+ <p>Your move: <strong id="yourmove">??</strong><br />
+ %: <span id="yourfraction">??.?%</span> (<span id="yourrank">?th</span>)<br />
+ AWin%: <strong id="yourawin">??.?%</strong> (<strong id="yourawindiff">+?.?%</strong> from avg)</p>
+ <p>Computer move: <strong id="compmove">??</strong><br />
+ %: <span id="compfraction">??.?%</span> (<span id="comprank">?th</span>)</p>
+ </div>
</div>
-<h2 style="clear: both;">Symbol explanation</h2>
-<ul>
- <li><strong>Score:</strong> 1.00 is the value of one pawn (in the opening). Positive values are better for white.</li>
- <li><strong>PV:</strong> Principal Variation, the series of moves the engine thinks is the best.</li>
- <li><strong>Thick red line:</strong> Marks the best move (in the view of the engine). Multiple chained arrows
- means that the PV starts with multiple successive moves with the same piece, ie., the engine thinks
- that the piece will execute a maneuver.</li>
- <li><strong>Thin red lines:</strong> Other good moves, maximum two. Note that even though these are also
- quality checked, these are less thoroughly analyzed by the engine,
- and should be taken with a grain of salt.</li>
- <li><strong>Thick blue line:</strong> Marks the best <em>response</em> move. Note that this is only rarely shown,
- since usually, the best response move depends on what the first move is. A typical case is when the current move
- is forced or nearly so.</li>
-</ul>
-<p id="credits"><a href="http://git.sesse.net/?p=remoteglot;a=summary">remoteglot</a>
- © 2007–2014 <a href="http://www.sesse.net/">Steinar H. Gunderson</a>.
- Chess analysis by <a href="http://stockfishchess.org/" id="engineid">Stockfish</a> (main analysis: 20x2.3GHz Haswell-EP,
- multi-PV search: 12x2.3GHz Sandy Bridge).
- Moves provided by <a href="http://live.fide.com/sochi/">FIDE</a>.
- Hosting and multi-PV analysis hardware by <a href="http://www.samfundet.no/">Studentersamfundet i Trondhjem</a>.
- JavaScript chessboard powered by <a href="http://chessboardjs.com/">chessboard.js</a>
- and <a href="https://github.com/jhlywa/chess.js">chess.js</a>.
- Ding sound by <a href="https://www.freesound.org/people/Aiwha/sounds/196106/">Aiwa</a> (CC-BY-3.0).
- 7-man Lomonosov tablebase lookup by <a href="http://tb7.chessok.com/">ChessOK</a>.</p>
-
-<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-
<!-- For faster development -->
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="js/chessboard-0.3.0.min.js"></script>
<script type="text/javascript" src="js/chess.min.js"></script>
-<script type="text/javascript" src="js/remoteglot.js"></script>
-
-<!-- Minified version of the previous three, compiled together -->
-<!--
-<script type="text/javascript" src="js/remoteglot.min.js"></script>
--->
+<script type="text/javascript" src="js/book.js"></script>
</body>
</html>
projects / remoteglot-book / blobdiff