SlayerWeightCalculator/index.html

97 lines
3.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Slayer Calc</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/datatables.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/datatables.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div class="jumbotron text-center">
<h1>Slayer task weights</h1>
<p>A calculator for slayer geeks that need to know percentages.</p>
</div>
<div class="container">
<div class="row">
<div class="col">
<h3>Slayer settings</h3>
</div>
</div>
<div class="row">
<div class="col-6">
<p>Unlocks:</p>
<form>
<ul><label><input type="checkbox" name="reddrags" id="reddrags">
Seeing red (Unlocks Red Dragons)</label></ul>
<ul><label><input type="checkbox" name="mithdrags" id="mithdrags">
I hope you mith me (Unlocks Mithril Dragons)</label></ul>
<ul><label><input type="checkbox" name="aviansies" id="aviansies">
Watch the birdie (Unlocks Aviansies)</label></ul>
<ul><label><input type="checkbox" name="tzhaar" id="tzhaar">
Hot stuff (Unlocks TzHaars)</label></ul>
<ul><label><input type="checkbox" name="lizardmen" id="lizardmen">
Reptile got ripped (Unlocks Lizardmen)</label></ul>
<ul><label><input type="checkbox" name="bosses" id="bosses">
Like a boss (Unlocks Bosses)</label></ul>
<ul><label><input type="checkbox" name="fossilwyverns" id="fossilwyverns">
Stop the Wyvern (Disables Fossil Island Wyverns)</label></ul>
</form>
</div>
<div class="col-6">
<p>Task blocks:</p>
<div id="blocklist">
<ul>None (50 QP)</ul>
<ul>None (100 QP)</ul>
<ul>None (150 QP)</ul>
<ul>None (200 QP)</ul>
<ul>None (250 QP)</ul>
<ul>None (Quest Cape)</ul>
</div>
</div>
<div class="col-6 text-center">
Slayer level:
<input type="text" min="1" max="99" name="slayerlevel" id="slayerlevel" maxlength="2" placeholder="99" value="99">
</div>
<div class="col-6 text-center">
<input type="submit" value="Apply changes" onclick="applyChanges('krystilia')">
</div>
</div>
<div class="row">
<div class="col">
<h3>Krystilia</h3>
<p>Krystilia is a Slayer master found in Edgeville's jail north-east of the bank. When spoken to, she expresses her love for magic and the Wilderness, and claims the guards locked her in the cell for trouble-making.</p>
<table id="master" class="display nowrap" width="100%">
<thead>
<tr>
<th>Monster</th>
<th>Task weight</th>
<th>Chance</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Monster</th>
<th>Task weight</th>
<th>Chance</th>
</tr>
</tfoot>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>