wynnbuilder-forked-for-changes/index.html

217 lines
9.8 KiB
HTML
Raw Normal View History

2021-01-06 12:48:41 +00:00
<!DOCTYPE html>
<html scroll-behavior="smooth">
<head>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="favicon.png">
<link rel="manifest" href="manifest.json">
<title>Wynn Clientside</title>
</head>
<body>
2021-01-07 10:30:23 +00:00
<div class="header" id="header">
2021-01-06 12:48:41 +00:00
Wynn build calculator
</div>
<div class="equipment">
<div class="center" style="grid-column:1;grid-row:1">
<div>
<label for="helmet-choice">Helmet:</label>
2021-01-07 10:23:54 +00:00
<input list="helmet-items" id="helmet-choice" name="helmet-choice" value="No Helmet"/>
2021-01-06 12:48:41 +00:00
<datalist id="helmet-items">
</datalist>
</div>
<div id="helmet-slots">
X slots
</div>
<div>
<label for="helmet-powder">Powdering:</label>
<input type="text" id="helmet-powder" name="helmet-powder"/>
2021-01-06 12:48:41 +00:00
</div>
</div>
<div class="center" style="grid-column:2;grid-row:1">
<div>
<label for="chestplate-choice">Chestplate:</label>
2021-01-07 10:23:54 +00:00
<input list="chestplate-items" id="chestplate-choice" name="chestplate-choice" value="No Chestplate"/>
2021-01-06 12:48:41 +00:00
<datalist id="chestplate-items">
</datalist>
</div>
<div id="chestplate-slots">
X slots
</div>
<div>
<label for="chestplate-powder">Powdering:</label>
<input type="text" id="chestplate-powder" name="chestplate-powder" />
</div>
</div>
<div class="center" style="grid-column:3;grid-row:1">
<div>
<label for="leggings-choice">Leggings:</label>
2021-01-07 10:23:54 +00:00
<input list="leggings-items" id="leggings-choice" name="leggings-choice" value="No Leggings"/>
2021-01-06 12:48:41 +00:00
<datalist id="leggings-items">
</datalist>
</div>
<div id="leggings-slots">
X slots
</div>
<div>
<label for="leggings-powder">Powdering:</label>
<input type="text" id="leggings-powder" name="leggings-powder" />
</div>
</div>
<div class="center" style="grid-column:4;grid-row:1">
<div id="boots">
<label for="boots-choice">Boots:</label>
2021-01-07 10:23:54 +00:00
<input list="boots-items" id="boots-choice" name="boots-choice" value="No Boots"/>
2021-01-06 12:48:41 +00:00
<datalist id="boots-items">
</datalist>
</div>
<div id="boots-slots">
X slots
</div>
<div>
<label for="boots-powder">Powdering:</label>
<input type="text" id="boots-powder" name="boots-powder" />
</div>
</div>
<div class="center" style="grid-column:1;grid-row:2">
<label for="ring1-choice">Ring 1:</label>
2021-01-07 10:23:54 +00:00
<input list="ring1-items" id="ring1-choice" name="ring1-choice" value="No Ring 1"/>
2021-01-06 12:48:41 +00:00
<datalist id="ring1-items">
</datalist>
</div>
<div class="center" style="grid-column:2;grid-row:2">
<label for="ring2-choice">Ring 2:</label>
2021-01-07 10:23:54 +00:00
<input list="ring2-items" id="ring2-choice" name="ring2-choice" value="No Ring 2"/>
2021-01-06 12:48:41 +00:00
<datalist id="ring2-items">
</datalist>
</div>
<div class="center" style="grid-column:3;grid-row:2">
<label for="bracelet-choice">Bracelet:</label>
2021-01-07 10:23:54 +00:00
<input list="bracelet-items" id="bracelet-choice" name="bracelet-choice" value="No Bracelet"/>
2021-01-06 12:48:41 +00:00
<datalist id="bracelet-items">
</datalist>
</div>
<div class="center" style="grid-column:4;grid-row:2">
<label for="necklace-choice">Necklace:</label>
2021-01-07 10:23:54 +00:00
<input list="necklace-items" id="necklace-choice" name="necklace-choice" value="No Necklace"/>
2021-01-06 12:48:41 +00:00
<datalist id="necklace-items">
</datalist>
</div>
<div class="center" style="grid-column:1;grid-row:3">
2021-01-07 08:11:54 +00:00
<label for="weapon-choice">Weapon:</label><br>
<input list="weapon-items" id="weapon-choice" name="weapon-choice" value=""/>
2021-01-06 12:48:41 +00:00
<datalist id="weapon-items">
</datalist>
</div>
<div class="center" style="grid-column:2;grid-row:3">
<div id="weapon-slots">
X slots
</div>
<div>
<label for="weapon-powder">Weapon powder:</label>
<input type="text" id="weapon-powder" name="weapon-powder" />
</div>
</div>
<div class="center" style="grid-column:3;grid-row:3">
2021-01-06 20:54:15 +00:00
<button class = "button" id = "calc-button" onclick = "calculateBuild()">
Calculate
</button>
2021-01-06 12:48:41 +00:00
</div>
<div class="center" style="grid-column:4;grid-row:3">
2021-01-06 20:54:15 +00:00
<button class = "reset" id = "reset-button" onclick = "resetFields()">
Reset
</button>
2021-01-06 12:48:41 +00:00
</div>
</div>
<div class="center" id="summary-box">
Summary:
</div>
2021-01-06 12:48:41 +00:00
<div class="skillpoints">
<div class="center" style="grid-column:1;grid-row:1">
2021-01-07 06:41:41 +00:00
<div>
<label for="str-skp">Strength:</label>
<input type="number" id="str-skp" name="str-skp" value="0"/>
</div>
<div id="str-skp-base">
Original Value: 0
</div>
2021-01-06 12:48:41 +00:00
</div>
<div class="center" style="grid-column:2;grid-row:1">
2021-01-07 06:41:41 +00:00
<div>
<label for="dex-skp">Dexterity:</label>
<input type="number" id="dex-skp" name="dex-skp" value="0"/>
</div>
<div id="dex-skp-base">
Original Value: 0
</div>
2021-01-06 12:48:41 +00:00
</div>
<div class="center" style="grid-column:3;grid-row:1">
2021-01-07 06:41:41 +00:00
<div>
<label for="int-skp">Intelligence:</label>
<input type="number" id="int-skp" name="int-skp" value="0"/>
</div>
<div id="int-skp-base">
Original Value: 0
</div>
2021-01-06 12:48:41 +00:00
</div>
<div class="center" style="grid-column:4;grid-row:1">
2021-01-07 06:41:41 +00:00
<div>
<label for="def-skp">Defense:</label>
<input type="number" id="def-skp" name="def-skp" value="0"/>
</div>
<div id="def-skp-base">
Original Value: 0
</div>
2021-01-06 12:48:41 +00:00
</div>
<div class="center" style="grid-column:5;grid-row:1">
2021-01-07 06:41:41 +00:00
<div>
<label for="agi-skp">Agility:</label>
<input type="number" id="agi-skp" name="agi-skp" value="0"/>
</div>
<div id="agi-skp-base">
Original Value: 0
</div>
2021-01-06 12:48:41 +00:00
</div>
</div>
2021-01-07 00:04:16 +00:00
<div class = "build">
2021-01-07 08:11:54 +00:00
<div class = "center build-helmet" id = "build-helmet" style = "grid-column:1;grid-row:1">
<div class = "center" id = "build-helmet-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-07 08:11:54 +00:00
<div class = "center build-chestplate" id = "build-chestplate" style = "grid-column:2;grid-row:1">
<div class = "center" id = "build-chestplate-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-07 08:11:54 +00:00
<div class = "center build-leggings" id = "build-leggings" style = "grid-column:3;grid-row:1">
<div class = "center" id = "build-leggings-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-07 08:11:54 +00:00
<div class = "center build-boots" id = "build-boots" style = "grid-column:4;grid-row:1">
<div class = "center" id = "build-boots-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-07 08:11:54 +00:00
<div class = "center build-ring1" id = "build-ring1" style = "grid-column:1;grid-row:2">
<div class = "center" id = "build-ring1-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-07 08:11:54 +00:00
<div class = "center build-ring2" id = "build-ring2" style = "grid-column:2;grid-row:2">
<div class = "center" id = "build-ring2-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-07 08:11:54 +00:00
<div class = "center build-leggings" id = "build-bracelet" style = "grid-column:3;grid-row:2">
<div class = "center" id = "build-bracelet-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-07 08:11:54 +00:00
<div class = "center build-boots" id = "build-necklace" style = "grid-column:4;grid-row:2">
<div class = "center" id = "build-necklace-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-07 08:11:54 +00:00
<div class = "center build-weapon" id = "build-weapon" style = "grid-column:1;grid-row:3">
<div class = "center" id = "build-weapon-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-07 08:45:41 +00:00
<div class = "center build-order" id = "build-order" style = "grid-column:2;grid-row:3">
2021-01-07 06:41:41 +00:00
</div>
<div class = "center" id = "build-cumulative-stats" style = "grid-column:3;grid-row:3">
</div>
<div class = "center" id = "defense-damage-stats" style = "grid-column:4;grid-row:3">
2021-01-07 00:04:16 +00:00
</div>
</div>
2021-01-07 00:10:34 +00:00
2021-01-07 06:41:41 +00:00
<script type="text/javascript" src="utils.js"></script>
<script type="text/javascript" src="skillpoints.js"></script>
2021-01-07 00:08:19 +00:00
<script type="text/javascript" src="build.js"></script>
<script type="text/javascript" src="load.js"></script>
<script type="text/javascript" src="test.js"></script>
2021-01-06 12:48:41 +00:00
</body>
</html>