1.1 --- a/minesweeper/src/main/webapp/pages/index.html Sat Feb 08 10:07:55 2014 +0100
1.2 +++ b/minesweeper/src/main/webapp/pages/index.html Sat Feb 08 12:12:39 2014 +0100
1.3 @@ -72,6 +72,27 @@
1.4 </table>
1.5 </script>
1.6
1.7 + <div class="jumbotron control-label" data-bind="visible: !fieldShowing() ">
1.8 + <div class="container">
1.9 + <h1>HTML/Java Technology Demo</h1>
1.10 +
1.11 + <p>At first sight this is an old good <em>minesweeper</em>
1.12 + game. At closer look, this is a demo of a revolutionary
1.13 + technology that allows you to use <strong>Java</strong>
1.14 + to code your application logic and present it using
1.15 + <strong>HTML</strong> on any device capable of rendering
1.16 + modern <strong>HTML5</strong> browser.
1.17 + </p>
1.18 + <p><a class="btn btn-primary btn-lg" role="button"
1.19 + target="_blank" href="http://bits.netbeans.org/html4j/0.7.5/"
1.20 + >Learn more!</a>
1.21 + <a class="btn btn-primary btn-lg" role="button"
1.22 + data-bind="click: normalGame"
1.23 + >Play!</a>
1.24 + </p>
1.25 + </div>
1.26 + </div>
1.27 +
1.28 <div data-bind="template: { name : 'field', if: fieldShowing }"/>
1.29
1.30 <script type="text/javascript" src="bck2brwsr.js"></script>
2.1 --- a/minesweeper/src/main/webapp/pages/mines-tablet-large.css Sat Feb 08 10:07:55 2014 +0100
2.2 +++ b/minesweeper/src/main/webapp/pages/mines-tablet-large.css Sat Feb 08 12:12:39 2014 +0100
2.3 @@ -28,5 +28,5 @@
2.4 font-size: 3em;
2.5 }
2.6 h1 {
2.7 - font-size: 22px;
2.8 + font-size: 34px;
2.9 }
2.10 \ No newline at end of file
3.1 --- a/minesweeper/src/main/webapp/pages/mines.css Sat Feb 08 10:07:55 2014 +0100
3.2 +++ b/minesweeper/src/main/webapp/pages/mines.css Sat Feb 08 12:12:39 2014 +0100
3.3 @@ -28,6 +28,11 @@
3.4 .log {
3.5 margin-bottom: 10px;
3.6 }
3.7 +
3.8 +.jumbotron {
3.9 + background-color: #fafafa;
3.10 +}
3.11 +
3.12 table.field {
3.13 }
3.14 table.field td {
3.15 @@ -39,9 +44,6 @@
3.16 text-align: center;
3.17 font-size:4em;
3.18 }
3.19 -.container {
3.20 - margin:10px;
3.21 -}
3.22
3.23 table.field td.UNKNOWN {
3.24 background-color: #D6E4E1;
3.25 @@ -82,7 +84,3 @@
3.26 text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
3.27 color: white;
3.28 }
3.29 -h1 {
3.30 - font-size: 29px;
3.31 - line-height: initial;
3.32 -}