aboutsummaryrefslogtreecommitdiffstats
path: root/index.xhtml
diff options
context:
space:
mode:
Diffstat (limited to 'index.xhtml')
-rw-r--r--index.xhtml78
1 files changed, 72 insertions, 6 deletions
diff --git a/index.xhtml b/index.xhtml
index 5b38b69..6ec45ef 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">
@@ -11,13 +12,78 @@
<meta name="author" content="Alexandre Renoux,Pierre-Emmanuel Novac"/>
<title>CraftMine</title>
<script type="text/javascript" charset="utf-8" src="js/craftmine.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>
- <span id="gold">0</span>
- <span id="mine">0</span>
- <form class="form-horizontal" method="post" action="craftmine.php">
- <button type="button" name="withdraw" onclick="withdrawMine()">Withdraw</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>
+ <form class="form-horizontal" method="post" action="craftmine.php">
+ <button class="btn btn-default" type="button" name="withdraw" onclick="withdrawMine()">Withdraw</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="">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>