]> git.sesse.net Git - remoteglot/blobdiff - www/index.html
Support navigating in the PVs.
[remoteglot] / www / index.html
index a22c6c0601b40ff1b15c5bdb12d08cb0640b2b32..699ec5e4e208fc2f718a3a3030d27bc5720c1540 100644 (file)
@@ -7,25 +7,32 @@
 
   <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>
 <h1 id="headline">Analysis</h1>
-<table>
-<tr>
-<td>
-<div id="board" style="width: 400px"></div>
-</td>
-<td>
+<div id="boardcontainer">
+  <div id="board"></div>
+  <div id="hiddenboard"></div>
+  <p id="numviewers"></p>
+</div>
+<div id="analysis">
   <p id="score">Score:</p>
   <p><strong>PV:</strong> <span id="pv"></span></p>
   <p id="searchstats"></p>
-  <h3 style="margin-top: 1em; margin-bottom: 0;">Shallow search of all legal moves (multi-PV)</h3>
-  <table id="refutationlines">
-  </table>
-</td>
-</tr>
-</table>
-<h2>Symbol explanation</h2>
+  <h3>Shallow search of all legal moves (multi-PV)</h3>
+  <p id="sortbyscoreholder">Sort by: <span id="sortbyscore0"><a href="javascript:resort_refutation_lines(0)">Move</a></span>
+    <span id="sortbyscore1"><a href="javascript:resort_refutation_lines(1)">Score</a></span>
+    |
+    <span id="linemsg">Click on any move to show it on the board.</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>PV:</strong> Principal Variation, the series of moves the engine thinks is the best.</li>