]> git.sesse.net Git - remoteglot/blobdiff - www/index.html
Fix a Chess.js issue when the king started on the c- or g-files.
[remoteglot] / www / index.html
index 24beffbed222163a0ba1d566ec15edd3cb7028c9..2c113e70b70b11e5bac85462bf01e1b1ab2796c9 100644 (file)
@@ -2,26 +2,57 @@
 <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" />
   <link rel="stylesheet" href="css/remoteglot.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
 </head>
-<body onresize="board.resize()">
+<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="board"></div>
+<div id="boardcontainer">
+  <div id="board"></div>
+  <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 id="pvtitle">PV:</strong> <span id="pv"></span></p>
   <p id="searchstats"></p>
-  <h3>Shallow search of all legal moves (multi-PV)</h3>
+  <h3>History and potential moves (multi-PV)</h3>
+  <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>
+    |
+    <span id="history">No history</span>
+    |
+    <span id="linemsg">Make moves by clicking on them, or on an involved square.</span>
+    <span id="linenav">
+      <span id="prevmove"><a href="javascript:prev_move();">Previous</a></span>,
+      <span id="nextmove"><a href="javascript:next_move();">Next</a></span>,
+      <a href="javascript:show_line(-1, -1);">Exit to main position</a>
+    </span></p>
   <table id="refutationlines"></table>
 </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
     is forced or nearly so.</li>
 </ul>
 <p id="credits"><a href="http://git.sesse.net/?p=remoteglot;a=summary">remoteglot</a>
-  &copy; 2007-2013 <a href="http://www.sesse.net/">Steinar H. Gunderson</a>.
-  Chess analysis by <a href="http://stockfishchess.org/">Stockfish</a> (main analysis: 12x2.3GHz Sandy Bridge,
-  multi-PV search: 8x2.27GHz Nehalem).
-  Moves provided by <a href="http://www.freechess.org/">FICS</a>.
-  Hosting and main 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>.
-  Arrows by <a href="http://jsplumbtoolkit.com">jsPlumb</a>&mdash;who would think you could
-  draw such beautiful arrows in just 161 kB of JavaScript on top of the
-  323 kB needed for jQuery and jQuery UI? How far technology has come. If you want something
-  more retro, the <a href="/text.pl">text interface</a> is still available.</p>
+  &copy; 2007&ndash;2018 <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>
+  and Berge Schwebs Bjørlo.
+  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>
-<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
-<script type="text/javascript" src="js/jquery.jsPlumb-1.5.3-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.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 six, compiled together -->
+<!--
+<script type="text/javascript" src="js/remoteglot.min.js"></script>
+-->
 </body>
 </html>