Let book headings be dynamic.
[remoteglot] / www / book.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   </div>
21 </div>
22 <div id="analysis">
23   <table>
24     <thead>
25       <tr id="headings">
26         <!--<th>Move</th>
27         <th>Games</th>
28         <th>%</th>
29         <th>Win%</th>
30         <th>WWin</th>
31         <th>%WW</th>
32         <th>BWin</th>
33         <th>%BW</th>
34         <th>Draw</th>
35         <th>Draw%</th>
36         <th>AvWElo</th>
37         <th>AvBElo</th>
38         <th>EloVar</th>
39         <th>AWin%</th>-->
40         <!--<th class="winbars">
41           <table><tr>
42              <td class="white" style="width: 35%;">White</td>
43              <td class="draw" style="width: 30%;">Draw</td>
44              <td class="black" style="width: 35%;">Black</td>
45            </tr></table>
46         </th> -->
47       </tr>
48     </thead>
49     <tbody id="lines">
50     </tbody>
51   </table>
52 </div>
53 <!-- For faster development -->
54 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
55 <script type="text/javascript" src="js/chessboard-0.3.0.min.js"></script>
56 <script type="text/javascript" src="js/chess.min.js"></script>
57 <script type="text/javascript" src="js/book.js"></script>
58 </body>
59 </html>