1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/chess/src/main/web/pages/index.html Thu Jul 25 15:09:49 2013 +0200
1.3 @@ -0,0 +1,207 @@
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 + <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
1.43 + <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
1.44 + <script>
1.45 + $(function() {
1.46 + $( ".figure" ).draggable({grid:[76,77]});
1.47 + });
1.48 + </script>
1.49 +</head>
1.50 +<body>
1.51 + <div class="navbar">
1.52 + <div class="navbar-inner">
1.53 + <a class="brand" href="#">Chess Game</a>
1.54 + <ul class="nav">
1.55 + <li class="active"><a href="#">My Game</a></li>
1.56 + <li><a href="#">New game</a></li>
1.57 + <li><a href="#">View games</a></li>
1.58 + <li><a href="#">Blah..</a></li>
1.59 + </ul>
1.60 + <form class="navbar-search pull-right">
1.61 + <input type="text" class="search-query" placeholder="Search">
1.62 + </form>
1.63 + </div>
1.64 + </div>
1.65 + <div class="container-fluid">
1.66 + <div class="row-fluid">
1.67 + <div class="span9">
1.68 + <h1>My game</h1>
1.69 + <table class="board">
1.70 + <tr>
1.71 + <td class="white"><span class="figure">♖</span></td>
1.72 + <td class="black"><span class="figure">♘</span></td>
1.73 + <td class="white"><span class="figure">♗</span></td>
1.74 + <td class="black"><span class="figure">♕</span></td>
1.75 + <td class="white"><span class="figure">♔</span></td>
1.76 + <td class="black"><span class="figure">♗</span></td>
1.77 + <td class="white"><span class="figure">♘</span></td>
1.78 + <td class="black"><span class="figure">♖</span></td>
1.79 + </tr>
1.80 + <tr>
1.81 + <td class="black"><span class="figure">♙</span></td>
1.82 + <td class="white"><span class="figure">♙</span></td>
1.83 + <td class="black"><span class="figure">♙</span></td>
1.84 + <td class="white"><span class="figure">♙</span></td>
1.85 + <td class="black"><span class="figure">♙</span></td>
1.86 + <td class="white"><span class="figure">♙</span></td>
1.87 + <td class="black"><span class="figure">♙</span></td>
1.88 + <td class="white"><span class="figure">♙</span></td>
1.89 + </tr>
1.90 + <tr>
1.91 + <td class="white snap"></td>
1.92 + <td class="black"></td>
1.93 + <td class="white"></td>
1.94 + <td class="black"></td>
1.95 + <td class="white"></td>
1.96 + <td class="black"></td>
1.97 + <td class="white"></td>
1.98 + <td class="black"></td>
1.99 + </tr>
1.100 + <tr>
1.101 + <td class="black"></td>
1.102 + <td class="white"></td>
1.103 + <td class="black"></td>
1.104 + <td class="white"></td>
1.105 + <td class="black"></td>
1.106 + <td class="white"></td>
1.107 + <td class="black"></td>
1.108 + <td class="white"></td>
1.109 + </tr>
1.110 + <tr>
1.111 + <td class="white"></td>
1.112 + <td class="black"></td>
1.113 + <td class="white"></td>
1.114 + <td class="black"></td>
1.115 + <td class="white"></td>
1.116 + <td class="black"></td>
1.117 + <td class="white"></td>
1.118 + <td class="black"></td>
1.119 + </tr>
1.120 + <tr>
1.121 + <td class="black"></td>
1.122 + <td class="white"></td>
1.123 + <td class="black"></td>
1.124 + <td class="white"></td>
1.125 + <td class="black"></td>
1.126 + <td class="white"></td>
1.127 + <td class="black"></td>
1.128 + <td class="white"></td>
1.129 + </tr>
1.130 + <tr>
1.131 + <td class="white"><span class="figure">♟</span></td>
1.132 + <td class="black"><span class="figure">♟</span></td>
1.133 + <td class="white"><span class="figure">♟</span></td>
1.134 + <td class="black"><span class="figure">♟</span></td>
1.135 + <td class="white"><span class="figure">♟</span></td>
1.136 + <td class="black"><span class="figure">♟</span></td>
1.137 + <td class="white"><span class="figure">♟</span></td>
1.138 + <td class="black"><span class="figure">♟</span></td>
1.139 + </tr>
1.140 + <tr>
1.141 + <td class="black"><span class="figure">♜</span></td>
1.142 + <td class="white"><span class="figure">♞</span></td>
1.143 + <td class="black"><span class="figure">♝</span></td>
1.144 + <td class="white"><span class="figure">♛</span></td>
1.145 + <td class="black"><span class="figure">♚</span></td>
1.146 + <td class="white"><span class="figure">♝</span></td>
1.147 + <td class="black"><span class="figure">♞</span></td>
1.148 + <td class="white"><span class="figure">♜</span></td>
1.149 + </tr>
1.150 + </table>
1.151 + </div>
1.152 + <div class="span2 offset1">
1.153 + <h2>Game Log</h2>
1.154 + <div class="log">
1.155 + <table class="table table-striped log-table">
1.156 + <thead>
1.157 + <tr>
1.158 + <th>#</th>
1.159 + <th>Move</th>
1.160 + </tr>
1.161 + </thead>
1.162 + <tbody>
1.163 + <tr>
1.164 + <td>10</td>
1.165 + <td>Move</td>
1.166 + </tr>
1.167 + <tr>
1.168 + <td>9</td>
1.169 + <td>Move</td>
1.170 + </tr>
1.171 + <tr>
1.172 + <td>8</td>
1.173 + <td>Move</td>
1.174 + </tr>
1.175 + <tr>
1.176 + <td>7</td>
1.177 + <td>Move</td>
1.178 + </tr>
1.179 + <tr>
1.180 + <td>6</td>
1.181 + <td>Move</td>
1.182 + </tr>
1.183 + <tr>
1.184 + <td>5</td>
1.185 + <td>Move</td>
1.186 + </tr>
1.187 + <tr>
1.188 + <td>4</td>
1.189 + <td>Move</td>
1.190 + </tr>
1.191 + <tr>
1.192 + <td>3</td>
1.193 + <td>Move</td>
1.194 + </tr>
1.195 + <tr>
1.196 + <td>2</td>
1.197 + <td>Move</td>
1.198 + </tr>
1.199 + <tr>
1.200 + <td>1</td>
1.201 + <td>Move</td>
1.202 + </tr>
1.203 + </tbody>
1.204 + </table>
1.205 + </div>
1.206 + </div>
1.207 + </div>
1.208 + </div>
1.209 +</body>
1.210 +</html>
1.211 \ No newline at end of file