1266 lines
91 KiB
HTML
1266 lines
91 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="HandheldFriendly" content="true" />
|
|
<meta name="MobileOptimized" content="320" />
|
|
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" />
|
|
|
|
<!--OGP suite
|
|
<meta property="og:title" content="Wynnbuilder" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:image" content="https://wynnbuilder.github.io/media/icons/new/builder.png" />
|
|
<meta property="og:image:width" content="420" />
|
|
<meta property="og:image:height" content="420" />
|
|
<meta property="og:image:type" content="image/png" />
|
|
<meta property="og:description" id = "ogp-build-list" content = "">
|
|
<meta property="og:url" id = "ogp-url" content="" />
|
|
-->
|
|
|
|
<title>WynnBuilder</title>
|
|
<link rel="icon" href="../media/icons/new/builder.png" type="image/icon type">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=.45, user-scalable=no">
|
|
|
|
<!-- nunito font, copying wynnbuilder, which is copying wynndata -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@10.2.6/dist/css/autoComplete.min.css">
|
|
|
|
<link rel="stylesheet" href="../css/sq2bs.css">
|
|
<link rel="stylesheet" href="../css/sidebar.css">
|
|
<link rel="stylesheet" href="../css/wynnstyles.css">
|
|
</head>
|
|
<body class="text-light d-flex justify-content-center" id = "body">
|
|
<!-- hover tooltip stuff -->
|
|
|
|
<!-- main -->
|
|
<div id="main-sidebar" class="sidebar dark-7 dark-shadow">
|
|
<a href = ""><img src="../media/icons/new/builder.png" alt = "WynnBuilder" title = "WynnBuilder"><b>WynnBuilder</b></a>
|
|
<a href = "../crafter/"><img src = "../media/icons/new/crafter.png" alt = "WynnCrafter" title = "WynnCrafter"><b>WynnCrafter</b></a>
|
|
<a href = "../items/"><img src = "../media/icons/new/searcher.png" alt = "WynnAtlas" title = "WynnAtlas"><b>WynnAtlas</b></a>
|
|
<a href = "../custom/"><img src = "../media/icons/new/custom.png" alt = "WynnCustom" title = "WynnCustom"><b>WynnCustom</b></a>
|
|
<a href = "../map/"><img src = "../media/icons/new/compass.png" alt = "WynnGPS" title = "WynnGPS"><b>WynnGPS</b></a>
|
|
<a href = "../wynnfo/"><img src = "../media/icons/new/book.png" alt = "Wynnfo" title = "Wynnfo"><b>Wynnfo</b></a>
|
|
<a><img src="../media/icons/new/searcher.png" alt="" title="Item Search"><b>WynnAtlas Mini</b></a>
|
|
<a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
|
|
<hr/>
|
|
</div>
|
|
<div class="container py-5 vh-100 mx-0 mx-lg-auto">
|
|
<div class="col">
|
|
<div class="row h-100 gx-lg-5 gy-3 mx-2 mx-lg-0">
|
|
<div class="col-xl-6">
|
|
<div class="row row-cols-1 gy-5">
|
|
<div class="col">
|
|
<div class="row row-cols-1 row-cols-xl-2 rounded gy-4 gx-5 justify-content-center">
|
|
<div class="col-auto rounded order-xl-0 order-0">
|
|
<div class="row h-100 dark-shadow dark-6 rounded" id="helmet-dropdown">
|
|
<div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="helmet-img-loc">
|
|
<img id="helmet-img" class="img-fluid rounded" src="../media/items/new/generic-helmet.png">
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col text-nowrap scaled-font Health fw-bold gx-3" id="helmet-health">
|
|
0
|
|
</div>
|
|
<div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="helmet-lv">
|
|
0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col g-0 rounded">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="helmet-choice" name="helmet-choice" placeholder="No Helmet" value="" tabindex="1"/>
|
|
</div>
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="helmet-powder" name="helmet-powder" placeholder="powders" tabindex="1"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto rounded order-xl-0 order-1">
|
|
<div class="row h-100 dark-shadow dark-6 rounded" id="ring1-dropdown">
|
|
<div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="ring1-img-loc">
|
|
<img id="ring1-img" class="img-fluid rounded" src="../media/items/new/generic-ring.png">
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col text-nowrap scaled-font Health fw-bold gx-3" id="ring1-health">
|
|
0
|
|
</div>
|
|
<div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="ring1-lv">
|
|
0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col g-0 rounded">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="ring1-choice" name="ring1-choice" placeholder="No ring" value="" tabindex="2"/>
|
|
</div>
|
|
<div class="col d-flex justify-content-end" style="height: 100%;">
|
|
<!-- <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="ring1-powder" name="ring1-powder" placeholder="no powders" tabindex="2"/> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto rounded order-xl-0 order-0">
|
|
<div class="row h-100 dark-shadow dark-6 rounded" id="chestplate-dropdown">
|
|
<div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="chestplate-img-loc">
|
|
<img id="chestplate-img" class="img-fluid rounded" src="../media/items/new/generic-chestplate.png">
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col text-nowrap scaled-font Health fw-bold gx-3" id="chestplate-health">
|
|
0
|
|
</div>
|
|
<div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="chestplate-lv">
|
|
0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col g-0 rounded">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="chestplate-choice" name="chestplate-choice" placeholder="No chestplate" value="" tabindex="1"/>
|
|
</div>
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="chestplate-powder" name="chestplate-powder" placeholder="powders" tabindex="1"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto rounded order-xl-0 order-1">
|
|
<div class="row h-100 dark-shadow dark-6 rounded" id="ring2-dropdown">
|
|
<div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="ring2-img-loc">
|
|
<img id="ring2-img" class="img-fluid rounded" src="../media/items/new/generic-ring.png">
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col text-nowrap scaled-font Health fw-bold gx-3" id="ring2-health">
|
|
0
|
|
</div>
|
|
<div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="ring2-lv">
|
|
0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col g-0 rounded">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="ring2-choice" name="ring2-choice" placeholder="No ring" value="" tabindex="2"/>
|
|
</div>
|
|
<div class="col d-flex justify-content-end" style="height: 100%;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto rounded order-xl-0 order-0">
|
|
<div class="row h-100 dark-shadow dark-6 rounded" id="leggings-dropdown">
|
|
<div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="leggings-img-loc">
|
|
<img id="leggings-img" class="img-fluid rounded" src="../media/items/new/generic-leggings.png">
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col text-nowrap scaled-font Health fw-bold gx-3" id="leggings-health">
|
|
0
|
|
</div>
|
|
<div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="leggings-lv">
|
|
0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col g-0 rounded">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="leggings-choice" name="leggings-choice" placeholder="No leggings" value="" tabindex="1"/>
|
|
</div>
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="leggings-powder" name="leggings-powder" placeholder="no powders" tabindex="1"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto rounded order-xl-0 order-1">
|
|
<div class="row h-100 dark-shadow dark-6 rounded" id="bracelet-dropdown">
|
|
<div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="bracelet-img-loc">
|
|
<img id="bracelet-img" class="img-fluid rounded" src="../media/items/new/generic-bracelet.png">
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col text-nowrap scaled-font Health fw-bold gx-3" id="bracelet-health">
|
|
0
|
|
</div>
|
|
<div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="bracelet-lv">
|
|
0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col g-0 rounded">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="bracelet-choice" name="bracelet-choice" placeholder="No bracelet" value="" tabindex="2"/>
|
|
</div>
|
|
<div class="col d-flex justify-content-end" style="height: 100%;">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto rounded order-xl-0 order-0">
|
|
<div class="row h-100 dark-shadow dark-6 rounded" id="boots-dropdown">
|
|
<div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="boots-img-loc">
|
|
<img id="boots-img" class="img-fluid rounded" src="../media/items/new/generic-boots.png">
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col text-nowrap scaled-font Health fw-bold gx-3" id="boots-health">
|
|
0
|
|
</div>
|
|
<div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="boots-lv">
|
|
0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col g-0 rounded">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="boots-choice" name="boots-choice" placeholder="No boots" value="" tabindex="1"/>
|
|
</div>
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="boots-powder" name="boots-powder" placeholder="powders" tabindex="1"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto rounded order-xl-0 order-1">
|
|
<div class="row h-100 dark-shadow dark-6 rounded" id="necklace-dropdown">
|
|
<div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="necklace-img-loc">
|
|
<img id="necklace-img" class="img-fluid rounded" src="../media/items/new/generic-necklace.png">
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col text-nowrap scaled-font Health fw-bold gx-3" id="necklace-health">
|
|
0
|
|
</div>
|
|
<div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="necklace-lv">
|
|
0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col g-0 rounded">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="necklace-choice" name="necklace-choice" placeholder="No necklace" value="" tabindex="2"/>
|
|
</div>
|
|
<div class="col d-flex justify-content-end" style="height: 100%;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto rounded order-xl-0 order-1">
|
|
<div class="row h-100 dark-shadow dark-6 rounded" id='weapon-dropdown'>
|
|
<div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="weapon-img-loc">
|
|
<img id="weapon-img" class="img-fluid rounded" src="../media/items/new/generic-wand.png">
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col scaled-font fw-bold gx-3" id="weapon-dps">
|
|
base dps: 0
|
|
</div>
|
|
<div class="col text-nowrap scaled-font lvl fw-bold gx-3" id="weapon-lv">
|
|
0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col g-0 rounded">
|
|
<div class="row row-cols-1 h-100 align-items-center">
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="weapon-choice" name="weapon-choice" placeholder="No Weapon" value="" tabindex="2"/>
|
|
</div>
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" type="text" id="weapon-powder" name="weapon-powder" placeholder="powders" tabindex="2"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto rounded order-xl-0 order-1">
|
|
<div class="row h-100 dark-shadow dark-6 rounded">
|
|
<div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="weapon-img-loc">
|
|
<img class="img-fluid rounded" src="../media/icons/new/Gears.png">
|
|
</div>
|
|
<div class="col">
|
|
<div class="row align-items-center">
|
|
<div class="col-3 text-nowrap scaled-font">
|
|
Level:
|
|
</div>
|
|
<div class="col d-flex justify-content-end">
|
|
<input class="border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="level-choice" name="level-choice" value="106" placeholder="Build level" value="" tabindex="2"/>
|
|
</div>
|
|
</div>
|
|
<div class="row align-items-center">
|
|
<div class="col-auto px-1 text-nowrap scaled-font">
|
|
<button class="border-dark text-light dark-5 rounded scaled-font rounded" id=copy-button onclick="copyBuild()">Copy short</button>
|
|
</div>
|
|
<div class="col-auto px-1 text-nowrap scaled-font">
|
|
<button class="border-dark text-light dark-5 rounded scaled-font rounded" id=share-button onclick="shareBuild()">Copy for sharing</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row row-cols-1 gy-2 pb-3 rounded dark-5 dark-shadow">
|
|
<div class="col">
|
|
<div class="row row-cols-2 row-cols-xl-5 gy-2 justify-content-center">
|
|
<div class="col text-center gx-2">
|
|
<div class="rounded dark-6 dark-shadow-sm px-2">
|
|
<label for="str-skp" class="eDam skp-tooltip">Strength</label>
|
|
<input type="string" id="str-skp" name="str-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center rounded" tabindex="2"/>
|
|
<div id="str-skp-assign" class="skp-tooltip">
|
|
Assign: 0
|
|
</div>
|
|
<div id="str-skp-base" class="skp-tooltip">
|
|
Original: 0
|
|
</div>
|
|
<div id="str-skp-pct" class="skp-tooltip">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col text-center gx-2">
|
|
<div class="rounded dark-6 dark-shadow-sm px-2">
|
|
<label for="dex-skp" class="tDam skp-tooltip">Dexterity</label>
|
|
<input type="string" id="dex-skp" name="dex-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center rounded" tabindex="2"/>
|
|
<div id="dex-skp-assign" class="skp-tooltip">
|
|
Assign: 0
|
|
</div>
|
|
<div id="dex-skp-base" class="skp-tooltip">
|
|
Original: 0
|
|
</div>
|
|
<div id ="dex-skp-pct" class="skp-tooltip">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col text-center gx-2">
|
|
<div class="rounded dark-6 dark-shadow-sm px-2">
|
|
<label for="int-skp" class="wDam skp-tooltip text-nowrap">Intelligence</label>
|
|
<input type="string" id="int-skp" name="int-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center rounded" tabindex="2"/>
|
|
<div id="int-skp-assign" class="skp-tooltip">
|
|
Assign: 0
|
|
</div>
|
|
<div id="int-skp-base" class="skp-tooltip">
|
|
Original: 0
|
|
</div>
|
|
<div id ="int-skp-pct" class="skp-tooltip">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col text-center gx-2">
|
|
<div class="rounded dark-6 dark-shadow-sm px-2">
|
|
<label for="def-skp" class="fDam skp-tooltip">Defense</label>
|
|
<input type="string" id="def-skp" name="def-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center rounded" tabindex="2"/>
|
|
<div id="def-skp-assign" class="skp-tooltip">
|
|
Assign: 0
|
|
</div>
|
|
<div id="def-skp-base" class="skp-tooltip">
|
|
Original: 0
|
|
</div>
|
|
<div id ="def-skp-pct" class="skp-tooltip">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col text-center gx-2">
|
|
<div class="rounded dark-6 dark-shadow-sm px-2">
|
|
<label for="agi-skp" class="aDam skp-tooltip">Agility</label>
|
|
<input type="string" id="agi-skp" name="agi-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center rounded" tabindex="2"/>
|
|
<div id="agi-skp-assign" class="skp-tooltip">
|
|
Assign: 0
|
|
</div>
|
|
<div id="agi-skp-base" class="skp-tooltip">
|
|
Original: 0
|
|
</div>
|
|
<div id ="agi-skp-pct" class="skp-tooltip">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col text-center">
|
|
<div id="summary-box"></div>
|
|
<div id="str-warnings"></div>
|
|
<div id="dex-warnings"></div>
|
|
<div id="int-warnings"></div>
|
|
<div id="def-warnings"></div>
|
|
<div id="agi-warnings"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col mb-5">
|
|
<div class="row row-cols-1 gy-3">
|
|
<div class="col">
|
|
<div class="row row-cols-1 row-cols-1 text-center scaled-font dark-5 rounded dark-shadow">
|
|
<div class="col fw-bold dark-4 rounded-top">
|
|
Active boosts
|
|
</div>
|
|
<div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
|
|
<div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
|
|
<div class="col-auto p-1">
|
|
<button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="vanish-boost" onclick="updateBoosts('vanish-boost', true)">
|
|
Vanish (+80%)
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="warscream-boost" onclick="updateBoosts('warscream-boost', true)">
|
|
War Scream (+10%)
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="yourtotem-boost" onclick="updateBoosts('yourtotem-boost', true)">
|
|
Your Totem (+35%)
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="allytotem-boost" onclick="updateBoosts('allytotem-boost', true)">
|
|
Ally Totem (+15%)
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class="button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id="bash-boost" onclick="updateBoosts('bash-boost', true)">
|
|
Bash (+50%)
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row row-cols-1 rounded text-center dark-5 scaled-font">
|
|
<div class="col">
|
|
<div class="row text-nowrap">
|
|
<div id = "str-boost-tab" class="col eDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('str')">
|
|
Earth
|
|
</div>
|
|
<div id = "dex-boost-tab" class="col tDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('dex')">
|
|
Thunder
|
|
</div>
|
|
<div id = "int-boost-tab" class="col wDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('int')">
|
|
Water
|
|
</div>
|
|
<div id = "def-boost-tab" class="col fDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('def')">
|
|
Fire
|
|
</div>
|
|
<div id = "agi-boost-tab" class="col aDam dark-4u fake-button elem-boost" onclick="toggle_boost_tab('agi')">
|
|
Air
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col" id="str-boost" style="display: none;">
|
|
<div class="row row-cols-1">
|
|
<div class="col eDam dark-5">
|
|
Quake (Active)
|
|
</div>
|
|
<div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
|
|
<div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1', true)">
|
|
Lv.4 [e4e4]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2', true)">
|
|
Lv.4.5 [e5e4]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3', true)">
|
|
Lv.5 [e5e5]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4', true)">
|
|
Lv.5.5 [e6e5]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5', true)">
|
|
Lv.6 [e6e6]
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col eDam">
|
|
Rage (Passive)
|
|
</div>
|
|
<div class="col">
|
|
<input type = "range" class = "e_slider" id = "str_boost_armor" name = "str-boost-armor" autocomplete = "off" min = '0' max = '400' value = '0' step = '1' onchange = "updateArmorPowderSpecials('str_boost_armor')">
|
|
<input type="text" id="str_boost_armor_prev" autocomplete = "off" value="0" style = "display:none;">
|
|
<label id = "str_boost_armor_label" for="str-boost-armor">% Earth Dmg Boost: 0</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col" id="dex-boost" style="display: none;">
|
|
<div class="row row-cols-1">
|
|
<div class="col tDam dark-5">
|
|
Chain Lightning (Active)
|
|
</div>
|
|
<div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
|
|
<div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1', true)">
|
|
Lv.4 [t4t4]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2', true)">
|
|
Lv.4.5 [t5t4]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3', true)">
|
|
Lv.5 [t5t5]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4', true)">
|
|
Lv.5.5 [t6t5]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5', true)">
|
|
Lv.6 [t6t6]
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col tDam">
|
|
Kill Streak (Passive)
|
|
</div>
|
|
<div class="col">
|
|
<input type = "range" class = "t_slider" id = "dex_boost_armor" name = "dex-boost-armor" autocomplete = "off" min = '0' max = '200' value = '0' step = '1' onchange = "updateArmorPowderSpecials('dex_boost_armor')">
|
|
<input type="text" id="dex_boost_armor_prev" autocomplete = "off" value="0" style = "display:none;">
|
|
<label id = "dex_boost_armor_label" for="dex-boost-armor">% Thunder Dmg Boost: 0</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col" id="int-boost">
|
|
<div class="row row-cols-1">
|
|
<div class="col wDam dark-5">
|
|
Curse (Active)
|
|
</div>
|
|
<div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
|
|
<div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1', true)">
|
|
Lv.4 [w4w4]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2', true)">
|
|
Lv.4.5 [w5w4]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3', true)">
|
|
Lv.5 [w5w5]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4', true)">
|
|
Lv.5.5 [w6w5]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5', true)">
|
|
Lv.6 [w6w6]
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col wDam">
|
|
Concentration (Passive)
|
|
</div>
|
|
<div class="col">
|
|
<input type = "range" class = "w_slider" id = "int_boost_armor" name = "dex-boost-armor" autocomplete = "off" min = '0' max = '150' value = '0' step = '1' onchange = "updateArmorPowderSpecials('int_boost_armor')">
|
|
<input type="text" id="int_boost_armor_prev" autocomplete = "off" value="0" style = "display:none;">
|
|
<label id = "int_boost_armor_label" for="dex-boost-armor">% Water Dmg Boost: 0</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col" id="def-boost" style="display: none;">
|
|
<div class="row row-cols-1">
|
|
<div class="col fDam dark-5">
|
|
Courage (Active)
|
|
</div>
|
|
<div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
|
|
<div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1', true)">
|
|
Lv.4 [f4f4]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2', true)">
|
|
Lv.4.5 [f5f4]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3', true)">
|
|
Lv.5 [f5f5]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4', true)">
|
|
Lv.5.5 [f6f5]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5', true)">
|
|
Lv.6 [f6f6]
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col fDam">
|
|
Endurance (Passive)
|
|
</div>
|
|
<div class="col">
|
|
<input type = "range" class = "f_slider" id = "def_boost_armor" name = "def-boost-armor" autocomplete = "off" min = '0' max = '200' value = '0' step = '1' onchange = "updateArmorPowderSpecials('def_boost_armor')">
|
|
<input type="text" id="def_boost_armor_prev" autocomplete = "off" value="0" style = "display:none;">
|
|
<label id = "def_boost_armor_label" for="def-boost-armor">% Fire Dmg Boost: 0</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col" id="agi-boost" style="display: none;">
|
|
<div class="row row-cols-1">
|
|
<div class="col aDam dark-5">
|
|
Wind Prison (Active)
|
|
</div>
|
|
<div class="col skp-tooltip dark-6 rounded-bottom my-3 my-xl-1">
|
|
<div class="row row-cols-2 row-cols-xl-0 text-nowrap justify-content-center">
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-1" onclick = "updatePowderSpecials('Wind_Prison-1', true)">
|
|
Lv.4 [a4a4]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-2" onclick = "updatePowderSpecials('Wind_Prison-2', true)">
|
|
Lv.4.5 [a5a4]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-3" onclick = "updatePowderSpecials('Wind_Prison-3', true)">
|
|
Lv.5 [a5a5]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-4" onclick = "updatePowderSpecials('Wind_Prison-4', true)">
|
|
Lv.5.5 [a6a5]
|
|
</button>
|
|
</div>
|
|
<div class="col-auto p-1">
|
|
<button class = "button-boost w-100 border-0 text-white dark-8u dark-shadow-sm" id = "Wind_Prison-5" onclick = "updatePowderSpecials('Wind_Prison-5', true)">
|
|
Lv.6 [a6a6]
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col aDam">
|
|
Dodge (Passive)
|
|
</div>
|
|
<div class="col">
|
|
<input type = "range" class = "a_slider" id = "agi_boost_armor" name = "agi-boost-armor" autocomplete = "off" min = '0' max = '150' value = '0' step = '1' onchange = "updateArmorPowderSpecials('agi_boost_armor')">
|
|
<input type="text" id="agi_boost_armor_prev" autocomplete = "off" value="0" style = "display:none;">
|
|
<label id = "agi_boost_armor_label" for="agi-boost-armor">% Air Dmg Boost: 0</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3">
|
|
<div class="row row-cols-1 rounded dark-shadow dark-6 scaled-font">
|
|
<div class="col rounded-top">
|
|
<div class="row">
|
|
<div id="tab-offensive-btn" class="col-4 text-center fake-button border-bottom border-dark rounded-top dark-4u border border-2 border-dark-7" onclick="show_tab('offensive-stats')">
|
|
Offense
|
|
</div>
|
|
<div id="tab-defensive-btn" class="col-4 text-center fake-button border-bottom border-dark rounded-top dark-4u border border-2 border-dark-7" onclick="show_tab('defensive-stats')">
|
|
Defense
|
|
</div>
|
|
<div id="tab-overall-btn" class="col-4 text-center fake-button border-bottom border-dark rounded-top dark-4u border border-2 border-dark-7 selected-btn" onclick="show_tab('overall-stats')">
|
|
Overall
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="display: none;" id="offensive-stats" class="col text-nowrap"></div>
|
|
<div style="display: none;" id="defensive-stats" class="col text-nowrap"></div>
|
|
<div id="overall-stats" class="col text-nowrap"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3">
|
|
<div class="row row-cols-1 gy-3 mb-4 text-center scaled-font">
|
|
<div class="col">
|
|
<div class="spell-display dark-5 rounded dark-shadow py-2 border border-dark" id="build-melee-statsAvg">melee</div>
|
|
<div class = "spell-display dark-5 rounded-bottom py-2 dark-shadow" id = "build-melee-stats" style="display: none;"></div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="spell-display dark-5 rounded dark-shadow py-2 border border-dark" id="build-poison-stats">poison</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="spell-display spell-expand dark-5 rounded dark-shadow py-2 border border-dark" id="spell0-infoAvg">spell1</div>
|
|
<div class = "spell-display dark-5 rounded dark-shadow py-2" id = "spell0-info" style="display: none;">Spell 1</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="spell-display spell-expand dark-5 rounded dark-shadow py-2 border border-dark" id="spell1-infoAvg">spell2</div>
|
|
<div class = "spell-display dark-5 rounded dark-shadow py-2" id = "spell1-info" style="display: none;">Spell 2</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="spell-display spell-expand dark-5 rounded dark-shadow py-2 border border-dark" id="spell2-infoAvg">spell3</div>
|
|
<div class = "spell-display dark-5 rounded dark-shadow py-2" id = "spell2-info" style="display: none;">Spell 3</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="spell-display spell-expand dark-5 rounded dark-shadow py-2 border border-dark" id="spell3-infoAvg">spell4</div>
|
|
<div class = "spell-display dark-5 rounded dark-shadow py-2" id = "spell3-info" style="display: none;">Spell 4</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="spell-display dark-5 rounded dark-shadow py-2 border border-dark" id = "powder-special-stats"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col" id="masonry-container">
|
|
<div id="helmet-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
|
|
</div>
|
|
<div id="chestplate-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
|
|
</div>
|
|
<div id="leggings-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
|
|
</div>
|
|
<div id="boots-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
|
|
</div>
|
|
<div id="ring1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
|
|
</div>
|
|
<div id="ring2-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
|
|
</div>
|
|
<div id="bracelet-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
|
|
</div>
|
|
<div id="necklace-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
|
|
</div>
|
|
<div id="weapon-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
|
|
</div>
|
|
<div class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3" id = "build-order">
|
|
</div>
|
|
<div class = "rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark p-3" id = "set-info"></div>
|
|
</div>
|
|
<div class="col dark-5 scaled-font">
|
|
<footer class="text-center">
|
|
<div id="header2">
|
|
<p>Made by <b class = "hppeng">hppeng</b> and <b class = "ferricles">ferricles</b> with <a href = "../atlas" target = "_blank" class = "atlas link">Atlas Inc</a> (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 id="credits">
|
|
<a href="credits.txt" class="link">Additional credits</a>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
<div class="container h-75 mx-0 mx-lg-auto dark-2 border border-4 scaled-font align-self-center" style="position: fixed; z-index: 2; overflow: auto; display: none;" id="search-container">
|
|
<div class="row justify-content-end">
|
|
<div class="col-auto">
|
|
<button type="button" class="btn-close btn-close-white" aria-label="Close" onclick="document.querySelector('#search-container').style.display = 'none';"></button>
|
|
</div>
|
|
</div>
|
|
<div class="row row-cols-1 justify-content-center">
|
|
<div class="col-8 dark-5 p-2 dark-shadow rounded-top">
|
|
<div class="row row-cols-1 row-cols-xl-4 justify-content-center">
|
|
<div class="col-auto">
|
|
<label for="name-choice">Name:</label>
|
|
<input class="search-field" type="text" id="name-choice" name="name-choice" placeholder="Name" oninput="doSearchSchedule();"/>
|
|
</div>
|
|
<div class="col-auto">
|
|
<label for="category-choice">Category:</label>
|
|
<input class="search-field" id="category-choice" name="category-choice" placeholder="Category"/>
|
|
</div>
|
|
<div class="col-auto">
|
|
<label for="rarity-choice">Rarity:</label>
|
|
<input class="search-field" id="rarity-choice" name="rarity-choice" placeholder="Rarity"/>
|
|
</div>
|
|
<div class="col-auto">
|
|
<label for="level-choice">Level:</label>
|
|
<input class="search-field" type="text" id="level-choice" name="level-choice" placeholder="1-106"/>
|
|
</div>
|
|
</div>
|
|
<div class="row row-cols-1 row-cols-xl-4 justify-content-center mt-1">
|
|
<div class="col-auto" id="filter1-dropdown">
|
|
<label for="filter1-choice">Filter 1:</label>
|
|
<input class="search-field" list="filter-items" id="filter1-choice" name="filter1-choice" placeholder="Filter"/>
|
|
</div>
|
|
<div class="col-auto" id="filter2-dropdown">
|
|
<label for="filter2-choice">Filter 2:</label>
|
|
<input class="search-field" list="filter-items" id="filter2-choice" name="filter2-choice" placeholder="Filter"/>
|
|
</div>
|
|
<div class="col-auto" id="filter3-dropdown">
|
|
<label for="filter3-choice">Filter 3:</label>
|
|
<input class="search-field" list="filter-items" id="filter3-choice" name="filter3-choice" placeholder="Filter"/>
|
|
</div>
|
|
<div class="col-auto" id="filter4-dropdown">
|
|
<label for="filter4-choice">Filter 4:</label>
|
|
<input class="search-field" list="filter-items" id="filter4-choice" name="filter4-choice" placeholder="Filter"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col p-4">
|
|
<div class="row justify-content-center" id="summary"></div>
|
|
</div>
|
|
<div class="col p-4">
|
|
<div class="row justify-content-center" id="search-results"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--div id="drag-edit-ids" style="display: none;">
|
|
<div class="id-box fade-in" id="id-edit" style="display: none">
|
|
<div class="id-edit1">
|
|
<table>
|
|
<tr>
|
|
<th colspan="5">
|
|
<h1>Damage values:</h1>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="sdPct" class="idLabel" id="sdPct-label">Spell Dmg %:</label><br>
|
|
<input type="number" id="sdPct" name="sdPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="sdPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="sdRaw" class="idLabel" id="sdRaw-label">Raw Spell:</label><br>
|
|
<input type="number" id="sdRaw" name="sdRaw" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="sdRaw-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="mdPct" class="idLabel" id="mdPct-label">Melee Dmg %:</label><br>
|
|
<input type="number" id="mdPct" name="mdPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="mdPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="mdRaw" class="idLabel" id="mdRaw-label">Raw Melee:</label><br>
|
|
<input type="number" id="mdRaw" name="mdRaw" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="mdRaw-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="poison" class="idLabel" id="poison-label">Poison:</label><br>
|
|
<input type="number" id="poison" name="poison" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="poison-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="eDamPct" class="idLabel Earth" id="eDamPct-label">Damage %:</label><br>
|
|
<input type="number" id="eDamPct" name="eDamPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="eDamPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="tDamPct" class="idLabel Thunder" id="tDamPct-label">Damage %:</label><br>
|
|
<input type="number" id="tDamPct" name="tDamPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="tDamPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="wDamPct" class="idLabel Water" id="wDamPct-label">Damage %:</label><br>
|
|
<input type="number" id="wDamPct" name="wDamPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="wDamPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="fDamPct" class="idLabel Fire" id="fDamPct-label">Damage %:</label><br>
|
|
<input type="number" id="fDamPct" name="fDamPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="fDamPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="aDamPct" class="idLabel Air" id="aDamPct-label">Damage %:</label><br>
|
|
<input type="number" id="aDamPct" name="aDamPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="aDamPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="atkTier" class="idLabel" id="atkTier-label">+Tier:</label><br>
|
|
<input type="number" id="atkTier" name="atkTier" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="atkTier-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="id-edit1">
|
|
<table>
|
|
<tr>
|
|
<th colspan="5">
|
|
<h1>Defense values:</h1>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="eDefPct" class="idLabel Earth" id="eDefPct-label">Defense %:</label><br>
|
|
<input type="number" id="eDefPct" name="eDefPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="eDefPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="tDefPct" class="idLabel Thunder" id="tDefPct-label">Defense %:</label><br>
|
|
<input type="number" id="tDefPct" name="tDefPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="tDefPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="wDefPct" class="idLabel Water" id="wDefPct-label">Defense %:</label><br>
|
|
<input type="number" id="wDefPct" name="wDefPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="wDefPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="fDefPct" class="idLabel Fire" id="fDefPct-label">Defense %:</label><br>
|
|
<input type="number" id="fDefPct" name="fDefPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="fDefPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="aDefPct" class="idLabel Air" id="aDefPct-label">Defense %:</label><br>
|
|
<input type="number" id="aDefPct" name="aDefPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="aDefPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="hprRaw" class="idLabel" id="hprRaw-label">HPR Raw:</label><br>
|
|
<input type="number" id="hprRaw" name="hprRaw" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="hprRaw-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="hprPct" class="idLabel" id="hprPct-label">HPR %:</label><br>
|
|
<input type="number" id="hprPct" name="hprPct" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="hprPct-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="hpBonus" class="idLabel" id="hpBonus-label">Health Bonus:</label><br>
|
|
<input type="number" id="hpBonus" name="hpBonus" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="hpBonus-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="id-edit1">
|
|
<table>
|
|
<tr>
|
|
<th colspan="5">
|
|
<h1>Utility values:</h1>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="spPct1" class="idLabel" id="spPct1-label">1st Spell Cost %:</label><br>
|
|
<input type="number" id="spPct1" name="spPct1" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="spPct1-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="spPct2" class="idLabel" id="spPct2-label">2nd Spell Cost %:</label><br>
|
|
<input type="number" id="spPct2" name="spPct2" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="spPct2-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="spPct3" class="idLabel" id="spPct3-label">3rd Spell Cost %:</label><br>
|
|
<input type="number" id="spPct3" name="spPct3" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="spPct3-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="spPct4" class="idLabel" id="spPct4-label">4th Spell Cost %:</label><br>
|
|
<input type="number" id="spPct4" name="spPct4" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="spPct4-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="spRaw1" class="idLabel" id="spRaw1-label">1st Spell Cost Raw:</label><br>
|
|
<input type="number" id="spRaw1" name="spRaw1" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="spRaw1-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="spRaw2" class="idLabel" id="spRaw2-label">2nd Spell Cost Raw:</label><br>
|
|
<input type="number" id="spRaw2" name="spRaw2" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="spRaw2-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="spRaw3" class="idLabel" id="spRaw3-label">3rd Spell Cost Raw:</label><br>
|
|
<input type="number" id="spRaw3" name="spRaw3" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="spRaw3-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="idLeft">
|
|
<div class="idWrap">
|
|
<div>
|
|
<label for="spRaw4" class="idLabel" id="spRaw4-label">4th Spell Cost Raw:</label><br>
|
|
<input type="number" id="spRaw4" name="spRaw4" value="0" class="idInput"/>
|
|
</div>
|
|
<div id="spRaw4-base" class="idDesc">
|
|
Original Value: 0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div-->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@10.2.6/dist/autoComplete.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/macy@2"></script>
|
|
<script type="text/javascript" src="../js/utils.js"></script>
|
|
<script type="text/javascript" src="../js/build_utils.js"></script>
|
|
<!-- <script type="text/javascript" src="../js/icons.js"></script> -->
|
|
<script type="text/javascript" src="../js/sq2icons.js"></script>
|
|
<script type="text/javascript" src="../js/powders.js"></script>
|
|
<script type="text/javascript" src="../js/skillpoints.js"></script>
|
|
<script type="text/javascript" src="../js/damage_calc.js"></script>
|
|
|
|
<script type="text/javascript" src="../js/display_constants.js"></script>
|
|
<script type="text/javascript" src="../js/sq2display_constants.js"></script>
|
|
|
|
<script type="text/javascript" src="../js/display.js"></script>
|
|
<script type="text/javascript" src="../js/sq2display.js"></script>
|
|
|
|
<script type="text/javascript" src="../js/query.js"></script>
|
|
<script type="text/javascript" src="../js/query_2.js"></script>
|
|
<script type="text/javascript" src="../js/load.js"></script>
|
|
<script type="text/javascript" src="../js/load_ing.js"></script>
|
|
<script type="text/javascript" src="../js/custom.js"></script>
|
|
<script type="text/javascript" src="../js/craft.js"></script>
|
|
<script type="text/javascript" src="../js/sq2build.js"></script>
|
|
<script type="text/javascript" src="../js/sq2builder.js"></script>
|
|
<script type="text/javascript" src="../js/expr_parser.js"></script>
|
|
<script type="text/javascript" src="../js/items.js"></script>
|
|
<script type="text/javascript" src="../js/sq2items.js"></script>
|
|
<script type="text/javascript" src="../js/sq2bs.js"></script>
|
|
|
|
</body>
|
|
</html>
|