1.1 --- a/minesweeper/src/main/webapp/pages/index.html	Sat Feb 08 12:12:39 2014 +0100
     1.2 +++ b/minesweeper/src/main/webapp/pages/index.html	Sat Feb 08 13:02:21 2014 +0100
     1.3 @@ -71,6 +71,8 @@
     1.4                  </tbody>
     1.5              </table>
     1.6          </script>
     1.7 +
     1.8 +        <div data-bind="template: { name : 'field', if: fieldShowing }"></div>
     1.9          
    1.10          <div class="jumbotron control-label" data-bind="visible: !fieldShowing() ">
    1.11              <div class="container">
    1.12 @@ -84,16 +86,54 @@
    1.13                      modern <strong>HTML5</strong> browser.
    1.14                  </p>
    1.15                  <p><a class="btn btn-primary btn-lg" role="button" 
    1.16 -                      target="_blank" href="http://bits.netbeans.org/html4j/0.7.5/"
    1.17 -                >Learn more!</a>
    1.18 -                <a class="btn btn-primary btn-lg" role="button"
    1.19 -                      data-bind="click: normalGame"
    1.20 -                >Play!</a>
    1.21 +                      target="_blank" href="http://html.java.net"
    1.22 +                >Visit Project Page!</a>
    1.23                  </p>
    1.24              </div>
    1.25          </div>
    1.26 -        
    1.27 -        <div data-bind="template: { name : 'field', if: fieldShowing }"/>
    1.28 +
    1.29 +    <div class="container" data-bind="visible: !fieldShowing()">
    1.30 +      <div class="row">
    1.31 +        <div class="col-md-4">
    1.32 +          <h2>Minesweeper</h2>
    1.33 +          <p>
    1.34 +              At the end this is a <em>minesweeper</em>
    1.35 +              game and you can of course play it. Discover
    1.36 +              all fields that don't contain a mine. 
    1.37 +              Touch a field to find out if there is
    1.38 +              a mine or not. A number on a field indicates
    1.39 +              how many mines is in the eight surrounding 
    1.40 +              fields.
    1.41 +          </p>
    1.42 +          <p><a class="btn btn-default" href="#" data-bind="click: normalGame"role="button">Play &raquo;</a></p>
    1.43 +        </div>
    1.44 +        <div class="col-md-4">
    1.45 +          <h2>Documentation</h2>
    1.46 +          <p>
    1.47 +              In case you want to write application like 
    1.48 +              this (e.g. use <strong>Java</strong> and <strong>HTML</strong>)
    1.49 +              you can learn more about the libraries that
    1.50 +              make that possible. Follow this link to
    1.51 +              our documentation.
    1.52 +          </p>
    1.53 +          <p><a class="btn btn-default"
    1.54 +                target="_blank" href="http://bits.netbeans.org/html4j/0.7.5/"
    1.55 +                role="button">Read more &raquo;</a></p>
    1.56 +       </div>
    1.57 +        <div class="col-md-4">
    1.58 +          <h2>Run in a Browser</h2>
    1.59 +          <p>
    1.60 +              While primarily this technology runs on a desktop
    1.61 +              or as a table or phone application, it is possible
    1.62 +              to execute the same unchanged code in a browser 
    1.63 +              as well. To do so, one needs a <strong>bck2brwsr</strong>
    1.64 +              virtual machine.
    1.65 +          </p>
    1.66 +          <p><a class="btn btn-default"
    1.67 +                target="_blank" href="http://bck2brwsr.apidesign.org"
    1.68 +                role="button">Learn more &raquo;</a></p>
    1.69 +       </div>
    1.70 +    </div>
    1.71          
    1.72          <script type="text/javascript" src="bck2brwsr.js"></script>
    1.73          <script>