Fix visualization of Chess960 moves where the king does not move.
[remoteglot] / www / index.html
index 2dd8f15..2c113e7 100644 (file)
   <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>
+<div id="games">
+</div>
 <h1 id="headline">Analysis</h1>
 <div id="boardcontainer">
   <div id="board"></div>
-  <div id="hiddenboard"></div>
-  <p id="numviewers"></p>
+  <div id="bottompanel">
+    <p id="whiteinfo"><span id="whiteclock"></span><span id="whiteimbalance"></span></p>
+    <p id="blackinfo"><span id="blackimbalance"></span><span id="blackclock"></span></p>
+    <p id="numviewers"></p>
+  </div>
 </div>
 <div id="analysis">
-  <p id="score">Score:</p>
-  <p><strong>PV:</strong> <span id="pv"></span></p>
+  <div id="scorecontainer">
+    <span id="score">Score:</span>
+    <div id="scoresparkcontainer">
+      <span id="scorespark"></span>
+    </div>
+  </div>
+  <p id="pvcontainer"><strong id="pvtitle">PV:</strong> <span id="pv"></span></p>
   <p id="searchstats"></p>
   <h3>History and potential moves (multi-PV)</h3>
-  <p id="sortbyscoreholder">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>
+  <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>
     |
     <span id="history">No history</span>
     |
-    <span id="linemsg">Click on any move to show it on the board.</span>
+    <span id="linemsg">Make moves by clicking on them, or on an involved square.</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>,
@@ -36,7 +52,7 @@
 </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>Score:</strong> 1.00 is the value of one pawn (in a balanced endgame). 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
     is forced or nearly so.</li>
 </ul>
 <p id="credits"><a href="http://git.sesse.net/?p=remoteglot;a=summary">remoteglot</a>
-  &copy; 2007&ndash;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>.
-  7-man Lomonosov tablebase lookup by <a href="http://tb7.chessok.com/">ChessOK</a>.</p>
+  &copy; 2007&ndash;2018 <a href="http://www.sesse.net/">Steinar H. Gunderson</a>.
+  Chess analysis by <a href="http://stockfishchess.org/" id="engineid">Stockfish</a><span id="enginedetails"></span>.
+  <span id="movesource"></span>
+  Hosting and additional analysis hardware by <a href="http://www.samfundet.no/">Studentersamfundet i Trondhjem</a>
+  and Berge Schwebs Bjørlo.
+  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/">Aiwha</a> (CC-BY-3.0).
+  <span id="lomonosov">7-man Lomonosov tablebase lookup by <a href="http://tb7.chessok.com/">ChessOK</a>.</span></p>
 
-<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/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.js"></script>
+<script type="text/javascript" src="js/json_delta.js"></script>
+<script type="text/javascript" src="js/jquery.sparkline.js"></script>
 <script type="text/javascript" src="js/remoteglot.js"></script>
+<!--
+-->
+
+<!-- Minified version of the previous six, compiled together -->
+<!--
+<script type="text/javascript" src="js/remoteglot.min.js"></script>
+-->
 </body>
 </html>