SlayerWeightCalculator/index.html

97 lines
3.6 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><input type="checkbox" name="reddrags" id="reddrags">
Seeing red (Unlocks Red Dragons)</ul>
<ul><input type="checkbox" name="mithdrags" id="mithdrags">
I hope you mith me (Unlocks Mithril Dragons)</ul>
<ul><input type="checkbox" name="aviansie" id="aviansie">
Watch the birdie (Unlocks Aviansies)</ul>
<ul><input type="checkbox" name="tzhaars" id="tzhaars">
Hot stuff (Unlocks TzHaars)</ul>
<ul><input type="checkbox" name="lizardmen" id="lizardmen">
Reptile got ripped (Unlocks Lizardmen)</ul>
<ul><input type="checkbox" name="bosses" id="bosses">
Like a boss (Unlocks Bosses)</ul>
<ul><input type="checkbox" name="fossilwyverns" id="fossilwyverns">
Stop the Wyvern (Disables Fossil Island Wyverns)</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" name="slayerlevel" value="">
</div>
<div class="col-6 text-center">
<input type="submit" value="Apply changes" onclick="applyChanges()">
</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="example" 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>