git.sesse.net Git - remoteglot-book/blob - www/index.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4   <meta charset="utf-8" />
   5   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   6   <title>analysis.sesse.net</title>
   7
   8   <link rel="stylesheet" href="css/chessboard-0.3.0.min.css" />
   9   <link rel="stylesheet" href="css/remoteglot.css" />
  10 </head>
  11 <body>
  12 <h1 id="headline">Openings</h1>
  13 <div id="boardcontainer">
  14   <div id="board"></div>
  15   <div id="bottompanel">
  16     <!-- CSS abuse... -->
  17     <p id="whiteclock"><a href="javascript:prev_move()">&lt;&lt;&lt;</a></p>
  18     <p id="blackclock"><a href="javascript:next_move()">&gt;&gt;&gt;</a></p>
  19     <p id="numviewers"></p>
  20     <p id="gamesummary"></p>
  21     <p id="gamehistory"></p>
  22   </div>
  23 </div>
  24 <div id="analysis">
  25   <p>
  26     <label>
  27       <input type="checkbox" id="includetransp" checked="checked" onclick="javascript:set_includetransp(this.checked)" />Include transpositions
  28     </label>
  29     <label>
  30       <input type="checkbox" id="flipboard" onclick="javascript:set_flipboard(this.checked)" />Flip board
  31     </label>
  32     <label>
  33       <input type="checkbox" id="practice" onclick="javascript:set_practice(this.checked)" />Practice this opening
  34     </label>
  35   </p>
  36   <table id="stats">
  37     <thead>
  38       <tr id="headings">
  39         <!--<th>Move</th>
  40         <th>Games</th>
  41         <th>%</th>
  42         <th>Win%</th>
  43         <th>WWin</th>
  44         <th>%WW</th>
  45         <th>BWin</th>
  46         <th>%BW</th>
  47         <th>Draw</th>
  48         <th>Draw%</th>
  49         <th>AvWElo</th>
  50         <th>AvBElo</th>
  51         <th>EloVar</th>
  52         <th>AWin%</th>-->
  53         <!--<th class="winbars">
  54           <table><tr>
  55              <td class="white" style="width: 35%;">White</td>
  56              <td class="draw" style="width: 30%;">Draw</td>
  57              <td class="black" style="width: 35%;">Black</td>
  58            </tr></table>
  59         </th> -->
  60       </tr>
  61     </thead>
  62     <tbody id="lines">
  63     </tbody>
  64   </table>
  65   <div id="practiceoutput">
  66     <h2>Practice mode</h2>
  67     <p>Your move: <strong id="yourmove">??</strong><br />
  68       %: <span id="yourfraction">??.?%</span> (<span id="yourrank">?th</span>)<br />
  69       AWin%: <strong id="yourawin">??.?%</strong> (<strong id="yourawindiff">+?.?%</strong> from avg)</p>
  70     <p>Computer move: <strong id="compmove">??</strong><br />
  71       %: <span id="compfraction">??.?%</span> (<span id="comprank">?th</span>)</p>
  72   </div>
  73 </div>
  74 <!-- For faster development -->
  75 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  76 <script type="text/javascript" src="js/chessboard-0.3.0.min.js"></script>
  77 <script type="text/javascript" src="js/chess.min.js"></script>
  78 <script type="text/javascript" src="js/book.js"></script>
  79 </body>
  80 </html>