<html>
<head>
<meta charset="utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>analysis.sesse.net</title>
<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 onresize="board.resize()">
-<h1 id="headline">Analysis</h1>
-<div id="board"></div>
+<body>
+<h1 id="headline">Openings</h1>
+<div id="boardcontainer">
+ <div id="board"></div>
+ <div id="bottompanel">
+ <!-- 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>Shallow search of all legal moves (multi-PV)</h3>
- <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-2013 <a href="http://www.sesse.net/">Steinar H. Gunderson</a>.
- Chess analysis by <a href="http://stockfishchess.org/">Stockfish</a> (main analysis: 12x2.3GHz Sandy Bridge,
- multi-PV search: 8x2.27GHz Nehalem).
- Moves provided by <a href="http://www.freechess.org/">FICS</a>.
- Hosting and main 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>.
- Arrows by <a href="http://jsplumbtoolkit.com">jsPlumb</a>—who would think you could
- draw such beautiful arrows in just 161 kB of JavaScript on top of the
- 323 kB needed for jQuery and jQuery UI? How far technology has come. If you want something
- more retro, the <a href="/text.pl">text interface</a> is still available.</p>
-
-<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
-<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
-<script type="text/javascript" src="js/jquery.jsPlumb-1.5.3-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/remoteglot.js"></script>
+<script type="text/javascript" src="js/chess.min.js"></script>
+<script type="text/javascript" src="js/book.js"></script>
</body>
</html>