wynnbuilder-forked-for-changes/index.html

579 lines
32 KiB
HTML
Raw Normal View History

2021-01-06 12:48:41 +00:00
<!DOCTYPE html>
<html scroll-behavior="smooth">
<head>
2021-01-08 01:02:12 +00:00
<!-- nunito font, copying wynndata -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
2021-01-06 12:48:41 +00:00
<link rel="stylesheet" href="styles.css">
2021-01-11 12:09:58 +00:00
<link rel="stylesheet" media="screen and (min-width: 1100px)" href="wide.css"/>
<link rel="stylesheet" media="screen and (max-width: 1099px)" href="narrow.css"/>
2021-01-06 12:48:41 +00:00
<link rel="icon" href="favicon.png">
<link rel="manifest" href="manifest.json">
2021-01-16 02:06:21 +00:00
<title>WynnBuilder</title>
2021-01-06 12:48:41 +00:00
</head>
2021-01-08 01:02:12 +00:00
<body class="all">
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="summary">
2021-01-11 12:09:58 +00:00
<div class="equipment" style="grid-column:1/span 2;grid-row:1">
<div style="grid-column:1/span 2;grid-row:1">
<table>
<tr>
<th class="center title">
<label>Equipment</label>
</th>
<th class="center title">
<label>Powdering</label>
</th>
</tr>
<tr>
<td class="left">
<label for="helmet-choice">Helmet:</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" list="helmet-items" id="helmet-choice" name="helmet-choice" placeholder="No Helmet"/>
<datalist id="helmet-items">
</datalist>
</td>
<td class="left">
<label id="helmet-slots" for="helmet-powder">X slots</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" type="text" id="helmet-powder" name="helmet-powder" placeholder="Example: t6t6"/>
</td>
</tr>
<tr>
<td class="left">
<label for="chestplate-choice">Chestplate:</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" list="chestplate-items" id="chestplate-choice" name="chestplate-choice" placeholder="No Chestplate" />
<datalist id="chestplate-items">
</datalist>
</td>
<td class="left">
<label id="chestplate-slots" for="chestplate-powder">X slots</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" type="text" id="chestplate-powder" name="chestplate-powder" />
</td>
</tr>
<tr>
<td class="left">
<label for="leggings-choice">Leggings:</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" list="leggings-items" id="leggings-choice" name="leggings-choice" placeholder="No Leggings" />
<datalist id="leggings-items">
</datalist>
</td>
<td class="left">
<label id="leggings-slots" for="leggings-powder">X slots</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" type="text" id="leggings-powder" name="leggings-powder" />
</td>
</tr>
<tr>
<td class="left">
<label for="boots-choice">Boots:</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" list="boots-items" id="boots-choice" name="boots-choice" placeholder="No Boots" />
<datalist id="boots-items">
</datalist>
</td>
<td class="left">
<label id="boots-slots" for="boots-powder">X slots</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" type="text" id="boots-powder" name="boots-powder" />
</td>
</tr>
<tr>
<td class="left">
<br>
<label for="weapon-choice">Weapon:</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" list="weapon-items" id="weapon-choice" name="weapon-choice" placeholder="No Weapon" value=""/>
<datalist id="weapon-items">
</datalist>
</td>
<td class="left">
<br>
<label id="weapon-slots" for="weapon-powder">X slots</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" type="text" id="weapon-powder" name="weapon-powder" />
</td>
</tr>
</table>
</div>
<div style="grid-column:3/span 1;grid-row:1">
<table>
<tr>
<th class="center title">
<label>Accessories</label>
</th>
</tr>
<tr>
<td class="left">
<label for="ring1-choice">Ring 1:</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" list="ring1-items" id="ring1-choice" name="ring1-choice" placeholder="No Ring 1"/>
<datalist id="ring1-items">
</datalist>
</td>
</tr>
<tr>
<td class="left">
<label for="ring2-choice">Ring 2:</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" list="ring2-items" id="ring2-choice" name="ring2-choice" placeholder="No Ring 2" />
<datalist id="ring2-items">
</datalist>
</td>
</tr>
<tr>
<td class="left">
<label for="bracelet-choice">Bracelet:</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" list="bracelet-items" id="bracelet-choice" name="bracelet-choice" placeholder="No Bracelet" />
<datalist id="bracelet-items">
</datalist>
</td>
</tr>
<tr>
<td class="left">
<label for="necklace-choice">Necklace:</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" list="necklace-items" id="necklace-choice" name="necklace-choice" placeholder="No Necklace"/>
<datalist id="necklace-items">
</datalist>
</td>
</tr>
<tr>
<td class="left">
<br/>
<label for="level-choice">Level:</label>
2021-01-11 12:09:58 +00:00
<input class="iteminput" id="level-choice" name="level-choice" placeholder="106" value=""/>
</td>
</tr>
</table>
</div>
<div class="center" style="grid-column:1/span 3;grid-row:2">
<table>
<tr>
<td>
<br/>
<button class = "button" id = "calc-button" onclick = "calculateBuild()">
2021-01-11 12:09:58 +00:00
Update Items
</button>
</td>
<td>
<br/>
<button class = "button" id = "reset-button" onclick = "resetFields()">
Reset
</button>
</td>
<td>
<br/>
<button class = "button" id = "copy-button" onclick = "copyBuild()">
Copy Short
</button>
</td>
2021-01-11 12:09:58 +00:00
<td>
<br/>
<button class = "button" id = "share-button" onclick = "shareBuild()">
Copy For Sharing
</button>
</td>
</tr>
</table>
</div>
<div class="center" style="grid-column:1/span 3;grid-row:3">
<br><br>
<div class="nomargin" id="summary-box">
</div>
<br><br>
<div class="externalBuffs" id="buff-box">
<table>
<tr>
<p class = "buffs-title itemp title">
Spell Boosts & Powder Specials:
</p>
</tr>
<tr>
<td>
2021-01-15 05:47:38 +00:00
<button class = "button-narrow" id = "vanish-boost" onclick = "updateBoosts('vanish-boost')">
Vanish Boost (+80%)
</button>
</td>
<td>
2021-01-15 05:47:38 +00:00
<button class = "button-narrow" id = "warscream-boost" onclick = "updateBoosts('warscream-boost')">
War Scream (+10%)
</button>
</td>
<td>
2021-01-15 05:47:38 +00:00
<button class = "button-narrow" id = "yourtotem-boost" onclick = "updateBoosts('yourtotem-boost')">
Your Totem (+35%)
</button>
</td>
<td>
2021-01-15 05:47:38 +00:00
<button class = "button-narrow" id = "allytotem-boost" onclick = "updateBoosts('allytotem-boost')">
Ally Totem (+15%)
</button>
</td>
2021-01-15 05:47:38 +00:00
<td>
<button class = "button-narrow" id = "bash-boost" onclick = "updateBoosts('bash-boost')">
Bash (+50%)
</button>
</td>
</tr>
</table>
2021-01-13 03:14:00 +00:00
<div class = "powder-specials">
2021-01-12 21:07:03 +00:00
<div class = "powder-special-stats" style = "grid-column:1;grid-row:1">
<div class = "center" id = "powder-special-stats">
<p class = "itemp">Powder Specials</p>
</div>
</div>
<div style = "grid-column:2;grid-row:1">
<div class = "powder-special" style = "grid-column:2;grid-row:1">
<div class = "center" id = "powder-special">
<p class = "itemp Earth">
Quake
</p>
<p class = "Quake itemp" id = "Quake">
<b>
<button class = "button" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1')">
4
</button>
</b>
<b>
<button class = "button" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2')">
4.5
</button>
</b>
<b>
<button class = "button" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3')">
5
</button>
</b>
<b>
<button class = "button" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4')">
5.5
</button>
</b>
<b>
<button class = "button" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5')">
6
</button>
</b>
</p>
</div>
</div>
<div class = "powder-special" style = "grid-column:2;grid-row:2">
<div class = "center" id = "powder-special">
<p class = "itemp Thunder">
Chain Lightning
</p>
<p class = "Chain_Lightning itemp" id = "Chain_Lightning">
<b>
<button class = "button" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1')">
4
</button>
</b>
<b>
<button class = "button" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2')">
4.5
</button>
</b>
<b>
<button class = "button" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3')">
5
</button>
</b>
<b>
<button class = "button" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4')">
5.5
</button>
</b>
<b>
<button class = "button" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5')">
6
</button>
</b>
</p>
</div>
</div>
<div class = "powder-special" style = "grid-column:2;grid-row:3">
<div class = "center" id = "powder-special">
<p class = "itemp Water">
Curse
</p>
<p class = "Curse itemp" id = "Curse">
<b>
<button class = "button" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1')">
4
</button>
</b>
<b>
<button class = "button" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2')">
4.5
</button>
</b>
<b>
<button class = "button" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3')">
5
</button>
</b>
<b>
<button class = "button" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4')">
5.5
</button>
</b>
<b>
<button class = "button" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5')">
6
</button>
</b>
</p>
</div>
</div>
<div class = "powder-special" style = "grid-column:2;grid-row:4">
<div class = "center" id = "powder-special">
<p class = "itemp Fire">
Courage
</p>
<p class = "Courage itemp" id = "Courage">
<b>
<button class = "button" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1')">
4
</button>
</b>
<b>
<button class = "button" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2')">
4.5
</button>
</b>
<b>
<button class = "button" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3')">
5
</button>
</b>
<b>
<button class = "button" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4')">
5.5
</button>
</b>
<b>
<button class = "button" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5')">
6
</button>
</b>
</p>
</div>
</div>
<div class = "powder-special" style = "grid-column:2;grid-row:5">
<div class = "center" id = "powder-special">
<p class = "itemp Air">
Air Prison
</p>
<p class = "Air_Prison itemp" id = "Air_Prison">
<b>
<button class = "button" id = "Air_Prison-1" onclick = "updatePowderSpecials('Air_Prison-1')">
4
</button>
</b>
<b>
<button class = "button" id = "Air_Prison-2" onclick = "updatePowderSpecials('Air_Prison-2')">
4.5
</button>
</b>
<b>
<button class = "button" id = "Air_Prison-3" onclick = "updatePowderSpecials('Air_Prison-3')">
5
</button>
</b>
<b>
<button class = "button" id = "Air_Prison-4" onclick = "updatePowderSpecials('Air_Prison-4')">
5.5
</button>
</b>
<b>
<button class = "button" id = "Air_Prison-5" onclick = "updatePowderSpecials('Air_Prison-5')">
6
</button>
</b>
</p>
</div>
</div>
</div>
2021-01-13 03:14:00 +00:00
</div>
</div>
</div>
2021-01-09 22:38:19 +00:00
</div>
<div class="build-overall-container hide-container-block" style="display: none;">
2021-01-10 21:01:59 +00:00
<div class = "center build-overall" id = "build-overall">
2021-01-10 22:16:22 +00:00
<br/>
2021-01-10 21:01:59 +00:00
<div class = "center" id = "build-overall-stats"></div>
2021-01-06 12:48:41 +00:00
</div>
2021-01-10 21:01:59 +00:00
</div>
<div class="spell-info-container hide-container-block" style="display: none;">
<div class="spell-info">
2021-01-10 21:01:59 +00:00
<div class="center" id="build-melee-statsAvg">melee</div>
2021-01-06 12:48:41 +00:00
</div>
<div class="spell-info">
2021-01-10 21:01:59 +00:00
<div class="center" id="spell0-infoAvg">spell1</div>
2021-01-06 12:48:41 +00:00
</div>
<div class="spell-info">
2021-01-10 21:01:59 +00:00
<div class="center" id="spell1-infoAvg">spell2</div>
2021-01-06 12:48:41 +00:00
</div>
<div class="spell-info">
2021-01-10 21:01:59 +00:00
<div class="center" id="spell2-infoAvg">spell3</div>
2021-01-09 22:38:19 +00:00
</div>
<div class="spell-info">
2021-01-10 21:01:59 +00:00
<div class="center" id="spell3-infoAvg">spell4</div>
2021-01-09 22:38:19 +00:00
</div>
2021-01-11 07:05:23 +00:00
<div class="spell-info">
<div class="center" id="build-poison-stats">poison</div>
</div>
2021-01-06 12:48:41 +00:00
</div>
</div>
<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" class="skpLabel" id="str-skp-label">Strength:</label><br>
<input class="skp-input" type="string" id="str-skp" name="str-skp" value="0" class="skpInput"/>
2021-01-07 06:41:41 +00:00
</div>
<div id="str-skp-assign">
2021-01-09 11:21:46 +00:00
Manually Assigned: 0
</div>
2021-01-07 06:41:41 +00:00
<div id="str-skp-base">
Original Value: 0
</div>
<div id ="str-skp-pct">
</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" class="skpLabel" id="dex-skp-label">Dexterity:</label><br>
<input class="skp-input" type="string" id="dex-skp" name="dex-skp" value="0" class="skpInput"/>
2021-01-07 06:41:41 +00:00
</div>
<div id="dex-skp-assign">
2021-01-09 11:21:46 +00:00
Manually Assigned: 0
</div>
2021-01-07 06:41:41 +00:00
<div id="dex-skp-base">
Original Value: 0
</div>
<div id ="dex-skp-pct">
</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" class="skpLabel" id="int-skp-label">Intelligence:</label><br>
<input class="skp-input" type="string" id="int-skp" name="int-skp" value="0" class="skpInput"/>
2021-01-07 06:41:41 +00:00
</div>
<div id="int-skp-assign">
2021-01-09 11:21:46 +00:00
Manually Assigned: 0
</div>
2021-01-07 06:41:41 +00:00
<div id="int-skp-base">
Original Value: 0
</div>
<div id ="int-skp-pct">
</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" class="skpLabel" id="def-skp-label">Defense:</label><br>
<input class="skp-input" type="string" id="def-skp" name="def-skp" value="0" class="skpInput"/>
2021-01-07 06:41:41 +00:00
</div>
<div id="def-skp-assign">
2021-01-09 11:21:46 +00:00
Manually Assigned: 0
</div>
2021-01-07 06:41:41 +00:00
<div id="def-skp-base">
Original Value: 0
</div>
<div id ="def-skp-pct">
</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" class="skpLabel" id="agi-skp-label">Agility:</label><br>
<input class="skp-input" type="string" id="agi-skp" name="agi-skp" value="0" class="skpInput"/>
2021-01-07 06:41:41 +00:00
</div>
<div id="agi-skp-assign">
2021-01-09 11:21:46 +00:00
Manually Assigned: 0
</div>
2021-01-07 06:41:41 +00:00
<div id="agi-skp-base">
Original Value: 0
</div>
<div id ="agi-skp-pct">
</div>
2021-01-06 12:48:41 +00:00
</div>
</div>
2021-01-09 08:52:58 +00:00
<div class="center">
<button class = "button" id = "update-button" onclick = "updateStats()">
Update Stats
</button>
</div>
<div class = "build hide-container-grid" style="display: none;">
2021-01-11 12:09:58 +00:00
<div class = "center build-helmet" id = "build-helmet" style = "grid-item-1">
2021-01-07 08:11:54 +00:00
<div class = "center" id = "build-helmet-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-11 12:09:58 +00:00
<div class = "center build-chestplate" id = "build-chestplate" style = "grid-item-2">
2021-01-07 08:11:54 +00:00
<div class = "center" id = "build-chestplate-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-11 12:09:58 +00:00
<div class = "center build-leggings" id = "build-leggings" style = "grid-item-3">
2021-01-07 08:11:54 +00:00
<div class = "center" id = "build-leggings-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-11 12:09:58 +00:00
<div class = "center build-boots" id = "build-boots" style = "grid-item-4">
2021-01-07 08:11:54 +00:00
<div class = "center" id = "build-boots-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-11 12:09:58 +00:00
<div class = "center build-ring1" id = "build-ring1" style = "grid-item-5">
2021-01-07 08:11:54 +00:00
<div class = "center" id = "build-ring1-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-11 12:09:58 +00:00
<div class = "center build-ring2" id = "build-ring2" style = "grid-item-6">
2021-01-07 08:11:54 +00:00
<div class = "center" id = "build-ring2-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-11 12:09:58 +00:00
<div class = "center build-leggings" id = "build-bracelet" style = "grid-item-7">
2021-01-07 08:11:54 +00:00
<div class = "center" id = "build-bracelet-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-11 12:09:58 +00:00
<div class = "center build-boots" id = "build-necklace" style = "grid-item-8">
2021-01-07 08:11:54 +00:00
<div class = "center" id = "build-necklace-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-11 12:09:58 +00:00
<div class = "center build-weapon" id = "build-weapon" style = "grid-item-9">
2021-01-07 08:11:54 +00:00
<div class = "center" id = "build-weapon-stats"></div>
2021-01-07 00:04:16 +00:00
</div>
2021-01-11 12:09:58 +00:00
<div class = "center build-order" id = "build-order" style = "grid-item-10">
2021-01-09 23:30:05 +00:00
</div>
2021-01-11 12:09:58 +00:00
<div class = "center build-melee-stats" id = "build-melee-stats" style = "grid-item-11">
2021-01-10 10:02:23 +00:00
</div>
2021-01-11 12:09:58 +00:00
<div class = "center build-defense-stats" id = "build-defense-stats" style = "grid-item-12">
</div>
2021-01-07 00:04:16 +00:00
</div>
<div class = "spells hide-container-grid" style="display: none;">
2021-01-11 12:09:58 +00:00
<div class = "center spell-info" id = "spell0" style = "grid-item-1">
2021-01-09 08:52:58 +00:00
<!--div class = "center" id = "spell0-name">Spell 1</div-->
<div class = "center" id = "spell0-info">Spell 1</div>
</div>
2021-01-11 12:09:58 +00:00
<div class = "center spell-info" id = "spell1" style = "grid-item-2">
2021-01-09 08:52:58 +00:00
<!--div class = "center" id = "spell1-name">Spell 2</div-->
<div class = "center" id = "spell1-info">Spell 2</div>
</div>
2021-01-11 12:09:58 +00:00
<div class = "center spell-info" id = "spell2" style = "grid-item-3">
2021-01-09 08:52:58 +00:00
<!--div class = "center" id = "spell2-name">Spell 3</div-->
<div class = "center" id = "spell2-info">Spell 3</div>
</div>
2021-01-11 12:09:58 +00:00
<div class = "center spell-info" id = "spell3" style = "grid-item-4">
2021-01-09 08:52:58 +00:00
<!--div class = "center" id = "spell3-name">Spell 4</div-->
<div class = "center" id = "spell3-info">Spell 4</div>
</div>
</div>
2021-01-10 04:50:07 +00:00
<div class="misc">
<div class = "center set-info" id = "set-info-div" style = "grid-column:1;grid-row:1; display: none;">
2021-01-10 04:50:07 +00:00
<div class = "center" id = "set-info">Set info</div>
</div>
<div class = "center int-info" id = "int-info-div" style = "grid-column:4;grid-row:1;visibility:visible;">
<div class = "center" id = "int-info">Next Spell Costs</div>
</div>
2021-01-10 04:50:07 +00:00
</div>
<div class="center" id="header2">
<p>Made by <b class = "hppeng">hppeng</b> and <b class = "ferricles">ferricles</b> with Atlas Inc (JavaScript required to function, nothing works without js)</p>
<p>Hard refresh the page (Ctrl+Shift+R on windows/chrome) if it isn't updating correctly.</p>
</div>
<div class="center" id="credits">
<a href="credits.txt" class="link">Additional credits</a>
</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>
<script type="text/javascript" src="damage_calc.js"></script>
2021-01-07 22:44:52 +00:00
<script type="text/javascript" src="display.js"></script>
2021-01-07 00:08:19 +00:00
<script type="text/javascript" src="build.js"></script>
<script type="text/javascript" src="craft.js"></script>
2021-01-07 00:08:19 +00:00
<script type="text/javascript" src="load.js"></script>
2021-01-12 23:28:24 +00:00
<script type="text/javascript" src="builder.js"></script>
2021-01-06 12:48:41 +00:00
</body>
</html>