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

   1 <!doctype html>
   2 <html>
   3 <head>
   4   <meta charset="utf-8" />
   5   <title>analysis.sesse.net</title>
   6   <meta name="viewport" content="width=device-width, initial-scale=1" />
   7   <!-- replace <style>[chomp;css/remoteglot.min.css]</style> -->
   8   <link rel="stylesheet" href="css/chessboard-0.3.0.css" />
   9   <link rel="stylesheet" href="css/remoteglot.css" />
  10   <!-- end replace -->
  11   <!-- replace <link rel="shortcut icon" href="data:image/png;base64,[base64;favicon.ico]" type="image/png"> -->
  12   <!-- end replace -->
  13
  14   <!-- replace <script>/*REPLACE:inlinejson*/[js/remoteglot.min.js]</script> -->
  15   <script type="text/javascript" src="js/chessboard-0.3.0.js"></script>
  16   <script type="text/javascript" src="js/chess.js"></script>
  17   <script type="text/javascript" src="js/json_delta.js"></script>
  18   <script type="text/javascript" src="js/remoteglot.js"></script>
  19   <!-- end replace -->
  20 </head>
  21 <body style="opacity: 0">  <!-- Avoid layout shift on initial load. -->
  22 <audio id="ding" preload="none">
  23   <source src="ding.opus" type="audio/ogg; codecs=opus" />
  24   <source src="ding.mp3" type="audio/mp3" />
  25 </audio>
  26 <div id="games">
  27 </div>
  28 <h1 id="headline">Analysis</h1>
  29 <div id="boardcontainer">
  30   <div id="board"></div>
  31   <div id="bottompanel">
  32     <p id="whiteinfo"><span id="whiteclock"></span><span id="whiteimbalance"></span></p>
  33     <p id="blackinfo"><span id="blackimbalance"></span><span id="blackclock"></span></p>
  34     <p id="numviewers"></p>
  35   </div>
  36 </div>
  37 <div id="analysis">
  38   <div id="scorecontainer">
  39     <span id="score">Score:</span>
  40     <svg xmlns="http://www.w3.org/2000/svg" id="scoresparkcontainer">
  41     </svg>
  42     <div id="sparklinehover"></div>
  43   </div>
  44   <p id="pvcontainer"><strong id="pvtitle">PV:</strong> <span id="pv"></span></p>
  45   <p id="searchstats"></p>
  46   <h3>History and potential moves (multi-PV)</h3>
  47   <p id="sortbyscoreholder">
  48     Sound:
  49     <span id="soundon"><a href="javascript:set_sound(true)">On</a></span>
  50     <span id="soundoff"><a href="javascript:set_sound(false)">Off</a></span>
  51     |
  52     <span id="history">No history</span>
  53     |
  54     <span id="linemsg">Make moves by clicking on them, or on an involved square.</span>
  55     <span id="linenav">
  56       <span id="prevmove"><a href="javascript:prev_move();">Previous</a></span>,
  57       <span id="nextmove"><a href="javascript:next_move();">Next</a></span>,
  58       <a href="javascript:show_line(-1, -1);">Exit to main position</a>
  59     </span></p>
  60   <table id="refutationlines"></table>
  61 </div>
  62 <h2 style="clear: both;">Symbol explanation</h2>
  63 <ul>
  64   <li><strong>Score:</strong> 1.00 is roughly one pawn
  65    (<a href="https://github.com/official-stockfish/Stockfish/commit/ad2aa8c06f438de8b8bb7b7c8726430e3f2a5685">technically</a>,
  66    50% win probability for a computer). Positive values are better for white.</li>
  67   <li><strong>PV:</strong> Principal Variation, the series of moves the engine thinks is the best.</li>
  68   <li><strong>Thick red line:</strong> Marks the best move (in the view of the engine). Multiple chained arrows
  69     means that the PV starts with multiple successive moves with the same piece, ie., the engine thinks
  70     that the piece will execute a maneuver.</li>
  71   <li><strong>Thin red lines:</strong> Other good moves, maximum two. Note that even though these are also
  72     quality checked, these are less thoroughly analyzed by the engine,
  73     and should be taken with a grain of salt.</li>
  74   <li><strong>Thick blue line:</strong> Marks the best <em>response</em> move. Note that this is only rarely shown,
  75     since usually, the best response move depends on what the first move is. A typical case is when the current move
  76     is forced or nearly so.</li>
  77 </ul>
  78 <p id="credits"><a href="http://git.sesse.net/?p=remoteglot;a=summary">remoteglot</a>
  79   &copy; 2007&ndash;2023 <a href="http://www.sesse.net/">Steinar H. Gunderson</a>.
  80   Chess analysis by <a href="http://stockfishchess.org/" id="engineid">Stockfish</a><span id="enginedetails"></span>.
  81   <span id="movesource"></span>
  82   Hosting and additional analysis hardware by <a href="http://www.samfundet.no/">Studentersamfundet i Trondhjem</a>
  83   and Berge Schwebs Bjørlo.
  84   Chessboard powered by <a href="http://chessboardjs.com/">chessboard.js</a>
  85   and <a href="https://github.com/jhlywa/chess.js">chess.js</a>.
  86   Ding sound by <a href="https://www.freesound.org/people/Aiwha/sounds/196106/">Aiwha</a> (CC-BY-3.0).
  87   </p>
  88 </body>
  89 </html>