refactored optimizer to use article
This commit is contained in:
parent
bfed4fa021
commit
0cc9889f42
@ -27,7 +27,7 @@
|
|||||||
|
|
||||||
<main>
|
<main>
|
||||||
<div class="cards">
|
<div class="cards">
|
||||||
<article class="card">
|
<article>
|
||||||
<a href="/planner.html">
|
<a href="/planner.html">
|
||||||
<h3>Build Planner</h3>
|
<h3>Build Planner</h3>
|
||||||
<br>
|
<br>
|
||||||
@ -35,7 +35,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="card">
|
<article>
|
||||||
<a href="/optimizer.html">
|
<a href="/optimizer.html">
|
||||||
<h3>Class Optimizer</h3>
|
<h3>Class Optimizer</h3>
|
||||||
<br>
|
<br>
|
||||||
@ -43,7 +43,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="card">
|
<article>
|
||||||
<a href="/attack.html">
|
<a href="/attack.html">
|
||||||
<h3>Attack Rating Calculator</h3>
|
<h3>Attack Rating Calculator</h3>
|
||||||
<br>
|
<br>
|
||||||
@ -51,7 +51,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="card">
|
<article>
|
||||||
<a href="/censor.html">
|
<a href="/censor.html">
|
||||||
<h3>Censor Checker</h3>
|
<h3>Censor Checker</h3>
|
||||||
<br>
|
<br>
|
||||||
@ -59,7 +59,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="card">
|
<article>
|
||||||
<a href="/armor.html">
|
<a href="/armor.html">
|
||||||
<h3>Armor Optimizer</h3>
|
<h3>Armor Optimizer</h3>
|
||||||
<br>
|
<br>
|
||||||
@ -67,7 +67,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="card">
|
<article>
|
||||||
<a href="/finder.html">
|
<a href="/finder.html">
|
||||||
<h3>Weapon Finder</h3>
|
<h3>Weapon Finder</h3>
|
||||||
<br>
|
<br>
|
||||||
|
@ -29,285 +29,315 @@
|
|||||||
|
|
||||||
<main>
|
<main>
|
||||||
<div class="app">
|
<div class="app">
|
||||||
<ul id="class-options">
|
<!-- class options -->
|
||||||
|
<article id="class-options">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<label><b>Class</b></label>
|
||||||
|
<input id="best-class" type="text" disabled>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<li><b>Options</b></li>
|
||||||
|
|
||||||
|
<li name="option">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</li>
|
||||||
|
<li name="option">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</li>
|
||||||
|
<li name="option">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</li>
|
||||||
|
<li name="option">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</li>
|
||||||
|
<li name="option">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</li>
|
||||||
|
<li name="option">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</li>
|
||||||
|
<li name="option">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</li>
|
||||||
|
<li name="option">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</li>
|
||||||
|
<li name="option">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</li>
|
||||||
|
<li name="option">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- stats -->
|
||||||
|
<article>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<label>
|
||||||
|
<b>Level</b>
|
||||||
|
</label>
|
||||||
|
<div>
|
||||||
|
<input class="stat" type="text" id="class-level" oninput="update()" disabled>
|
||||||
|
<input class="stat" type="text" id="total-level" oninput="update()" disabled>
|
||||||
|
<input class="stat" type="text" id="virtual-level" oninput="update()" disabled>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<label>Vigor</label>
|
||||||
|
<div>
|
||||||
|
<input name="class-stat" class="stat" type="text" id="class-vigor" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
<input name="desired-stat" class="stat" type="number" id="vigor" oninput="update()" min=0
|
||||||
|
max=99 maxLength=2>
|
||||||
|
<input name="virtual-stat" class="stat" type="text" id="virtual-vigor" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label>Mind</label>
|
||||||
|
<div>
|
||||||
|
<input name="class-stat" class="stat" type="text" id="class-mind" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
<input name="desired-stat" class="stat" type="number" id="mind" oninput="update()" min=0
|
||||||
|
max=99>
|
||||||
|
<input name="virtual-stat" class="stat" type="text" id="virtual-mind" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label>Endurance</label>
|
||||||
|
<div>
|
||||||
|
<input name="class-stat" class="stat" type="text" id="class-endurance" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
<input name="desired-stat" class="stat" type="number" id="endurance" oninput="update()"
|
||||||
|
min=0 max=99>
|
||||||
|
<input name="virtual-stat" class="stat" type="text" id="virtal-endurance" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label>Strength</label>
|
||||||
|
<div>
|
||||||
|
<input name="class-stat" class="stat" type="text" id="class-strength" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
<input name="desired-stat" class="stat" type="number" id="strength" oninput="update()" min=0
|
||||||
|
max=99>
|
||||||
|
<input name="virtual-stat" class="stat" type="text" id="virtual-strength" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label>Dexterity</label>
|
||||||
|
<div>
|
||||||
|
<input name="class-stat" class="stat" type="text" id="class-dexterity" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
<input name="desired-stat" class="stat" type="number" id="dexterity" oninput="update()"
|
||||||
|
min=0 max=99>
|
||||||
|
<input name="virtual-stat" class="stat" type="text" id="virtual-dexterity"
|
||||||
|
oninput="update()" disabled>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label>Intelligence</label>
|
||||||
|
<div>
|
||||||
|
<input name="class-stat" class="stat" type="text" id="class-intelligence" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
<input name="desired-stat" class="stat" type="number" id="intelligence" oninput="update()"
|
||||||
|
min=0 max=99>
|
||||||
|
<input name="virtual-stat" class="stat" type="text" id="virtual-intelligence"
|
||||||
|
oninput="update()" disabled>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label>Faith</label>
|
||||||
|
<div>
|
||||||
|
<input name="class-stat" class="stat" type="text" id="class-faith" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
<input name="desired-stat" class="stat" type="number" id="faith" oninput="update()" min=0
|
||||||
|
max=99>
|
||||||
|
<input name="virtual-stat" class="stat" type="text" id="virtual-faith" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label>Arcane</label>
|
||||||
|
<div>
|
||||||
|
<input name="class-stat" class="stat" type="text" id="class-arcane" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
<input name="desired-stat" class="stat" type="number" id="arcane" oninput="update()" min=0
|
||||||
|
max=99>
|
||||||
|
<input name="virtual-stat" class="stat" type="text" id="virtual-arcane" oninput="update()"
|
||||||
|
disabled>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button onclick="clearDesired()">Clear All</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- talismans -->
|
||||||
|
<article>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<b>Talismans</b>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" id="radagon-soreseal" oninput="talisman()" name="talisman">
|
||||||
|
<label for="radagon-soreseal">Radagon's Soreseal</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" id="marika-soreseal" oninput="talisman()" name="talisman">
|
||||||
|
<label for="marika-soreseal">Marika's Soreseal</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" id="dexterity-talisman" oninput="talisman()" name="talisman">
|
||||||
|
<label for="dexterity-talisman">Prosthesis-Wearer Heirloom</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" id="intelligence-talisman" oninput="talisman()" name="talisman">
|
||||||
|
<label for="intelligence-talisman">Stargazer Heirloom</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" id="strength-talisman" oninput="talisman()" name="talisman">
|
||||||
|
<label for="strength-talisman">Starscourge Heirloom</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" id="faith-talisman" oninput="talisman()" name="talisman">
|
||||||
|
<label for="faith-talisman">Two Fingers Heirloom</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" id="millicent" oninput="talisman()" name="talisman">
|
||||||
|
<label for="millicent">Millicent's Prosthesis</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- equipment -->
|
||||||
|
<article>
|
||||||
<li>
|
<li>
|
||||||
<label><b>Class</b></label>
|
<b>Equipment</b>
|
||||||
<input id="best-class" type="text" disabled>
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
<li><b>Options</b></li>
|
<details>
|
||||||
|
<summary>Helms</summary>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="albinauric" oninput="update()" name="helm">
|
||||||
|
<label for="albinauric">Albinauric Mask</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="crimson" oninput="update()" name="helm">
|
||||||
|
<label for="crimson">Crimson Hood</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="navy" oninput="update()" name="helm">
|
||||||
|
<label for="navy">Navy Hood</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="haligtree" oninput="update()" name="helm">
|
||||||
|
<label for="haligtree">Haligtree Helm</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="mask-of-confidence" oninput="update()" name="helm">
|
||||||
|
<label for="mask-of-confidence">Mask of Confidence</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="imp-cat" oninput="update()" name="helm">
|
||||||
|
<label for="imp-cat">Imp Head (Cat)</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="imp-corpse" oninput="update()" name="helm">
|
||||||
|
<label for="imp-corpse">Imp Head (Corpse)</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="imp-elder" oninput="update()" name="helm">
|
||||||
|
<label for="imp-elder">Imp Head (Elder)</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="imp-fanged" oninput="update()" name="helm">
|
||||||
|
<label for="imp-fanged">Imp Head (Fanged)</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="imp-long-tongued" oninput="update()" name="helm">
|
||||||
|
<label for="imp-long-tongued">Imp Head (Long-Tongued)</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="imp-wolf" oninput="update()" name="helm">
|
||||||
|
<label for="imp-wolf">Imp Head (Wolf)</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</details>
|
||||||
|
|
||||||
<li name="option">
|
<details>
|
||||||
<div></div>
|
<summary>Chest Armor</summary>
|
||||||
<div></div>
|
</details>
|
||||||
</li>
|
|
||||||
<li name="option">
|
|
||||||
<div></div>
|
|
||||||
<div></div>
|
|
||||||
</li>
|
|
||||||
<li name="option">
|
|
||||||
<div></div>
|
|
||||||
<div></div>
|
|
||||||
</li>
|
|
||||||
<li name="option">
|
|
||||||
<div></div>
|
|
||||||
<div></div>
|
|
||||||
</li>
|
|
||||||
<li name="option">
|
|
||||||
<div></div>
|
|
||||||
<div></div>
|
|
||||||
</li>
|
|
||||||
<li name="option">
|
|
||||||
<div></div>
|
|
||||||
<div></div>
|
|
||||||
</li>
|
|
||||||
<li name="option">
|
|
||||||
<div></div>
|
|
||||||
<div></div>
|
|
||||||
</li>
|
|
||||||
<li name="option">
|
|
||||||
<div></div>
|
|
||||||
<div></div>
|
|
||||||
</li>
|
|
||||||
<li name="option">
|
|
||||||
<div></div>
|
|
||||||
<div></div>
|
|
||||||
</li>
|
|
||||||
<li name="option">
|
|
||||||
<div></div>
|
|
||||||
<div></div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<ul>
|
<details>
|
||||||
<li>
|
<summary>Gauntlets</summary>
|
||||||
<label>
|
</details>
|
||||||
<b>Level</b>
|
|
||||||
</label>
|
|
||||||
<div>
|
|
||||||
<input class="stat" type="text" id="class-level" oninput="update()" disabled>
|
|
||||||
<input class="stat" type="text" id="total-level" oninput="update()" disabled>
|
|
||||||
<input class="stat" type="text" id="virtual-level" oninput="update()" disabled>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<hr>
|
<details>
|
||||||
|
<summary>Leg Armor</summary>
|
||||||
<li>
|
</details>
|
||||||
<label>Vigor</label>
|
</article>
|
||||||
<div>
|
|
||||||
<input name="class-stat" class="stat" type="text" id="class-vigor" oninput="update()" disabled>
|
|
||||||
<input name="desired-stat" class="stat" type="number" id="vigor" oninput="update()" min=0 max=99
|
|
||||||
maxLength=2>
|
|
||||||
<input name="virtual-stat" class="stat" type="text" id="virtual-vigor" oninput="update()"
|
|
||||||
disabled>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Mind</label>
|
|
||||||
<div>
|
|
||||||
<input name="class-stat" class="stat" type="text" id="class-mind" oninput="update()" disabled>
|
|
||||||
<input name="desired-stat" class="stat" type="number" id="mind" oninput="update()" min=0 max=99>
|
|
||||||
<input name="virtual-stat" class="stat" type="text" id="virtual-mind" oninput="update()"
|
|
||||||
disabled>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Endurance</label>
|
|
||||||
<div>
|
|
||||||
<input name="class-stat" class="stat" type="text" id="class-endurance" oninput="update()"
|
|
||||||
disabled>
|
|
||||||
<input name="desired-stat" class="stat" type="number" id="endurance" oninput="update()" min=0
|
|
||||||
max=99>
|
|
||||||
<input name="virtual-stat" class="stat" type="text" id="virtal-endurance" oninput="update()"
|
|
||||||
disabled>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Strength</label>
|
|
||||||
<div>
|
|
||||||
<input name="class-stat" class="stat" type="text" id="class-strength" oninput="update()"
|
|
||||||
disabled>
|
|
||||||
<input name="desired-stat" class="stat" type="number" id="strength" oninput="update()" min=0
|
|
||||||
max=99>
|
|
||||||
<input name="virtual-stat" class="stat" type="text" id="virtual-strength" oninput="update()"
|
|
||||||
disabled>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Dexterity</label>
|
|
||||||
<div>
|
|
||||||
<input name="class-stat" class="stat" type="text" id="class-dexterity" oninput="update()"
|
|
||||||
disabled>
|
|
||||||
<input name="desired-stat" class="stat" type="number" id="dexterity" oninput="update()" min=0
|
|
||||||
max=99>
|
|
||||||
<input name="virtual-stat" class="stat" type="text" id="virtual-dexterity" oninput="update()"
|
|
||||||
disabled>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Intelligence</label>
|
|
||||||
<div>
|
|
||||||
<input name="class-stat" class="stat" type="text" id="class-intelligence" oninput="update()"
|
|
||||||
disabled>
|
|
||||||
<input name="desired-stat" class="stat" type="number" id="intelligence" oninput="update()" min=0
|
|
||||||
max=99>
|
|
||||||
<input name="virtual-stat" class="stat" type="text" id="virtual-intelligence" oninput="update()"
|
|
||||||
disabled>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Faith</label>
|
|
||||||
<div>
|
|
||||||
<input name="class-stat" class="stat" type="text" id="class-faith" oninput="update()" disabled>
|
|
||||||
<input name="desired-stat" class="stat" type="number" id="faith" oninput="update()" min=0
|
|
||||||
max=99>
|
|
||||||
<input name="virtual-stat" class="stat" type="text" id="virtual-faith" oninput="update()"
|
|
||||||
disabled>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<label>Arcane</label>
|
|
||||||
<div>
|
|
||||||
<input name="class-stat" class="stat" type="text" id="class-arcane" oninput="update()" disabled>
|
|
||||||
<input name="desired-stat" class="stat" type="number" id="arcane" oninput="update()" min=0
|
|
||||||
max=99>
|
|
||||||
<input name="virtual-stat" class="stat" type="text" id="virtual-arcane" oninput="update()"
|
|
||||||
disabled>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<button onclick="clearDesired()">Clear All</button>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<b>Talismans</b>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="checkbox" id="radagon-soreseal" oninput="talisman()" name="talisman">
|
|
||||||
<label for="radagon-soreseal">Radagon's Soreseal</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="checkbox" id="marika-soreseal" oninput="talisman()" name="talisman">
|
|
||||||
<label for="marika-soreseal">Marika's Soreseal</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="checkbox" id="dexterity-talisman" oninput="talisman()" name="talisman">
|
|
||||||
<label for="dexterity-talisman">Prosthesis-Wearer Heirloom</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="checkbox" id="intelligence-talisman" oninput="talisman()" name="talisman">
|
|
||||||
<label for="intelligence-talisman">Stargazer Heirloom</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="checkbox" id="strength-talisman" oninput="talisman()" name="talisman">
|
|
||||||
<label for="strength-talisman">Starscourge Heirloom</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="checkbox" id="faith-talisman" oninput="talisman()" name="talisman">
|
|
||||||
<label for="faith-talisman">Two Fingers Heirloom</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="checkbox" id="millicent" oninput="talisman()" name="talisman">
|
|
||||||
<label for="millicent">Millicent's Prosthesis</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<b>Helms</b>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="radio" id="albinauric" oninput="update()" name="helm">
|
|
||||||
<label for="albinauric">Albinauric Mask</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="radio" id="crimson" oninput="update()" name="helm">
|
|
||||||
<label for="crimson">Crimson Hood</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="radio" id="navy" oninput="update()" name="helm">
|
|
||||||
<label for="navy">Navy Hood</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="radio" id="haligtree" oninput="update()" name="helm">
|
|
||||||
<label for="haligtree">Haligtree Helm</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="radio" id="mask-of-confidence" oninput="update()" name="helm">
|
|
||||||
<label for="mask-of-confidence">Mask of Confidence</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="radio" id="imp-cat" oninput="update()" name="helm">
|
|
||||||
<label for="imp-cat">Imp Head (Cat)</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="radio" id="imp-corpse" oninput="update()" name="helm">
|
|
||||||
<label for="imp-corpse">Imp Head (Corpse)</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="radio" id="imp-elder" oninput="update()" name="helm">
|
|
||||||
<label for="imp-elder">Imp Head (Elder)</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="radio" id="imp-fanged" oninput="update()" name="helm">
|
|
||||||
<label for="imp-fanged">Imp Head (Fanged)</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="radio" id="imp-long-tongued" oninput="update()" name="helm">
|
|
||||||
<label for="imp-long-tongued">Imp Head (Long-Tongued)</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input type="radio" id="imp-wolf" oninput="update()" name="helm">
|
|
||||||
<label for="imp-wolf">Imp Head (Wolf)</label>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h3>Softcaps</h3>
|
<h3>Softcaps</h3>
|
||||||
@ -404,7 +434,9 @@
|
|||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<h5>Erdtree Planner (available under BSD-3-Clause license)</h5>
|
<h5>Erdtree Planner (<a href="https://git.palmoe.dk/vodofrede/erdtree">available under BSD-3-Clause license</a>)
|
||||||
|
</h5>
|
||||||
|
<h5>Copyright 2022 vodofrede</h5>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
@ -173,7 +173,7 @@ tbody:first-child {
|
|||||||
gap: 10px;
|
gap: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.cards article {
|
||||||
/* flex-grow: 0.45; */
|
/* flex-grow: 0.45; */
|
||||||
/* flex-basis: 0px; */
|
/* flex-basis: 0px; */
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -188,7 +188,7 @@ tbody:first-child {
|
|||||||
background-color: #f8f8ff;
|
background-color: #f8f8ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card * {
|
.card article * {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@ -207,7 +207,7 @@ tbody:first-child {
|
|||||||
background-color: #f8f8ff;
|
background-color: #f8f8ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app ul {
|
.app article {
|
||||||
border: 1px solid grey;
|
border: 1px solid grey;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
@ -221,6 +221,10 @@ tbody:first-child {
|
|||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.app ul {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.app li {
|
.app li {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
@ -230,7 +234,7 @@ tbody:first-child {
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app ul .stat {
|
.app .stat {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
max-width: 40px;
|
max-width: 40px;
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
|
Loading…
Reference in New Issue
Block a user