1.1 --- a/minesweeper/src/main/webapp/pages/index.html Sat Feb 08 06:36:06 2014 +0100
1.2 +++ b/minesweeper/src/main/webapp/pages/index.html Sat Feb 08 08:47:23 2014 +0100
1.3 @@ -32,38 +32,27 @@
1.4 <link href="bootstrap-responsive.css" rel="stylesheet">
1.5 <link href="mines.css" rel="stylesheet">
1.6 <!-- Target tablets -->
1.7 - <link href="mines-tablet-large.css" media="(min-width:560px) and (max-width:710px)" rel="stylesheet" />
1.8 - <link href="mines-tablet-small.css" media="(min-width:460px) and (max-width:560px)" rel="stylesheet" />
1.9 + <link href="mines-tablet-large.css"
1.10 + media="(min-width:600px) and (max-width:780px), (min-height:620px) and (max-height:830px)"
1.11 + rel="stylesheet" />
1.12 + <link href="mines-tablet-small.css"
1.13 + media="(min-width:500px) and (max-width:600px), (min-height:520px) and (max-height:640px)"
1.14 + rel="stylesheet" />
1.15 <!-- Target phones -->
1.16 - <link href="mines-phone-large.css" media="(min-width:370px) and (max-width:460px)" rel="stylesheet" />
1.17 - <link href="mines-phone-small.css" media="(max-width:370px)" rel="stylesheet" />
1.18 + <link href="mines-phone-large.css"
1.19 + media="(min-width:400px) and (max-width:500px), (min-height:400px) and (max-height:520px)"
1.20 + rel="stylesheet" />
1.21 + <link href="mines-phone-small.css"
1.22 + media="(max-width:400px), (max-height:400px)"
1.23 + rel="stylesheet" />
1.24 </head>
1.25 <body>
1.26 <div class="navbar">
1.27 <div class="navbar-inner">
1.28 - <a id="apptitle" class="brand" href="http://html.java.net">Mines for Java & HTML</a>
1.29 - <button class="btn btn-default navbar-btn" data-bind="click: normalGame">New Game!</button>
1.30 - <button class="btn btn-default navbar-btn" data-bind="click: giveUp ">Show Mines!</button>
1.31 + <a id="apptitle" class="brand" href="http://html.java.net">Minesweeper</a>
1.32 + <button class="btn btn-default navbar-btn" disabled="true" data-bind="disable: false, click: normalGame">New Game!</button>
1.33 + <button class="btn btn-default navbar-btn" disabled="true" data-bind="disable: false, click: giveUp ">Show Mines!</button>
1.34 </div>
1.35 - <!-- Collect the nav links, forms, and other content for toggling -->
1.36 - <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
1.37 - <ul class="nav navbar-nav">
1.38 - <li class="active"><a href="#">Link</a></li>
1.39 - <li><a href="#">Link</a></li>
1.40 - <li class="dropdown">
1.41 - <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
1.42 - <ul class="dropdown-menu">
1.43 - <li><a href="#">Action</a></li>
1.44 - <li><a href="#">Another action</a></li>
1.45 - <li><a href="#">Something else here</a></li>
1.46 - <li class="divider"></li>
1.47 - <li><a href="#">Separated link</a></li>
1.48 - <li class="divider"></li>
1.49 - <li><a href="#">One more separated link</a></li>
1.50 - </ul>
1.51 - </li>
1.52 - </ul>
1.53 - </div>
1.54 </div>
1.55
1.56 <table class="field">