minesweeper/src/main/webapp/pages/index.html
author Jaroslav Tulach <jtulach@netbeans.org>
Sat, 08 Feb 2014 06:23:40 +0100
branchminesweeper
changeset 71 3e372ded7adc
parent 70 5f851f669a15
child 72 9dacd7d46405
permissions -rw-r--r--
A bit of responsive design and using OK sign for discovered bombs
jtulach@63
     1
<!--
jtulach@63
     2
jtulach@63
     3
    The MIT License (MIT)
jtulach@63
     4
jtulach@63
     5
    Copyright (C) 2013 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
jtulach@63
     6
jtulach@63
     7
    Permission is hereby granted, free of charge, to any person obtaining a copy
jtulach@63
     8
    of this software and associated documentation files (the "Software"), to deal
jtulach@63
     9
    in the Software without restriction, including without limitation the rights
jtulach@63
    10
    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
jtulach@63
    11
    copies of the Software, and to permit persons to whom the Software is
jtulach@63
    12
    furnished to do so, subject to the following conditions:
jtulach@63
    13
jtulach@63
    14
    The above copyright notice and this permission notice shall be included in
jtulach@63
    15
    all copies or substantial portions of the Software.
jtulach@63
    16
jtulach@63
    17
    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
jtulach@63
    18
    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
jtulach@63
    19
    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
jtulach@63
    20
    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
jtulach@63
    21
    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
jtulach@63
    22
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
jtulach@63
    23
    THE SOFTWARE.
jtulach@63
    24
jtulach@63
    25
-->
jtulach@63
    26
<!DOCTYPE html>
jtulach@63
    27
<html>
jtulach@63
    28
    <head>
jtulach@63
    29
        <title></title>
jtulach@63
    30
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
jtulach@63
    31
        <link href="bootstrap.css" rel="stylesheet">
jtulach@63
    32
        <link href="bootstrap-responsive.css" rel="stylesheet">
jtulach@63
    33
        <link href="mines.css" rel="stylesheet">
jtulach@71
    34
        <!-- Target tablets -->
jtulach@71
    35
        <link href="mines-tablet-large.css" media="(min-width:560px) and (max-width:710px)" rel="stylesheet" />
jtulach@71
    36
        <link href="mines-tablet-small.css" media="(min-width:460px) and (max-width:560px)" rel="stylesheet" />
jtulach@71
    37
        <!-- Target phones -->
jtulach@71
    38
        <link href="mines-phone-large.css" media="(min-width:370px) and (max-width:460px)" rel="stylesheet" />
jtulach@71
    39
        <link href="mines-phone-small.css" media="(max-width:370px)" rel="stylesheet" />
jtulach@63
    40
    </head>
jtulach@63
    41
    <body>
jtulach@70
    42
        <div class="navbar">
jtulach@70
    43
            <div class="navbar-inner">
jtulach@70
    44
                <a id="apptitle" class="brand" href="#">Mines for Java &amp; HTML</a>
jtulach@70
    45
                <button class="btn btn-default navbar-btn" data-bind="click: smallGame">Play 5x5</button>
jtulach@70
    46
                <button class="btn btn-default navbar-btn" data-bind="click: normalGame">Play 10x10</button>
jtulach@70
    47
                <ul class="nav">
jtulach@70
    48
                    <li >
jtulach@70
    49
                        <a href="http://html.java.net">A demo of an HTML/Java rendering technology.</a>
jtulach@70
    50
                    </li>
jtulach@70
    51
                </ul>
jtulach@70
    52
            </div>
jtulach@70
    53
             <!-- Collect the nav links, forms, and other content for toggling -->
jtulach@70
    54
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
jtulach@70
    55
      <ul class="nav navbar-nav">
jtulach@70
    56
        <li class="active"><a href="#">Link</a></li>
jtulach@70
    57
        <li><a href="#">Link</a></li>
jtulach@70
    58
        <li class="dropdown">
jtulach@70
    59
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
jtulach@70
    60
          <ul class="dropdown-menu">
jtulach@70
    61
            <li><a href="#">Action</a></li>
jtulach@70
    62
            <li><a href="#">Another action</a></li>
jtulach@70
    63
            <li><a href="#">Something else here</a></li>
jtulach@70
    64
            <li class="divider"></li>
jtulach@70
    65
            <li><a href="#">Separated link</a></li>
jtulach@70
    66
            <li class="divider"></li>
jtulach@70
    67
            <li><a href="#">One more separated link</a></li>
jtulach@70
    68
          </ul>
jtulach@70
    69
        </li>
jtulach@70
    70
      </ul>
jtulach@70
    71
    </div>
jtulach@70
    72
        </div>
jtulach@63
    73
jtulach@63
    74
        <table class="field">
jtulach@63
    75
            <tbody>
jtulach@63
    76
                <!-- ko foreach: rows -->
jtulach@63
    77
                <tr>
jtulach@63
    78
                    <!-- ko foreach: columns -->
jtulach@65
    79
                    <td data-bind="css: style, click: $parents[1].click" >
jtulach@71
    80
                        <div data-bind='html: html'></div>
jtulach@63
    81
                    </td>
jtulach@63
    82
                    <!-- /ko -->
jtulach@63
    83
                </tr>
jtulach@63
    84
                <!-- /ko -->
jtulach@63
    85
            </tbody>
jtulach@63
    86
        </table>
jtulach@63
    87
        
jtulach@63
    88
        
jtulach@63
    89
        
jtulach@63
    90
        <script type="text/javascript" src="bck2brwsr.js"></script>
jtulach@63
    91
        <script>
jtulach@63
    92
            var vm = bck2brwsr('${project.build.finalName}.jar');
jtulach@71
    93
            vm.loadClass('org.apidesign.demo.minesweeper.MainBrwsr');
jtulach@63
    94
        </script>
jtulach@63
    95
        
jtulach@63
    96
    </body>
jtulach@63
    97
</html>