Refactor print_pv a bit.
[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" />
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 <audio id="ding" preload="none">
14   <source src="ding.opus" type="audio/ogg; codecs=opus" />
15   <source src="ding.mp3" type="audio/mp3" />
16 </audio>
17 <div id="games">
18 </div>
19 <h1 id="headline">Analysis</h1>
20 <div id="boardcontainer">
21   <div id="board"></div>
22   <div id="bottompanel">
23     <p id="whiteinfo"><span id="whiteclock"></span><span id="whiteimbalance"></span></p>
24     <p id="blackinfo"><span id="blackimbalance"></span><span id="blackclock"></span></p>
25     <p id="numviewers"></p>
26   </div>
27 </div>
28 <div id="analysis">
29   <div id="scorecontainer">
30     <span id="score">Score:</span>
31     <div id="scoresparkcontainer">
32       <span id="scorespark"></span>
33     </div>
34   </div>
35   <p id="pvcontainer"><strong id="pvtitle">PV:</strong> <span id="pv"></span></p>
36   <p id="searchstats"></p>
37   <h3>History and potential moves (multi-PV)</h3>
38   <p id="sortbyscoreholder">
39     Sound:
40     <span id="soundon"><a href="javascript:set_sound(true)">On</a></span>
41     <span id="soundoff"><a href="javascript:set_sound(false)">Off</a></span>
42     |
43     Sort by:
44     <span id="sortbyscore0"><a href="javascript:resort_refutation_lines(0)">Move</a></span>
45     <span id="sortbyscore1"><a href="javascript:resort_refutation_lines(1)">Score</a></span>
46     |
47     <span id="history">No history</span>
48     |
49     <span id="linemsg">Click on any move to show it on the board.</span>
50     <span id="linenav">
51       <span id="prevmove"><a href="javascript:prev_move();">Previous</a></span>,
52       <span id="nextmove"><a href="javascript:next_move();">Next</a></span>,
53       <a href="javascript:show_line(-1, -1);">Exit to main position</a>
54     </span></p>
55   <table id="refutationlines"></table>
56 </div>
57 <h2 style="clear: both;">Symbol explanation</h2>
58 <ul>
59   <li><strong>Score:</strong> 1.00 is the value of one pawn (in a balanced endgame). Positive values are better for white.</li>
60   <li><strong>PV:</strong> Principal Variation, the series of moves the engine thinks is the best.</li>
61   <li><strong>Thick red line:</strong> Marks the best move (in the view of the engine). Multiple chained arrows
62     means that the PV starts with multiple successive moves with the same piece, ie., the engine thinks
63     that the piece will execute a maneuver.</li>
64   <li><strong>Thin red lines:</strong> Other good moves, maximum two. Note that even though these are also
65     quality checked, these are less thoroughly analyzed by the engine,
66     and should be taken with a grain of salt.</li>
67   <li><strong>Thick blue line:</strong> Marks the best <em>response</em> move. Note that this is only rarely shown,
68     since usually, the best response move depends on what the first move is. A typical case is when the current move
69     is forced or nearly so.</li>
70 </ul>
71 <p id="credits"><a href="http://git.sesse.net/?p=remoteglot;a=summary">remoteglot</a>
72   &copy; 2007&ndash;2015 <a href="http://www.sesse.net/">Steinar H. Gunderson</a>.
73   Chess analysis by <a href="http://stockfishchess.org/" id="engineid">Stockfish</a><span id="enginedetails"></span>.
74   <span id="movesource"></span>
75   Hosting and additional analysis hardware by <a href="http://www.samfundet.no/">Studentersamfundet i Trondhjem</a>.
76   JavaScript chessboard powered by <a href="http://chessboardjs.com/">chessboard.js</a>
77   and <a href="https://github.com/jhlywa/chess.js">chess.js</a>.
78   Ding sound by <a href="https://www.freesound.org/people/Aiwha/sounds/196106/">Aiwha</a> (CC-BY-3.0).
79   <span id="lomonosov">7-man Lomonosov tablebase lookup by <a href="http://tb7.chessok.com/">ChessOK</a>.</span></p>
80
81 <!-- For faster development -->
82 <!--
83 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
84 <script type="text/javascript" src="js/chessboard-0.3.0.min.js"></script>
85 <script type="text/javascript" src="js/chess.min.js"></script>
86 <script type="text/javascript" src="js/json_delta.js"></script>
87 <script type="text/javascript" src="js/jquery.sparkline.js"></script>
88 <script type="text/javascript" src="js/remoteglot.js"></script>
89 -->
90
91 <!-- Minified version of the previous six, compiled together -->
92 <script type="text/javascript" src="js/remoteglot.min.js"></script>
93 <!--
94 -->
95 </body>
96 </html>