Allow sorting refutation lines by score instead of move.
[remoteglot] / www / index.html
1 <!doctype html>
2 <html>
3 <head>
4   <meta charset="utf-8" />
5   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6   <title>analysis.sesse.net</title>
7
8   <link rel="stylesheet" href="css/chessboard-0.3.0.min.css" />
9   <link rel="stylesheet" href="css/remoteglot.css" />
10   <meta name="viewport" content="width=device-width, initial-scale=1" />
11 </head>
12 <body>
13 <h1 id="headline">Analysis</h1>
14 <div id="boardcontainer">
15   <div id="board"></div>
16   <p id="numviewers"></p>
17 </div>
18 <div id="analysis">
19   <p id="score">Score:</p>
20   <p><strong>PV:</strong> <span id="pv"></span></p>
21   <p id="searchstats"></p>
22   <h3>Shallow search of all legal moves (multi-PV)</h3>
23   <p id="sortbyscoreholder">Sort by: <span id="sortbyscore0"><a href="javascript:resort_refutation_lines(0)">Move</a></span>
24     <span id="sortbyscore1"><a href="javascript:resort_refutation_lines(1)">Score</a></span></p>
25   <table id="refutationlines"></table>
26 </div>
27 <h2 style="clear: both;">Symbol explanation</h2>
28 <ul>
29   <li><strong>Score:</strong> 1.00 is the value of one pawn (in the opening). Positive values are better for white.</li>
30   <li><strong>PV:</strong> Principal Variation, the series of moves the engine thinks is the best.</li>
31   <li><strong>Thick red line:</strong> Marks the best move (in the view of the engine). Multiple chained arrows
32     means that the PV starts with multiple successive moves with the same piece, ie., the engine thinks
33     that the piece will execute a maneuver.</li>
34   <li><strong>Thin red lines:</strong> Other good moves, maximum two. Note that even though these are also
35     quality checked, these are less thoroughly analyzed by the engine,
36     and should be taken with a grain of salt.</li>
37   <li><strong>Thick blue line:</strong> Marks the best <em>response</em> move. Note that this is only rarely shown,
38     since usually, the best response move depends on what the first move is. A typical case is when the current move
39     is forced or nearly so.</li>
40 </ul>
41 <p id="credits"><a href="http://git.sesse.net/?p=remoteglot;a=summary">remoteglot</a>
42   &copy; 2007-2013 <a href="http://www.sesse.net/">Steinar H. Gunderson</a>.
43   Chess analysis by <a href="http://stockfishchess.org/">Stockfish</a> (main analysis: 12x2.3GHz Sandy Bridge,
44   multi-PV search: 8x2.27GHz Nehalem).
45   Moves provided by <a href="http://www.freechess.org/">FICS</a>.
46   Hosting and main analysis hardware by <a href="http://www.samfundet.no/">Studentersamfundet i Trondhjem</a>.
47   JavaScript chessboard powered by <a href="http://chessboardjs.com/">chessboard.js</a>.
48   Arrows by <a href="http://jsplumbtoolkit.com">jsPlumb</a>&mdash;who would think you could
49   draw such beautiful arrows in just 161 kB of JavaScript on top of the
50   323 kB needed for jQuery and jQuery UI? How far technology has come. If you want something
51   more retro, the <a href="/text.pl">text interface</a> is still available.</p>
52
53 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
54 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
55 <script type="text/javascript" src="js/jquery.jsPlumb-1.5.3-min.js"></script>
56 <script type="text/javascript" src="js/chessboard-0.3.0.min.js"></script>
57 <script type="text/javascript" src="js/remoteglot.js"></script>
58 </body>
59 </html>