1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/chess/src/main/webapp/pages/index.html Thu Jul 25 16:21:25 2013 +0200
1.3 @@ -0,0 +1,129 @@
1.4 +<!--
1.5 +
1.6 + The MIT License (MIT)
1.7 +
1.8 + Copyright (C) 2013 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
1.9 +
1.10 + Permission is hereby granted, free of charge, to any person obtaining a copy
1.11 + of this software and associated documentation files (the "Software"), to deal
1.12 + in the Software without restriction, including without limitation the rights
1.13 + to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
1.14 + copies of the Software, and to permit persons to whom the Software is
1.15 + furnished to do so, subject to the following conditions:
1.16 +
1.17 + The above copyright notice and this permission notice shall be included in
1.18 + all copies or substantial portions of the Software.
1.19 +
1.20 + THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
1.21 + IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
1.22 + FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
1.23 + AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
1.24 + LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
1.25 + OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
1.26 + THE SOFTWARE.
1.27 +
1.28 +-->
1.29 +<!DOCTYPE html>
1.30 +<html lang="en">
1.31 +<head>
1.32 + <meta charset="utf-8">
1.33 + <title>Chess Client</title>
1.34 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
1.35 + <meta name="description" content="">
1.36 + <meta name="author" content="">
1.37 +
1.38 + <!-- Le styles -->
1.39 + <link href="./css/bootstrap.css" rel="stylesheet">
1.40 + <link href="./css/bootstrap-responsive.css" rel="stylesheet">
1.41 + <link href="./css/chess.css" rel="stylesheet">
1.42 +</head>
1.43 +<body>
1.44 + <div class="navbar">
1.45 + <div class="navbar-inner">
1.46 + <a class="brand" href="#">Chess Game</a>
1.47 + <ul class="nav">
1.48 + <li class="active"><a href="#">My Game</a></li>
1.49 + <li><a href="#">New game</a></li>
1.50 + <li><a href="#">View games</a></li>
1.51 + <li><a href="#">Blah..</a></li>
1.52 + </ul>
1.53 + <form class="navbar-search pull-right">
1.54 + <input type="text" class="search-query" placeholder="Search">
1.55 + </form>
1.56 + </div>
1.57 + </div>
1.58 + <div class="container-fluid">
1.59 + <div class="row-fluid">
1.60 + <div class="span9">
1.61 + <h1>My game</h1>
1.62 + <table class="board">
1.63 + <tbody data-bind="foreach: rows">
1.64 + <tr >
1.65 + <!-- ko foreach: columns -->
1.66 + <td data-bind="click: changeToPawn, css: squareColor" >
1.67 + <span data-bind='html: pieceEntity'></span>
1.68 + </td>
1.69 + <!-- /ko -->
1.70 + </tr>
1.71 + </tbody>
1.72 + </table>
1.73 + </div>
1.74 + <div class="span2 offset1">
1.75 + <h2>Game Log</h2>
1.76 + <div class="log">
1.77 + <table class="table table-striped log-table">
1.78 + <thead>
1.79 + <tr>
1.80 + <th>#</th>
1.81 + <th>Move</th>
1.82 + </tr>
1.83 + </thead>
1.84 + <tbody>
1.85 + <tr>
1.86 + <td>10</td>
1.87 + <td>Move</td>
1.88 + </tr>
1.89 + <tr>
1.90 + <td>9</td>
1.91 + <td>Move</td>
1.92 + </tr>
1.93 + <tr>
1.94 + <td>8</td>
1.95 + <td>Move</td>
1.96 + </tr>
1.97 + <tr>
1.98 + <td>7</td>
1.99 + <td>Move</td>
1.100 + </tr>
1.101 + <tr>
1.102 + <td>6</td>
1.103 + <td>Move</td>
1.104 + </tr>
1.105 + <tr>
1.106 + <td>5</td>
1.107 + <td>Move</td>
1.108 + </tr>
1.109 + <tr>
1.110 + <td>4</td>
1.111 + <td>Move</td>
1.112 + </tr>
1.113 + <tr>
1.114 + <td>3</td>
1.115 + <td>Move</td>
1.116 + </tr>
1.117 + <tr>
1.118 + <td>2</td>
1.119 + <td>Move</td>
1.120 + </tr>
1.121 + <tr>
1.122 + <td>1</td>
1.123 + <td>Move</td>
1.124 + </tr>
1.125 + </tbody>
1.126 + </table>
1.127 + </div>
1.128 + </div>
1.129 + </div>
1.130 + </div>
1.131 +</body>
1.132 +</html>
1.133 \ No newline at end of file