49 lines
2.0 KiB
HTML
49 lines
2.0 KiB
HTML
<!doctype html5!>
|
|
<html>
|
|
<head>
|
|
<title>Crafting Guide</title>
|
|
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Press+Start+2P'/>
|
|
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
|
|
<link rel="stylesheet" type="text/css" href="css/text.css"/>
|
|
<link rel="stylesheet" type="text/css" href="css/960.css"/>
|
|
<link rel="stylesheet" type="text/css" href="css/main.css"/>
|
|
</head>
|
|
|
|
<body class="container_12">
|
|
<div id="body" class="grid_12">
|
|
<div id="header" class="grid_12 alpha omega">
|
|
<h1><img src="images/workbench_front.png"> Crafting Guide</h1>
|
|
</div> <!-- #header -->
|
|
<div id="header_border" class="grid_12 alpha omega"> </div>
|
|
|
|
<div id="recipebooks" class="grid_12 alpha omega">
|
|
<h1><img src="images/bookshelf.png"> Recipe Books</h1>
|
|
<table id="recipebook_table" cellpadding="0" cellspacing="0">
|
|
<tr>
|
|
<td> </td>
|
|
<td>
|
|
<input id="recipebook_url" placeholder="enter a URL to load another recipe book..."></input>
|
|
<button id="recipebook_load_button">Load</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<p id="load_error" class="error"></p>
|
|
</div> <!-- #recipe_books -->
|
|
|
|
<div id="crafting" class="hidden">
|
|
<h1><img src="images/workbench_top.png"> Crafting</h1>
|
|
<p>Choose a recipe: <select id="crafting_selector" disabled></select></p>
|
|
<table id="crafting_output" class="hidden" cellpadding="0" cellspacing="0">
|
|
<tr><th width="50%">You'll need:</th><th>You'll get:</th></tr>
|
|
<tr><td id="missing_materials"> </td><td id="leftover_materials"></td></tr>
|
|
</table>
|
|
<div id="crafting_error" class="error"></div>
|
|
</div> <!-- #crafting -->
|
|
</div> <!-- .container_12 -->
|
|
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
<script src="crafting.js"></script>
|
|
</body>
|
|
</html>
|
|
|