<div id="boardcontainer">
<div id="board"></div>
<div id="bottompanel">
- <p id="whiteclock"></p>
- <p id="blackclock"></p>
+ <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">
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 six, compiled together -->
<!--
<script type="text/javascript" src="js/remoteglot.min.js"></script>
-->