]> git.sesse.net Git - remoteglot-book/blobdiff - www/index.html
Rename book.html to index.html.
[remoteglot-book] / www / index.html
index 887ef4b48655aec74253a517f7410ec6b5e07b56..baaa40d724718956fa4de138c1d1062bd8c95420 100644 (file)
@@ -2,52 +2,68 @@
 <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" />
 </head>
 <body>
-<h1 id="headline">Analysis</h1>
-<div id="board"></div>
+<h1 id="headline">Openings</h1>
+<div id="boardcontainer">
+  <div id="board"></div>
+  <div id="bottompanel">
+    <!-- CSS abuse... -->
+    <p id="whiteclock"><a href="javascript:prev_move()">&lt;&lt;&lt;</a></p>
+    <p id="blackclock"><a href="javascript:next_move()">&gt;&gt;&gt;</a></p>
+    <p id="numviewers"></p>
+    <p id="gamesummary"></p>
+    <p id="gamehistory"></p>
+  </div>
+</div>
 <div id="analysis">
-  <p id="score">Score:</p>
-  <p><strong>PV:</strong> <span id="pv"></span></p>
-  <p id="searchstats"></p>
-  <h3>Shallow search of all legal moves (multi-PV)</h3>
-  <table id="refutationlines"></table>
+  <p>
+    <label>
+      <input type="checkbox" name="includetransp" checked="checked" onclick="javascript:set_includetransp(this.checked)" />Include transpositions
+    </label>
+    <label>
+      <input type="checkbox" name="flipboard" onclick="javascript:set_flipboard(this.checked)" />Flip board
+    </label>
+  </p>
+  <table>
+    <thead>
+      <tr id="headings">
+        <!--<th>Move</th>
+        <th>Games</th>
+        <th>%</th>
+        <th>Win%</th>
+        <th>WWin</th>
+        <th>%WW</th>
+        <th>BWin</th>
+        <th>%BW</th>
+        <th>Draw</th>
+        <th>Draw%</th>
+        <th>AvWElo</th>
+        <th>AvBElo</th>
+        <th>EloVar</th>
+        <th>AWin%</th>-->
+        <!--<th class="winbars">
+          <table><tr>
+             <td class="white" style="width: 35%;">White</td>
+             <td class="draw" style="width: 30%;">Draw</td>
+             <td class="black" style="width: 35%;">Black</td>
+           </tr></table>
+        </th> -->
+      </tr>
+    </thead>
+    <tbody id="lines">
+    </tbody>
+  </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>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
-    that the piece will execute a maneuver.</li>
-  <li><strong>Thin red lines:</strong> Other good moves, maximum two. Note that even though these are also
-    quality checked, these are less thoroughly analyzed by the engine,
-    and should be taken with a grain of salt.</li>
-  <li><strong>Thick blue line:</strong> Marks the best <em>response</em> move. Note that this is only rarely shown,
-    since usually, the best response move depends on what the first move is. A typical case is when the current move
-    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>
-
-<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/remoteglot.js"></script>
+<script type="text/javascript" src="js/chess.min.js"></script>
+<script type="text/javascript" src="js/book.js"></script>
 </body>
 </html>