minesweeper/src/main/webapp/pages/index.html
branchminesweeper
changeset 70 5f851f669a15
parent 65 8e31706fc5da
child 71 3e372ded7adc
     1.1 --- a/minesweeper/src/main/webapp/pages/index.html	Fri Feb 07 15:40:56 2014 +0100
     1.2 +++ b/minesweeper/src/main/webapp/pages/index.html	Fri Feb 07 21:36:27 2014 +0100
     1.3 @@ -33,8 +33,37 @@
     1.4          <link href="mines.css" rel="stylesheet">
     1.5      </head>
     1.6      <body>
     1.7 -        <h1>MineSweeper</h1>
     1.8 -        A demo of an HTML/Java rendering technology.
     1.9 +        <div class="navbar">
    1.10 +            <div class="navbar-inner">
    1.11 +                <a id="apptitle" class="brand" href="#">Mines for Java &amp; HTML</a>
    1.12 +                <button class="btn btn-default navbar-btn" data-bind="click: smallGame">Play 5x5</button>
    1.13 +                <button class="btn btn-default navbar-btn" data-bind="click: normalGame">Play 10x10</button>
    1.14 +                <ul class="nav">
    1.15 +                    <li >
    1.16 +                        <a href="http://html.java.net">A demo of an HTML/Java rendering technology.</a>
    1.17 +                    </li>
    1.18 +                </ul>
    1.19 +            </div>
    1.20 +             <!-- Collect the nav links, forms, and other content for toggling -->
    1.21 +    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    1.22 +      <ul class="nav navbar-nav">
    1.23 +        <li class="active"><a href="#">Link</a></li>
    1.24 +        <li><a href="#">Link</a></li>
    1.25 +        <li class="dropdown">
    1.26 +          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
    1.27 +          <ul class="dropdown-menu">
    1.28 +            <li><a href="#">Action</a></li>
    1.29 +            <li><a href="#">Another action</a></li>
    1.30 +            <li><a href="#">Something else here</a></li>
    1.31 +            <li class="divider"></li>
    1.32 +            <li><a href="#">Separated link</a></li>
    1.33 +            <li class="divider"></li>
    1.34 +            <li><a href="#">One more separated link</a></li>
    1.35 +          </ul>
    1.36 +        </li>
    1.37 +      </ul>
    1.38 +    </div>
    1.39 +        </div>
    1.40  
    1.41          <table class="field">
    1.42              <tbody>