51 lines
1.8 KiB
HTML
51 lines
1.8 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="load another recipebook..."></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>Crafting</h1>
|
|
<select id="crafting_selector" disabled></select>
|
|
<div id="crafting_output" class="hidden">
|
|
<p>You'll need:</p>
|
|
<ul id="missing_materials"></ul>
|
|
<p>You'll get:</p>
|
|
<ul id="leftover_materials"></ul>
|
|
</div>
|
|
<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>
|
|
|