aboutsummaryrefslogtreecommitdiffstats
path: root/index.xhtml
diff options
context:
space:
mode:
authorpiernov <piernov@piernov.org>2016-04-25 22:36:33 +0200
committerpiernov <piernov@piernov.org>2016-04-25 22:36:33 +0200
commit54635d17eef27eb2546d69599e4107b242509ced (patch)
tree86d18cbb6e021b78ba1ce87307447d71d1802ad3 /index.xhtml
parentf98b06a25d71cc02bf29d7c525da0095688ea872 (diff)
parent8140617aeb2f32f7095a443ca743c6d6915739c6 (diff)
downloadcandybox-54635d17eef27eb2546d69599e4107b242509ced.tar.gz
candybox-54635d17eef27eb2546d69599e4107b242509ced.tar.bz2
candybox-54635d17eef27eb2546d69599e4107b242509ced.tar.xz
candybox-54635d17eef27eb2546d69599e4107b242509ced.zip
Merge branch 'alexichi' of ssh://piernov.org/srv/git/candybox into alexichi
Diffstat (limited to 'index.xhtml')
-rw-r--r--index.xhtml85
1 files changed, 75 insertions, 10 deletions
diff --git a/index.xhtml b/index.xhtml
index 30352bf..aa29615 100644
--- a/index.xhtml
+++ b/index.xhtml
@@ -1,5 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="css/bootstrap.min.css"?>
+<?xml-stylesheet type="text/css" href="css/craftmine.css"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
@@ -12,17 +13,81 @@
<title>CraftMine</title>
<script type="text/javascript" charset="utf-8" src="js/craftmine.js"></script>
<script type="text/javascript" charset="utf-8" src="js/guild.js"></script>
+ <script type="text/javascript" charset="utf-8" src="js/shop.js"></script>
+ <script type="text/javascript" charset="utf-8" src="js/gui.js"></script>
</head>
-<body onload="init()">
+<body onload="init()" onhashchange="changeTab()">
+<div class="container-fluid">
+<div class="row">
<h1>CraftMine</h1>
- <p>Gold : <span id="gold">0</span></p>
- <p>Mine : <span id="mine">0</span></p>
- <p>Miners : <span id="miners">0</span></p>
- <span id="guild"></span>
- <form class="form-horizontal" method="post" action="craftmine.php">
- <button type="button" name="withdraw" onclick="withdrawMine()">Withdraw</button>
- <button type="button" name="createGuild" onclick="createGuild()">Create your guild</button>
- <button type="button" name="hireMiner" onclick="hireMiner()">Hire one miner</button>
- </form>
+</div>
+<div class="row">
+ <div class="col-md-4">
+ <div class="row">
+ <div class="col-md-10">
+ <span id="gold">0</span>
+ <span id="mine">0</span>
+ <p>Miners : <span id="miners">0</span></p>
+ <span id="guild"></span>
+ <form class="form-horizontal" method="post" action="craftmine.php">
+ <button class="btn btn-default" type="button" name="withdraw" onclick="withdrawMine()">Withdraw</button>
+ <button class="btn btn-default" type="button" name="HireMiner" onclick="hireMiner()">Hire one miner</button>
+ </form>
+ </div>
+ </div>
+ <div id="error-box" class="row" style="margin-top:1em;display:none">
+ <div class="col-md-10">
+ <div class="alert alert-danger">
+ <ul>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div id="info-box" class="row" style="margin-top:1em;display:none">
+ <div class="col-md-10">
+ <div class="alert alert-success">
+ <ul>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ <div class="col-md-8">
+ <div class="row">
+
+ <div id="tabs-panel" class="tabbable">
+ <ul class="nav nav-tabs">
+ <li role="presentation"><a href="#tab1" data-toggle="tab">Build</a></li>
+ <li role="presentation"><a href="#tab2" data-toggle="tab">Shop</a></li>
+ <li role="presentation"><a href="#tab3" data-toggle="tab">Inventory</a></li>
+ <li role="presentation"><a href="#tab4" data-toggle="tab">Dungeon</a></li>
+ </ul>
+ <div class="tab-content">
+ <div class="tab-pane" id="tab1">
+ <h4>Select a building to build:</h4>
+ <ul class="list-inline">
+ <li><button class="btn btn-default" type="button" onclick="createGuild()">Miner's guild</button></li>
+ <li><button class="btn btn-default" type="button" onclick="buildShop()">Shop</button></li>
+ </ul>
+ </div>
+ <div class="tab-pane" id="tab2">
+ <h4>There's no shop in this city.</h4>
+ </div>
+ <div class="tab-pane" id="tab3">
+ <h4>Your inventory is empty.</h4>
+ </div>
+ <div class="tab-pane" id="tab4">
+ <h4>Look at how poor you are! You can't access the dungeon, it is only for the elite.</h4>
+ </div>
+ </div>
+ </div>
+
+
+
+ </div>
+ </div>
+</div>
+</div>
</body>
</html>