Androtafl/assets/www/index.html
Wanja 0539b0b114 * Multiple games at once
* New theme
* Network games somewhat broken
2012-04-09 01:29:42 +02:00

79 lines
3.1 KiB
HTML

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
"http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html>
<head>
<title>Androtafl</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- Libraries -->
<script type="text/javascript" charset="utf-8" src="js/cordova-1.5.0.js"></script>
<script type="text/javascript" charset="utf-8" src="js/socket.io.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jq.ui.eco.css" />
<link rel="stylesheet" type="text/css" href="css/icons.css" />
<script type="text/javascript" charset="utf-8" src="js/jq.mobi.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jq.ui.min.js"></script>
<!-- include touch.js on desktop browsers only -->
<script type="text/javascript">
if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window)) {
var script = document.createElement("script");
script.src = "js/touch.js";
var tag = $("head").append(script);
$.os.android = true; //let's make it run like an android device
$.os.desktop = true;
}
</script>
<!-- Application Code -->
<link rel="stylesheet" type="text/css" href="css/ui.css" />
<script type="text/javascript" charset="utf-8" src="js/tools.js"></script>
<script type="text/javascript" charset="utf-8" src="js/tafl.js"></script>
<script type="text/javascript" charset="utf-8" src="js/net.js"></script>
<script type="text/javascript" charset="utf-8" src="js/ui.js"></script>
</head>
<body>
<div id="jQUi">
<div id="header">
</div>
<div id="content">
<div id="main_panel" data-load="gameStarterLoadGameList" title="Androtafl" class="panel" selected="true">
<div class="group">
<h2>New game</h2>
<ul>
<li><a href="#game_panel" onclick="javascript:game_starter.network_game();">Network: random opponent</a></li>
<li><a href="#game_panel" onclick="javascript:game_starter.game_vs_black_ai();">Game against black AI</a></li>
<li><a href="#game_panel" onclick="javascript:game_starter.game_vs_white_ai();">Game against white AI</a></li>
</ul>
</div>
<div class="group">
<h2>Open games</h2>
<ul id="game_list">
</ul>
</div>
</div>
<div id="game_panel" data-load="boardUiInitializeBoard" data-unload="boardUiLeaveBoard" title="Androtafl" class="panel" scrolling="no">
<div style="display: none;" id="wait_for_game">
<h2>We're looking for an opponent... Please wait...</h2>
</div>
<div id="game_container">
<div id="board"></div>
</div>
</div>
</div>
<div id="navbar">
<div class="horzRule"></div>
<a href="#main_panel" id="navbar_home" class="icon home">home</a>
<a href="javascript:boardui.rate_current_state();" id="navbar_rate_this" class="icon">rate</a>
</div>
</div>
</body>
</html>