Add some support for listing games in progress, and switching between them. (Proper...

[remoteglot] / www / index.html

diff --git a/www/index.html b/www/index.html
index 19da00c73d8995ed05913bff451de1316d6be5ba..3c1eb85f870c7c57fe0b7680d542f3ba4ba8d43a 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -14,6 +14,8 @@
   <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>
@@ -24,8 +26,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">
@@ -77,11 +84,12 @@
 <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 -->
+<!-- Minified version of the previous six, compiled together -->
 <!--
 <script type="text/javascript" src="js/remoteglot.min.js"></script>
 -->