69 lines
2.8 KiB
HTML
69 lines
2.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="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_count">
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="4">4</option>
|
|
<option value="8">8</option>
|
|
<option value="16">16</option>
|
|
<option value="32">32</option>
|
|
<option value="64">64</option>
|
|
</select>
|
|
<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>
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-5871323-4', 'crafting-guide.com');
|
|
ga('send', 'pageview');
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|