diff options
Diffstat (limited to 'index.xhtml')
| -rw-r--r-- | index.xhtml | 97 |
1 files changed, 71 insertions, 26 deletions
diff --git a/index.xhtml b/index.xhtml index 495d6f4..1685eb9 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,37 +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> - <span id="guildCreated"> - <button type="button" name="CreateGuild" onclick="createGuild()">Create your guild</button> - </span> - <span id="minerHired"> - <button type="button" name="HireMiner" onclick="hireMiner()">Hire one miner</button> - </span> - <div> - <h3>Items Shop</h3> - <div>wooden sword - <button type="button" name="epeeCuivre" onclick="buyItems()">buy</button> +</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 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>golden sword - <button type="button" name="goldenSword" onclick="buyItems()">buy</button> + <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>life bottle - <button type="button" name="lifeBottle" onclick="buyItems()">buy</button> </div> - <div>strength bottle - <button type="button" name="strengthBottle" onclick="buyItems()">buy</button> - </div> </div> -</form> - +</div> </body> </html> |