Using jumbo to provide some application description minesweeper
authorJaroslav Tulach <jtulach@netbeans.org>
Sat, 08 Feb 2014 12:12:39 +0100
branchminesweeper
changeset 77b344caeda33f
parent 76 55b2e1d3ad2b
child 78 cc5da2ae3940
Using jumbo to provide some application description
minesweeper/src/main/webapp/pages/index.html
minesweeper/src/main/webapp/pages/mines-tablet-large.css
minesweeper/src/main/webapp/pages/mines.css
     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 -}