1.1 --- a/minesweeper/src/main/webapp/pages/index_cs.html Sun Jun 28 07:14:21 2015 +0200
1.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000
1.3 @@ -1,252 +0,0 @@
1.4 -<!--
1.5 -
1.6 - The MIT License (MIT)
1.7 -
1.8 - Copyright (C) 2013 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
1.9 -
1.10 - Permission is hereby granted, free of charge, to any person obtaining a copy
1.11 - of this software and associated documentation files (the "Software"), to deal
1.12 - in the Software without restriction, including without limitation the rights
1.13 - to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
1.14 - copies of the Software, and to permit persons to whom the Software is
1.15 - furnished to do so, subject to the following conditions:
1.16 -
1.17 - The above copyright notice and this permission notice shall be included in
1.18 - all copies or substantial portions of the Software.
1.19 -
1.20 - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
1.21 - IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
1.22 - FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
1.23 - AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
1.24 - LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
1.25 - OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
1.26 - THE SOFTWARE.
1.27 -
1.28 --->
1.29 -<!DOCTYPE html>
1.30 -<html>
1.31 - <head>
1.32 - <title>Férové miny</title>
1.33 - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
1.34 - <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
1.35 - <link href="bootstrap.css" rel="stylesheet">
1.36 - <link href="bootstrap-responsive.css" rel="stylesheet">
1.37 - <link href="mines.css" rel="stylesheet">
1.38 - <!-- Target tablets -->
1.39 - <link href="mines-tablet-large.css"
1.40 - media="(min-width:640px), (min-height:660px)"
1.41 - rel="stylesheet" />
1.42 - <link href="mines-tablet-small.css"
1.43 - media="(min-width:510px) and (max-width:640px), (min-height:520px) and (max-height:660px)"
1.44 - rel="stylesheet" />
1.45 - <!-- Target phones -->
1.46 - <link href="mines-phone-large.css"
1.47 - media="(min-width:410px) and (max-width:510px), (min-height:400px) and (max-height:520px)"
1.48 - rel="stylesheet" />
1.49 - <link href="mines-phone-small.css"
1.50 - media="(min-width:300px) and (max-width:410px), (min-height:300px) and (max-height:400px)"
1.51 - rel="stylesheet" />
1.52 - <link href="mines-phone-smaller.css"
1.53 - media="(max-width:300px), (max-height:300px)"
1.54 - rel="stylesheet" />
1.55 - </head>
1.56 - <body>
1.57 - <div class="navbar">
1.58 - <div class="navbar-inner">
1.59 - <a id="apptitle" class="brand" href="#" data-bind="click: showHelp">
1.60 - <img height="20" width="20" src="DukeSweeper.png">
1.61 - <span class="hidden-phone">Miny</span>
1.62 - </a>
1.63 - <button class="btn btn-default navbar-btn" disabled="true" data-bind="disable: false, click: normalGame">
1.64 - <span>↻</span>
1.65 - <span class="info-text">Hra</span>
1.66 - </button>
1.67 - <button class="hidden-phone btn btn-default navbar-btn" disabled="true" data-bind="disable: !gameInProgress(), click: giveUp ">
1.68 - <span>✗</span>
1.69 - <span>Vzdát</span>
1.70 - </button>
1.71 - <button class="btn btn-default navbar-btn" disabled="true" data-bind="disable: !gameInProgress(), click: markMine">
1.72 - <span>⚠</span>
1.73 - <span class="info-text">Označkovat</span>
1.74 - </button>
1.75 - </div>
1.76 - </div>
1.77 -
1.78 -
1.79 - <script type="text/html" id="field">
1.80 - <center>
1.81 - <table class="field" data-bind="css: gameStyle">
1.82 - <tbody>
1.83 - <!-- ko foreach: rows -->
1.84 - <tr>
1.85 - <!-- ko foreach: columns -->
1.86 - <td data-bind="css: style, click: $parents[1].click" >
1.87 - <div></div>
1.88 - </td>
1.89 - <!-- /ko -->
1.90 - </tr>
1.91 - <!-- /ko -->
1.92 - </tbody>
1.93 - </table>
1.94 - </center>
1.95 - </script>
1.96 -
1.97 - <div data-bind="template: { name : 'field', if: fieldShowing }"></div>
1.98 -
1.99 - <div class="jumbotron control-label" data-bind="visible: !fieldShowing() ">
1.100 - <div class="container">
1.101 - <h1>Ukázka HTML/Java technologie</h1>
1.102 -
1.103 - <p>Na první pohled se jedná o staré dobré <em>miny</em>.
1.104 - Bližší pohled však odhalí revoluční technologii, jež
1.105 - umožňuje programovat logiku aplikace v <strong>Javě</strong>
1.106 - a uživatelské rozhraní definovat v <strong>HTML</strong>.
1.107 - To vše na jakémkoli zařízení schopném zobrazit moderní
1.108 - <strong>HTML5</strong> prohlížeč.
1.109 - </p>
1.110 - <p><a class="btn btn-primary btn-lg" role="button"
1.111 - target="_blank" href="http://html.java.net"
1.112 - >Navštívit stránky projektu</a>
1.113 - </p>
1.114 - </div>
1.115 - </div>
1.116 -
1.117 - <div class="container" data-bind="visible: !fieldShowing()">
1.118 - <div>
1.119 - <div class="col-md-4">
1.120 - <h2>Miny</h2>
1.121 - <p>
1.122 - Odhalte deset políček jež skrývají miny
1.123 - a označte je znakem ⚠.
1.124 - Dotykem políčka se zjistí,
1.125 - zda-li je na něm mina či kolik min se
1.126 - nachází v sousedních osmi políčkách.
1.127 - Nespoléhejte na náhodu,
1.128 - tato verze min dokáže detekovat
1.129 - náhodné hádání a v takovém případě přerovnat miny.
1.130 - Tato hra je <b>fér</b>!
1.131 - </p>
1.132 - <p><a class="btn btn-default" href="#" data-bind="click: normalGame"role="button">Hrát »</a></p>
1.133 - </div>
1.134 - <div class="col-md-4">
1.135 - <h2>Dokumentace</h2>
1.136 - <p>
1.137 - Chcete-li psát aplikace jako je tato
1.138 - (tedy používat <strong>Javu</strong> a <strong>HTML</strong>)
1.139 - můžete se nyní dozvědět něco o knihovnách, které
1.140 - to umožňují. Následující odkaz Vás zavede
1.141 - stránky s dokumentací.
1.142 - </p>
1.143 - <p><a class="btn btn-default"
1.144 - target="_blank" href="http://bits.netbeans.org/html+java/"
1.145 - role="button">Více »</a></p>
1.146 - </div>
1.147 - <div class="col-md-4">
1.148 - <h2>Verze pro prohlížeč</h2>
1.149 - <p>
1.150 - Tato technologie je primárně určena pro
1.151 - klasické osobní počítače či pro tablety a telefony.
1.152 - Přesto je však možné spustit tu samou aplikaci
1.153 - s nezměným kódem v prohlížeči. Je k tomu potřeba
1.154 - implementace <b>Java</b> virtuálního stroje zvaná
1.155 - <a href="http://bck2brwsr.apidesign.org">bck2brwsr</a>.
1.156 - </p>
1.157 - <p><a class="btn btn-default"
1.158 - target="_blank" href="http://xelfi.cz/minesweeper/bck2brwsr/"
1.159 - role="button">Vyzkoušet »</a></p>
1.160 - </div>
1.161 - </div>
1.162 - </div>
1.163 -<div class="container" data-bind="visible: !fieldShowing()">
1.164 - <div class="col-sm-6 col-md-4">
1.165 - <div class="thumbnail">
1.166 - <img src="android_logo.jpg" width="120" height="120" alt="Android">
1.167 - <div class="caption">
1.168 - <h3>DlvkBrwsr</h3>
1.169 - <p>
1.170 - Tato apliace byla přeložena pro Váš telefon se systémem Android
1.171 - a je dostupná na Google Play! tržišti. V této konfiguraci
1.172 - se používá virtuální stroj Dalvik pro spouštění <b>Java</b> kódu
1.173 - a Androidí WebView k zobrazení uživatelského rozhraní a
1.174 - interpretaci generovaného JavaScriptu. Tyto komponenty jsou
1.175 - spojeny dohromady pomocí <a href="http://wiki.apidesign.org/wiki/DlvkBrwsr">
1.176 - DlvkBrwsr</a> technologie.
1.177 - </p>
1.178 - <p>
1.179 - <a href="https://play.google.com/store/apps/details?id=org.apidesign.demo.minesweeper"
1.180 - target="_blank"
1.181 - class="btn btn-primary" role="button"
1.182 - >Instalovat »</a>
1.183 - </p>
1.184 - </div>
1.185 - </div>
1.186 - </div>
1.187 - <div class="col-sm-6 col-md-4">
1.188 - <div class="thumbnail">
1.189 - <img src="ios_logo.jpg" width="120" height="120" alt="Android">
1.190 - <div class="caption">
1.191 - <h3>iBrwsr</h3>
1.192 - <p>
1.193 - Tato aplikace byla přeložena a zabalena tak, aby běžela na
1.194 - Vašem iPhonu
1.195 - nebo iPadu a je dostupná na tržišti AppStore.
1.196 - V této konfiguraci se používá
1.197 - virtuální stroj <a target="_blank" href="http://www.robovm.org">RoboVM</a>
1.198 - pro přeložení <b>Java</b> kódu do nativního formátu.
1.199 - Pro zobrazení a provádění vygenerovaného JavaScriptu
1.200 - se využívá iOS WebView. Obě tyto komponenty jsou spojeny
1.201 - pomocí <a target="_blank"
1.202 - href="http://wiki.apidesign.org/wiki/IBrwsr">
1.203 - iBrwsr</a> knihovny.
1.204 - </p>
1.205 - <p>
1.206 - <a href="https://itunes.apple.com/us/app/fair-minesweeper/id903688146"
1.207 - target="_blank"
1.208 - class="btn btn-primary" role="button"
1.209 - >Instalovat »</a>
1.210 - </p>
1.211 - </div>
1.212 - </div>
1.213 - </div>
1.214 - <div class="col-sm-6 col-md-4">
1.215 - <div class="thumbnail">
1.216 - <img src="netbeans_logo.jpg" width="120" height="120" alt="Android">
1.217 - <div class="caption">
1.218 - <h3>Vyvíjejte své aplikace!</h3>
1.219 - <p>
1.220 - Tuto aplikaci lze zabalit jako
1.221 - <a href="http://plugins.netbeans.org/plugin/53864/"
1.222 - target="_blank"
1.223 - >rozšíření pro NetBeans</a> a nebo
1.224 - lze použít vývojové prostředí
1.225 - <a href="http://www.netbeans.org" target="_blank">
1.226 - NetBeans</a> k vytvoření své vlastní aplikace,
1.227 - jež bude využívat synergie
1.228 - <em>HTML</em> a <em>Javy</em>.
1.229 - Pište své aplikace jednou a zobrazte je na
1.230 - každém zařízení schopném zobrazit <em>HTML</em>!
1.231 - </p>
1.232 - <p>
1.233 - <a href="http://wiki.apidesign.org/wiki/DukeScriptInNetBeans"
1.234 - target="_blank"
1.235 - class="btn btn-primary" role="button"
1.236 - >Vyvíjejte »</a>
1.237 - </p>
1.238 - </div>
1.239 - </div>
1.240 - </div>
1.241 -</div>
1.242 - <!-- boot bck2brwsr -->
1.243 - <script type="text/javascript" src="bck2brwsr.js"></script>
1.244 - <script>
1.245 - if (!this.hasOwnProperty("main")) {
1.246 - this.main = function() {
1.247 - var vm = bck2brwsr('minesweeper.js');
1.248 - var c = vm.loadClass('org.apidesign.demo.minesweeper.MinesModel');
1.249 - c.invoke('main');
1.250 - }
1.251 - }
1.252 - this.main();
1.253 - </script>
1.254 - </body>
1.255 -</html>