diff options
| -rw-r--r-- | index.xhtml | 78 |
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> |