Add a sparkline/bar display for score history.

[remoteglot] / www / index.html

diff --git a/www/index.html b/www/index.html
index aece7010b0b7d8a3086cf852fbf299e7c728bbe8..8f991bb3fe0d68b84e7d42458f3eb0e72245f445 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -17,11 +17,20 @@
 <h1 id="headline">Analysis</h1>
 <div id="boardcontainer">
   <div id="board"></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>PV:</strong> <span id="pv"></span></p>
   <p id="searchstats"></p>
   <h3>History and potential moves (multi-PV)</h3>
   <p id="sortbyscoreholder">
@@ -58,19 +67,29 @@
     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>.
+  &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> (main analysis: 20x2.3GHz Haswell-EP,
-  multi-PV search: 12x2.3GHz Sandy Bridge).
+  multi-PV search: 16x2.4GHz Haswell-EP).
   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>
   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/">Aiwa</a> (CC-BY-3.0).
+  Ding sound by <a href="https://www.freesound.org/people/Aiwha/sounds/196106/">Aiwha</a> (CC-BY-3.0).
   7-man Lomonosov tablebase lookup by <a href="http://tb7.chessok.com/">ChessOK</a>.</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.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>
+<!--
+-->
+
+<!-- Minified version of the previous five, compiled together -->
+<!--
+<script type="text/javascript" src="js/remoteglot.min.js"></script>
+-->
 </body>
 </html>