Keep track of whether the board is animating (not used for anything yet).

[remoteglot] / www / index.html
diff --git a/www/index.html b/www/index.html

index 03ebcbdb9e856adbc8d0f47d80cd9129f210240e..5bc9905f45f345aad633533fa7c076d1bd1de56b 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -2,7 +2,7 @@
  <html>
  <head>
    <meta charset="utf-8" />
  <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" />
    <title>analysis.sesse.net</title>
  
    <link rel="stylesheet" href="css/chessboard-0.3.0.min.css" />
@@ -10,18 +10,38 @@
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body>
    <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>
  <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">
  </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="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>
+  <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="sortbyscore1"><a href="javascript:resort_refutation_lines(1)">Score</a></span>
      |
      <span id="history">No history</span>
@@ -36,7 +56,7 @@
  </div>
  <h2 style="clear: both;">Symbol explanation</h2>
  <ul>
  </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
    <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
@@ -49,15 +69,28 @@
      is forced or nearly so.</li>
  </ul>
  <p id="credits"><a href="http://git.sesse.net/?p=remoteglot;a=summary">remoteglot</a>
      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.27GHz 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>.</p>
+  &copy; 2007&ndash;2015 <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>.
+  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/chessboard-0.3.0.min.js"></script>
+<script type="text/javascript" src="js/chess.min.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>
  <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>
  </body>
  </html>