Add a sparkline/bar display for score history.

[remoteglot] / www / index.html

diff --git a/www/index.html b/www/index.html
index 6262e1a6c2ce1dbb30b4ce51cc0d6bc03aa18776..8f991bb3fe0d68b84e7d42458f3eb0e72245f445 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -24,8 +24,13 @@
   </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">
@@ -72,15 +77,17 @@
   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/2.1.1/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 four, compiled together -->
+<!-- Minified version of the previous five, compiled together -->
 <!--
 <script type="text/javascript" src="js/remoteglot.min.js"></script>
 -->