formatted with prettier; added lang meta tag
This commit is contained in:
parent
1efe534136
commit
64a40e3b12
422
src/armor.html
422
src/armor.html
@ -1,229 +1,239 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
<head>
|
||||||
|
<!-- metadata -->
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="language" content="english" />
|
||||||
|
<meta http-equiv="content-language" content="en-us" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<link rel="stylesheet" href="style/main.css" />
|
||||||
|
<!-- title and description -->
|
||||||
|
<title>Armor Optimizer - Erdtree</title>
|
||||||
|
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico" />
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Armor Optimizer for Elden Ring - Find the best gear for defenses, resistances and poise!"
|
||||||
|
/>
|
||||||
|
<meta name="author" content="vodofrede" />
|
||||||
|
<meta property="og:title" content="Armor Optimizer - Erdtree" />
|
||||||
|
<meta
|
||||||
|
property="og:description"
|
||||||
|
content="Armor Optimizer for Elden Ring - Find the best gear for defenses, resistances and poise!"
|
||||||
|
/>
|
||||||
|
<meta property="og:url" content="https://erdtree.palmoe.dk/armor" />
|
||||||
|
<!-- scripts -->
|
||||||
|
<script src="/script/armor.js"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
<head>
|
<body onload="init();">
|
||||||
<!-- metadata -->
|
<nav>
|
||||||
<meta charset="utf-8" />
|
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
||||||
<meta name="language" content="english" />
|
<ul>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<li><a href="/planner.html">Build Planner</a></li>
|
||||||
<link rel="stylesheet" href="style/main.css" />
|
</ul>
|
||||||
<!-- title and description -->
|
</nav>
|
||||||
<title>Armor Optimizer - Erdtree</title>
|
<header>
|
||||||
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico">
|
<h1>Armor Optimizer</h1>
|
||||||
<meta name="description"
|
</header>
|
||||||
content="Armor Optimizer for Elden Ring - Find the best gear for defenses, resistances and poise!" />
|
<main>
|
||||||
<meta name="author" content="vodofrede">
|
<div class="app">
|
||||||
<meta property="og:title" content="Armor Optimizer - Erdtree" />
|
<!-- settings -->
|
||||||
<meta property="og:description"
|
<article style="flex-basis: 25%">
|
||||||
content="Armor Optimizer for Elden Ring - Find the best gear for defenses, resistances and poise!" />
|
<b>Settings</b>
|
||||||
<meta property="og:url" content="https://erdtree.palmoe.dk/armor" />
|
<hr />
|
||||||
<!-- scripts -->
|
|
||||||
<script src="/script/armor.js"></script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body onload="init();">
|
|
||||||
<nav>
|
|
||||||
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/planner.html">Build Planner</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<header>
|
|
||||||
<h1>Armor Optimizer</h1>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<div class="app">
|
|
||||||
<!-- settings -->
|
|
||||||
<article style="flex-basis: 25%">
|
|
||||||
<b>Settings</b>
|
|
||||||
<hr />
|
|
||||||
<div>
|
|
||||||
<label for="max-equip-load">Max. Equip Load</label>
|
|
||||||
<input style="max-width: 50px" class="stat"
|
|
||||||
id="max-equip-load" type="number" onchange="update()"
|
|
||||||
min="0" step="0.1" value="30" name="equip-load"
|
|
||||||
lang="en" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="current-equip-load">Current Equip Load</label>
|
|
||||||
<input style="max-width: 50px" class="stat"
|
|
||||||
id="current-equip-load" type="number"
|
|
||||||
onchange="update()" min="0" step="0.1" value="0"
|
|
||||||
name="equip-load" lang="en" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="equip-load-budget">Equip Load Budget</label>
|
|
||||||
<input style="max-width: 50px" class="stat"
|
|
||||||
id="equip-load-budget" type="number" value="0"
|
|
||||||
name="equip-load" lang="en" disabled />
|
|
||||||
</div>
|
|
||||||
<hr />
|
|
||||||
<b>Breakpoints</b>
|
|
||||||
<div>
|
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="fast-roll" onclick="update()"
|
<label for="max-equip-load">Max. Equip Load</label>
|
||||||
name="roll-type" value="0.3" />
|
<input
|
||||||
<label for="fast-roll">Fast Roll (up to 30% equip
|
style="max-width: 50px"
|
||||||
load)</label>
|
class="stat"
|
||||||
|
id="max-equip-load"
|
||||||
|
type="number"
|
||||||
|
onchange="update()"
|
||||||
|
min="0"
|
||||||
|
step="0.1"
|
||||||
|
value="30"
|
||||||
|
name="equip-load"
|
||||||
|
lang="en"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="normal-roll" onclick="update()"
|
<label for="current-equip-load">Current Equip Load</label>
|
||||||
name="roll-type" value="0.7" checked />
|
<input
|
||||||
<label for="normal-roll">Normal Roll (up to 70% equip
|
style="max-width: 50px"
|
||||||
load)</label>
|
class="stat"
|
||||||
|
id="current-equip-load"
|
||||||
|
type="number"
|
||||||
|
onchange="update()"
|
||||||
|
min="0"
|
||||||
|
step="0.1"
|
||||||
|
value="0"
|
||||||
|
name="equip-load"
|
||||||
|
lang="en"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="fat-roll" onclick="update()"
|
<label for="equip-load-budget">Equip Load Budget</label>
|
||||||
name="roll-type" value="1.0" />
|
<input
|
||||||
<label for="fat-roll">Fat Roll (up to 100% equip
|
style="max-width: 50px"
|
||||||
load)</label>
|
class="stat"
|
||||||
|
id="equip-load-budget"
|
||||||
|
type="number"
|
||||||
|
value="0"
|
||||||
|
name="equip-load"
|
||||||
|
lang="en"
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<hr />
|
||||||
<hr />
|
<b>Breakpoints</b>
|
||||||
<b>Sort by</b>
|
|
||||||
<div>
|
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="sort-average"
|
<div>
|
||||||
name="sorting-order" onclick="update()" />
|
<input type="radio" id="fast-roll" onclick="update()" name="roll-type" value="0.3" />
|
||||||
<label for="sort-average">Greatest Average
|
<label for="fast-roll">Fast Roll (up to 30% equip load)</label>
|
||||||
Negation</label>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="sort-physical"
|
<div>
|
||||||
name="sorting-order" onclick="update()" checked />
|
<input
|
||||||
<label for="sort-physical">Greatest Physical
|
type="radio"
|
||||||
Negation</label>
|
id="normal-roll"
|
||||||
|
onclick="update()"
|
||||||
|
name="roll-type"
|
||||||
|
value="0.7"
|
||||||
|
checked
|
||||||
|
/>
|
||||||
|
<label for="normal-roll">Normal Roll (up to 70% equip load)</label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="sort-elemental"
|
<div>
|
||||||
name="sorting-order" onclick="update()" />
|
<input type="radio" id="fat-roll" onclick="update()" name="roll-type" value="1.0" />
|
||||||
<label for="sort-elemental">Greatest Elemental
|
<label for="fat-roll">Fat Roll (up to 100% equip load)</label>
|
||||||
Negation</label>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<hr />
|
||||||
<div>
|
<b>Sort by</b>
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="sort-resistances"
|
<div>
|
||||||
name="sorting-order" onclick="update()" />
|
<input type="radio" id="sort-average" name="sorting-order" onclick="update()" />
|
||||||
<label for="sort-resistances">Greatest
|
<label for="sort-average">Greatest Average Negation</label>
|
||||||
Resistances</label>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="sort-poise" name="sorting-order"
|
<div>
|
||||||
onclick="update()" />
|
<input type="radio" id="sort-physical" name="sorting-order" onclick="update()" checked />
|
||||||
<label for="sort-poise">Greatest Poise</label>
|
<label for="sort-physical">Greatest Physical Negation</label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<hr />
|
|
||||||
<b>Extras</b>
|
|
||||||
<div>
|
|
||||||
<div>
|
<div>
|
||||||
<input type="checkbox" id="winged-crystal-tear"
|
<div>
|
||||||
onchange="update()" disabled />
|
<input type="radio" id="sort-elemental" name="sorting-order" onclick="update()" />
|
||||||
<label for="winged-crystal-tear">Winged Crystal Tear (in
|
<label for="sort-elemental">Greatest Elemental Negation</label>
|
||||||
mixed physick)</label>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div>
|
<div>
|
||||||
<input type="checkbox" id="fashion" onchange="update()"
|
<div>
|
||||||
disabled />
|
<input type="radio" id="sort-resistances" name="sorting-order" onclick="update()" />
|
||||||
<label for="fashion">Fashion Mode</label>
|
<label for="sort-resistances">Greatest Resistances</label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<hr />
|
<div>
|
||||||
<b>Locked Armor</b>
|
<input type="radio" id="sort-poise" name="sorting-order" onclick="update()" />
|
||||||
<template id="locked-option">
|
<label for="sort-poise">Greatest Poise</label>
|
||||||
<option value="">Placeholder</option>
|
</div>
|
||||||
</template>
|
</div>
|
||||||
<div>
|
<hr />
|
||||||
<label for="locked-helmet">Helmet</label>
|
<b>Extras</b>
|
||||||
<select type="text" id="locked-helmet" name="locked-items"
|
<div>
|
||||||
onchange="update()"></select>
|
<div>
|
||||||
</div>
|
<input type="checkbox" id="winged-crystal-tear" onchange="update()" disabled />
|
||||||
<div>
|
<label for="winged-crystal-tear">Winged Crystal Tear (in mixed physick)</label>
|
||||||
<label for="locked-chestpiece">Chestpiece</label>
|
</div>
|
||||||
<select type="text" id="locked-chestpiece"
|
</div>
|
||||||
name="locked-items" onchange="update()"></select>
|
<div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<input type="checkbox" id="fashion" onchange="update()" disabled />
|
||||||
<label for="locked-gauntlets">Gauntlets</label>
|
<label for="fashion">Fashion Mode</label>
|
||||||
<select type=" text" id="locked-gauntlets"
|
</div>
|
||||||
name="locked-items" onchange="update()"></select>
|
</div>
|
||||||
</div>
|
<hr />
|
||||||
<div>
|
<b>Locked Armor</b>
|
||||||
<label for="locked-leggings">Leggings</label>
|
<template id="locked-option">
|
||||||
<select type="text" id="locked-leggings" name="locked-items"
|
<option value="">Placeholder</option>
|
||||||
onchange="update()"></select>
|
</template>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<label for="locked-helmet">Helmet</label>
|
||||||
<button id="clear-equipment" onclick="resetAll()">Reset
|
<select type="text" id="locked-helmet" name="locked-items" onchange="update()"></select>
|
||||||
All</button>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
</article>
|
<label for="locked-chestpiece">Chestpiece</label>
|
||||||
<!-- sort -->
|
<select type="text" id="locked-chestpiece" name="locked-items" onchange="update()"></select>
|
||||||
<article style="flex-basis: 60%; min-width: 320px">
|
</div>
|
||||||
<b>Results</b>
|
<div>
|
||||||
<hr />
|
<label for="locked-gauntlets">Gauntlets</label>
|
||||||
<div>
|
<select type=" text" id="locked-gauntlets" name="locked-items" onchange="update()"></select>
|
||||||
<table id="results"></table>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<template id="result">
|
<label for="locked-leggings">Leggings</label>
|
||||||
<thead>
|
<select type="text" id="locked-leggings" name="locked-items" onchange="update()"></select>
|
||||||
<tr>
|
</div>
|
||||||
<th>Armor</th>
|
<div>
|
||||||
<th>Stats</th>
|
<button id="clear-equipment" onclick="resetAll()">Reset All</button>
|
||||||
</tr>
|
</div>
|
||||||
</thead>
|
</article>
|
||||||
<tbody>
|
<!-- sort -->
|
||||||
<tr>
|
<article style="flex-basis: 60%; min-width: 320px">
|
||||||
<td>Total</td>
|
<b>Results</b>
|
||||||
<td>Stats</td>
|
<hr />
|
||||||
</tr>
|
<div>
|
||||||
<tr>
|
<table id="results"></table>
|
||||||
<td>Helmet</td>
|
</div>
|
||||||
<td>Stats</td>
|
<template id="result">
|
||||||
</tr>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Chestpiece</td>
|
<th>Armor</th>
|
||||||
<td>Stats</td>
|
<th>Stats</th>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
</thead>
|
||||||
<td>Gaunlets</td>
|
<tbody>
|
||||||
<td>Stats</td>
|
<tr>
|
||||||
</tr>
|
<td>Total</td>
|
||||||
<tr>
|
<td>Stats</td>
|
||||||
<td>Leggings</td>
|
</tr>
|
||||||
<td>Stats</td>
|
<tr>
|
||||||
</tr>
|
<td>Helmet</td>
|
||||||
</tbody>
|
<td>Stats</td>
|
||||||
</template>
|
</tr>
|
||||||
</article>
|
<tr>
|
||||||
<!-- filter -->
|
<td>Chestpiece</td>
|
||||||
<article>
|
<td>Stats</td>
|
||||||
<b>Allowed Armor</b>
|
</tr>
|
||||||
<p>(Under development)</p>
|
<tr>
|
||||||
</article>
|
<td>Gaunlets</td>
|
||||||
</div>
|
<td>Stats</td>
|
||||||
</main>
|
</tr>
|
||||||
<footer>
|
<tr>
|
||||||
<h5>
|
<td>Leggings</td>
|
||||||
Erdtree Planner (<a
|
<td>Stats</td>
|
||||||
href="https://git.palmoe.dk/vodofrede/erdtree">available under
|
</tr>
|
||||||
BSD-3-Clause license</a>)
|
</tbody>
|
||||||
</h5>
|
</template>
|
||||||
<h5>Copyright 2022 vodofrede</h5>
|
</article>
|
||||||
</footer>
|
<!-- filter -->
|
||||||
</body>
|
<article>
|
||||||
|
<b>Allowed Armor</b>
|
||||||
</html>
|
<p>(Under development)</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<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>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
583
src/class.html
583
src/class.html
@ -1,306 +1,287 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
<head>
|
||||||
|
<!-- metadata -->
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="language" content="english" />
|
||||||
|
<meta http-equiv="content-language" content="en-us" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<link rel="stylesheet" href="style/main.css" />
|
||||||
|
<!-- title and description -->
|
||||||
|
<title>Class Optimizer - Erdtree</title>
|
||||||
|
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico" />
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Starting Class Optimizer for Elden Ring - Including Equipment (Talismans and Helmets)"
|
||||||
|
/>
|
||||||
|
<meta name="author" content="vodofrede" />
|
||||||
|
<meta property="og:title" content="Class Optimizer - Erdtree" />
|
||||||
|
<meta
|
||||||
|
property="og:description"
|
||||||
|
content="Starting Class Optimizer for Elden Ring - Including Equipment (Talismans and Helmets)"
|
||||||
|
/>
|
||||||
|
<meta property="og:url" content="https://erdtree.palmoe.dk/class" />
|
||||||
|
<!-- scripts -->
|
||||||
|
<script src="/script/class.js"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
<head>
|
<body onload="init();">
|
||||||
<!-- metadata -->
|
<nav>
|
||||||
<meta charset="utf-8" />
|
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
||||||
<meta name="language" content="english" />
|
<ul>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<a href="/planner.html">Build Planner</a>
|
||||||
<link rel="stylesheet" href="style/main.css" />
|
</ul>
|
||||||
<!-- title and description -->
|
</nav>
|
||||||
<title>Class Optimizer - Erdtree</title>
|
<header>
|
||||||
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico">
|
<h1>Class Optimizer</h1>
|
||||||
<meta name="description"
|
</header>
|
||||||
content="Starting Class Optimizer for Elden Ring - Including Equipment (Talismans and Helmets)" />
|
<main>
|
||||||
<meta name="author" content="vodofrede">
|
<div class="app">
|
||||||
<meta property="og:title" content="Class Optimizer - Erdtree" />
|
<article>
|
||||||
<meta property="og:description"
|
<div>
|
||||||
content="Starting Class Optimizer for Elden Ring - Including Equipment (Talismans and Helmets)" />
|
<b>Class</b>
|
||||||
<meta property="og:url" content="https://erdtree.palmoe.dk/class" />
|
<input id="best" type="text" disabled />
|
||||||
<!-- scripts -->
|
</div>
|
||||||
<script src="/script/class.js"></script>
|
<hr />
|
||||||
</head>
|
<template id="class">
|
||||||
|
<li>
|
||||||
<body onload="init();">
|
<span></span>
|
||||||
<nav>
|
<aside></aside>
|
||||||
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
</li>
|
||||||
<ul>
|
</template>
|
||||||
<a href="/planner.html">Build Planner</a>
|
<div>
|
||||||
</ul>
|
<ul id="classes"></ul>
|
||||||
</nav>
|
</div>
|
||||||
<header>
|
</article>
|
||||||
<h1>Class Optimizer</h1>
|
<article>
|
||||||
</header>
|
<div>
|
||||||
<main>
|
<b>Level</b>
|
||||||
<div class="app">
|
<div>
|
||||||
<article>
|
<input id="initial-level" type="number" disabled />
|
||||||
<div>
|
<input type="number" style="visibility: hidden" disabled />
|
||||||
<b>Class</b>
|
<input id="final-level" type="number" disabled />
|
||||||
<input id="best" type="text" disabled />
|
<input id="virtual-level" type="number" disabled />
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
</div>
|
||||||
<template id="class">
|
<hr />
|
||||||
|
<div>
|
||||||
|
<label for="vigor">Vigor</label>
|
||||||
|
<div>
|
||||||
|
<input type="number" name="initial" disabled />
|
||||||
|
<input id="vigor" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
|
<input type="number" name="final" disabled />
|
||||||
|
<input type="number" name="virtual" disabled />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="mind">Mind</label>
|
||||||
|
<div>
|
||||||
|
<input type="number" name="initial" disabled />
|
||||||
|
<input id="mind" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
|
<input type="number" name="final" disabled />
|
||||||
|
<input type="number" name="virtual" disabled />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="endurance">Endurance</label>
|
||||||
|
<div>
|
||||||
|
<input type="number" name="initial" disabled />
|
||||||
|
<input id="endurance" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
|
<input type="number" name="final" disabled />
|
||||||
|
<input type="number" name="virtual" disabled />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="strength">Strength</label>
|
||||||
|
<div>
|
||||||
|
<input type="number" name="initial" disabled />
|
||||||
|
<input id="strength" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
|
<input type="number" name="final" disabled />
|
||||||
|
<input type="number" name="virtual" disabled />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="dexterity">Dexterity</label>
|
||||||
|
<div>
|
||||||
|
<input type="number" name="initial" disabled />
|
||||||
|
<input id="dexterity" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
|
<input type="number" name="final" disabled />
|
||||||
|
<input type="number" name="virtual" disabled />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="intelligence">Intelligence</label>
|
||||||
|
<div>
|
||||||
|
<input type="number" name="initial" disabled />
|
||||||
|
<input id="intelligence" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
|
<input type="number" name="final" disabled />
|
||||||
|
<input type="number" name="virtual" disabled />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="faith">Faith</label>
|
||||||
|
<div>
|
||||||
|
<input type="number" name="initial" disabled />
|
||||||
|
<input id="faith" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
|
<input type="number" name="final" disabled />
|
||||||
|
<input type="number" name="virtual" disabled />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="arcane">Arcane</label>
|
||||||
|
<div>
|
||||||
|
<input type="number" name="initial" disabled />
|
||||||
|
<input id="arcane" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
|
<input type="number" name="final" disabled />
|
||||||
|
<input type="number" name="virtual" disabled />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<div>
|
||||||
|
<label>
|
||||||
|
<b>Helmet</b>
|
||||||
|
</label>
|
||||||
|
<select id="helmet" name="equipment" onchange="update()">
|
||||||
|
<option id="none" value="none">No Helmet</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<hr />
|
||||||
|
<div>
|
||||||
|
<ul id="talismans">
|
||||||
|
<template id="talisman">
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
<input name="talisman" type="checkbox" onchange="update()" />
|
||||||
|
<label></label>
|
||||||
|
</div>
|
||||||
|
<aside></aside>
|
||||||
|
</li>
|
||||||
|
</template>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button onclick="resetAll()">Reset All</button>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 style="text-align: center">Explanation & Usage</h2>
|
||||||
|
<p>The four columns in the second box represent, in order:</p>
|
||||||
|
<ol>
|
||||||
|
<li>Class base stats, e.g. the stats the class has at its base level.</li>
|
||||||
<li>
|
<li>
|
||||||
<span></span>
|
Desired stats. Here, you should input what the absolute minimum stats for your build should be.
|
||||||
<aside></aside>
|
Leave the input fields blank for stats you don't care about.
|
||||||
</li>
|
</li>
|
||||||
</template>
|
<li>Final stats. These are your characters stats as they should appear on your level-up screen.</li>
|
||||||
<div>
|
<li>
|
||||||
<ul id="classes"></ul>
|
Virtual stats. These are your characters stats after talismans and helmet stat buffs are
|
||||||
</div>
|
applied.
|
||||||
</article>
|
</li>
|
||||||
<article>
|
</ol>
|
||||||
<div>
|
</div>
|
||||||
<b>Level</b>
|
<div>
|
||||||
<div>
|
<h2 style="text-align: center">Softcaps</h2>
|
||||||
<input id="initial-level" type="number" disabled />
|
<table>
|
||||||
<input type="number" style="visibility: hidden"
|
<thead>
|
||||||
disabled />
|
<tr>
|
||||||
<input id="final-level" type="number" disabled />
|
<th>Skill</th>
|
||||||
<input id="virtual-level" type="number" disabled />
|
<th>Stat</th>
|
||||||
</div>
|
<th>Softcaps</th>
|
||||||
</div>
|
<th>Notes</th>
|
||||||
<hr />
|
</tr>
|
||||||
<div>
|
</thead>
|
||||||
<label for="vigor">Vigor</label>
|
<tbody>
|
||||||
<div>
|
<tr>
|
||||||
<input type="number" name="initial" disabled />
|
<td>Vigor</td>
|
||||||
<input id="vigor" type="number" name="total" min="0"
|
<td>HP</td>
|
||||||
max="99" oninput="update()" />
|
<td>25 (800HP)<br />40 (1450HP)<br />60 (1900HP)</td>
|
||||||
<input type="number" name="final" disabled />
|
<td>A +12 upgraded crimson flask heals for 810HP.</td>
|
||||||
<input type="number" name="virtual" disabled />
|
</tr>
|
||||||
</div>
|
<tr>
|
||||||
</div>
|
<td>Mind</td>
|
||||||
<div>
|
<td>FP</td>
|
||||||
<label for="mind">Mind</label>
|
<td>40 (220FP)</td>
|
||||||
<div>
|
<td>A +12 upgraded cerulean flask gives 220FP.</td>
|
||||||
<input type="number" name="initial" disabled />
|
</tr>
|
||||||
<input id="mind" type="number" name="total" min="0"
|
<tr>
|
||||||
max="99" oninput="update()" />
|
<td>Endurance</td>
|
||||||
<input type="number" name="final" disabled />
|
<td>Stamina</td>
|
||||||
<input type="number" name="virtual" disabled />
|
<td>30 (125stm.)<br />50 (155stm.)</td>
|
||||||
</div>
|
<td></td>
|
||||||
</div>
|
</tr>
|
||||||
<div>
|
<tr>
|
||||||
<label for="endurance">Endurance</label>
|
<td></td>
|
||||||
<div>
|
<td>Equip Load</td>
|
||||||
<input type="number" name="initial" disabled />
|
<td>25 (72 wgt.)<br />60 (120 wgt.)</td>
|
||||||
<input id="endurance" type="number" name="total" min="0"
|
<td></td>
|
||||||
max="99" oninput="update()" />
|
</tr>
|
||||||
<input type="number" name="final" disabled />
|
<tr>
|
||||||
<input type="number" name="virtual" disabled />
|
<td>Strength</td>
|
||||||
</div>
|
<td>AR</td>
|
||||||
</div>
|
<td>37 ≃ 55 (2h)<br />54 ≃ 80 (2h)<br />66 ≃ 99 (2h)<br />80</td>
|
||||||
<div>
|
<td>2-handing gives you 1.5x strength.</td>
|
||||||
<label for="strength">Strength</label>
|
</tr>
|
||||||
<div>
|
<tr>
|
||||||
<input type="number" name="initial" disabled />
|
<td>Dexterity</td>
|
||||||
<input id="strength" type="number" name="total" min="0"
|
<td>AR</td>
|
||||||
max="99" oninput="update()" />
|
<td>55, 80</td>
|
||||||
<input type="number" name="final" disabled />
|
<td></td>
|
||||||
<input type="number" name="virtual" disabled />
|
</tr>
|
||||||
</div>
|
<tr>
|
||||||
</div>
|
<td>Intelligence</td>
|
||||||
<div>
|
<td>AR</td>
|
||||||
<label for="dexterity">Dexterity</label>
|
<td>55, 80</td>
|
||||||
<div>
|
<td></td>
|
||||||
<input type="number" name="initial" disabled />
|
</tr>
|
||||||
<input id="dexterity" type="number" name="total" min="0"
|
<tr>
|
||||||
max="99" oninput="update()" />
|
<td></td>
|
||||||
<input type="number" name="final" disabled />
|
<td>Spell Buff</td>
|
||||||
<input type="number" name="virtual" disabled />
|
<td>60, 80</td>
|
||||||
</div>
|
<td></td>
|
||||||
</div>
|
</tr>
|
||||||
<div>
|
<tr>
|
||||||
<label for="intelligence">Intelligence</label>
|
<td>Faith</td>
|
||||||
<div>
|
<td>AR</td>
|
||||||
<input type="number" name="initial" disabled />
|
<td>55, 80</td>
|
||||||
<input id="intelligence" type="number" name="total"
|
<td></td>
|
||||||
min="0" max="99" oninput="update()" />
|
</tr>
|
||||||
<input type="number" name="final" disabled />
|
<tr>
|
||||||
<input type="number" name="virtual" disabled />
|
<td></td>
|
||||||
</div>
|
<td>Spell Buff</td>
|
||||||
</div>
|
<td>60, 80</td>
|
||||||
<div>
|
<td></td>
|
||||||
<label for="faith">Faith</label>
|
</tr>
|
||||||
<div>
|
<tr>
|
||||||
<input type="number" name="initial" disabled />
|
<td>Arcane</td>
|
||||||
<input id="faith" type="number" name="total" min="0"
|
<td>AR</td>
|
||||||
max="99" oninput="update()" />
|
<td>55, 80</td>
|
||||||
<input type="number" name="final" disabled />
|
<td></td>
|
||||||
<input type="number" name="virtual" disabled />
|
</tr>
|
||||||
</div>
|
<tr>
|
||||||
</div>
|
<td></td>
|
||||||
<div>
|
<td>Status</td>
|
||||||
<label for="arcane">Arcane</label>
|
<td>45, 60</td>
|
||||||
<div>
|
<td></td>
|
||||||
<input type="number" name="initial" disabled />
|
</tr>
|
||||||
<input id="arcane" type="number" name="total" min="0"
|
<tr>
|
||||||
max="99" oninput="update()" />
|
<td></td>
|
||||||
<input type="number" name="final" disabled />
|
<td>Spell Buff</td>
|
||||||
<input type="number" name="virtual" disabled />
|
<td>60, 80 (Pure catalyst)<br />30, 45 (Hybrid catalyst)</td>
|
||||||
</div>
|
<td></td>
|
||||||
</div>
|
</tr>
|
||||||
</article>
|
</tbody>
|
||||||
<article>
|
</table>
|
||||||
<div>
|
</div>
|
||||||
<label>
|
</main>
|
||||||
<b>Helmet</b>
|
<footer>
|
||||||
</label>
|
<h5>
|
||||||
<select id="helmet" name="equipment" onchange="update()">
|
Erdtree Planner (<a href="https://git.palmoe.dk/vodofrede/erdtree"
|
||||||
<option id="none" value="none">No Helmet</option>
|
>available under BSD-3-Clause license</a
|
||||||
</select>
|
>)
|
||||||
</div>
|
</h5>
|
||||||
<hr />
|
<h5>Copyright 2022 vodofrede</h5>
|
||||||
<div>
|
</footer>
|
||||||
<ul id="talismans">
|
</body>
|
||||||
<template id="talisman">
|
</html>
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<input name="talisman" type="checkbox"
|
|
||||||
onchange="update()" />
|
|
||||||
<label></label>
|
|
||||||
</div>
|
|
||||||
<aside></aside>
|
|
||||||
</li>
|
|
||||||
</template>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<button onclick="resetAll()">Reset All</button>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h2 style="text-align: center">Explanation & Usage</h2>
|
|
||||||
<p>
|
|
||||||
The four columns in the second box represent, in order:
|
|
||||||
</p>
|
|
||||||
<ol>
|
|
||||||
<li>
|
|
||||||
Class base stats, e.g. the stats the class has at its base
|
|
||||||
level.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Desired stats. Here, you should input what the absolute
|
|
||||||
minimum stats for your build should be. Leave the input
|
|
||||||
fields blank for stats you don't care about.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Final stats. These are your characters stats as they should
|
|
||||||
appear on your level-up screen.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Virtual stats. These are your characters stats after
|
|
||||||
talismans and helmet stat buffs are applied.
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h2 style="text-align: center">Softcaps</h2>
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Skill</th>
|
|
||||||
<th>Stat</th>
|
|
||||||
<th>Softcaps</th>
|
|
||||||
<th>Notes</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Vigor</td>
|
|
||||||
<td>HP</td>
|
|
||||||
<td>25 (800HP)<br />40 (1450HP)<br />60 (1900HP)</td>
|
|
||||||
<td>A +12 upgraded crimson flask heals for 810HP.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Mind</td>
|
|
||||||
<td>FP</td>
|
|
||||||
<td>40 (220FP)</td>
|
|
||||||
<td>A +12 upgraded cerulean flask gives 220FP.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Endurance</td>
|
|
||||||
<td>Stamina</td>
|
|
||||||
<td>30 (125stm.)<br />50 (155stm.)</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td></td>
|
|
||||||
<td>Equip Load</td>
|
|
||||||
<td>25 (72 wgt.)<br />60 (120 wgt.)</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Strength</td>
|
|
||||||
<td>AR</td>
|
|
||||||
<td>37 ≃ 55 (2h)<br />54 ≃ 80 (2h)<br />66 ≃ 99
|
|
||||||
(2h)<br />80
|
|
||||||
</td>
|
|
||||||
<td>2-handing gives you 1.5x strength.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Dexterity</td>
|
|
||||||
<td>AR</td>
|
|
||||||
<td>55, 80</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Intelligence</td>
|
|
||||||
<td>AR</td>
|
|
||||||
<td>55, 80</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td></td>
|
|
||||||
<td>Spell Buff</td>
|
|
||||||
<td>60, 80</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Faith</td>
|
|
||||||
<td>AR</td>
|
|
||||||
<td>55, 80</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td></td>
|
|
||||||
<td>Spell Buff</td>
|
|
||||||
<td>60, 80</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Arcane</td>
|
|
||||||
<td>AR</td>
|
|
||||||
<td>55, 80</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td></td>
|
|
||||||
<td>Status</td>
|
|
||||||
<td>45, 60</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td></td>
|
|
||||||
<td>Spell Buff</td>
|
|
||||||
<td>60, 80 (Pure catalyst)<br />30, 45 (Hybrid catalyst)
|
|
||||||
</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<footer>
|
|
||||||
<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>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|||||||
@ -4,6 +4,7 @@
|
|||||||
<!-- metadata -->
|
<!-- metadata -->
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="language" content="english" />
|
<meta name="language" content="english" />
|
||||||
|
<meta http-equiv="content-language" content="en-us" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<meta name="msvalidate.01" content="F5D21B696FD2830A4E6329F257394DBC" />
|
<meta name="msvalidate.01" content="F5D21B696FD2830A4E6329F257394DBC" />
|
||||||
<link rel="stylesheet" href="style/main.css" />
|
<link rel="stylesheet" href="style/main.css" />
|
||||||
|
|||||||
491
src/planner.html
491
src/planner.html
@ -1,283 +1,250 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
<head>
|
||||||
|
<!-- metadata -->
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="language" content="english" />
|
||||||
|
<meta http-equiv="content-language" content="en-us" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<link rel="stylesheet" href="style/main.css" />
|
||||||
|
<!-- title and description -->
|
||||||
|
<title>Build Planner - Erdtree</title>
|
||||||
|
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico" />
|
||||||
|
<meta name="description" content="Build Planner for Elden Ring - With import and export" />
|
||||||
|
<meta name="author" content="vodofrede" />
|
||||||
|
<meta property="og:title" content="Build Planner - Erdtree" />
|
||||||
|
<meta property="og:description" content="Build Planner for Elden Ring - With import and export" />
|
||||||
|
<meta property="og:url" content="https://erdtree.palmoe.dk/planner" />
|
||||||
|
<!-- scripts -->
|
||||||
|
<script src="script/planner.js"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
<head>
|
<body onload="init()">
|
||||||
<!-- metadata -->
|
<nav>
|
||||||
<meta charset="utf-8" />
|
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
||||||
<meta name="language" content="english" />
|
<ul>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<li><a href="/planner.html">Build Planner</a></li>
|
||||||
<link rel="stylesheet" href="style/main.css" />
|
</ul>
|
||||||
<!-- title and description -->
|
</nav>
|
||||||
<title>Build Planner - Erdtree</title>
|
<header>
|
||||||
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico">
|
<h1>Build Planner</h1>
|
||||||
<meta name="description"
|
</header>
|
||||||
content="Build Planner for Elden Ring - With import and export" />
|
<main>
|
||||||
<meta name="author" content="vodofrede">
|
<div class="app">
|
||||||
<meta property="og:title" content="Build Planner - Erdtree" />
|
<!-- Class -->
|
||||||
<meta property="og:description"
|
<article style="flex-basis: 20%; max-width: 320px">
|
||||||
content="Build Planner for Elden Ring - With import and export" />
|
|
||||||
<meta property="og:url" content="https://erdtree.palmoe.dk/planner" />
|
|
||||||
<!-- scripts -->
|
|
||||||
<script src="script/planner.js"></script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body onload="init()">
|
|
||||||
<nav>
|
|
||||||
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/planner.html">Build Planner</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<header>
|
|
||||||
<h1>Build Planner</h1>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<div class="app">
|
|
||||||
<!-- Class -->
|
|
||||||
<article style="flex-basis: 20%; max-width: 320px">
|
|
||||||
<div>
|
|
||||||
<b>Character</b>
|
|
||||||
</div>
|
|
||||||
<hr />
|
|
||||||
<div>
|
|
||||||
<b>Name</b>
|
|
||||||
<input id="name" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="class"><b>Starting Class</b></label>
|
|
||||||
<div>
|
<div>
|
||||||
<select id="class" onchange="update()">
|
<b>Character</b>
|
||||||
<option id="wretch" selected>Wretch</option>
|
|
||||||
<option id="vagabond">Vagabond</option>
|
|
||||||
<option id="warrior">Warrior</option>
|
|
||||||
<option id="hero">Hero</option>
|
|
||||||
<option id="bandit">Bandit</option>
|
|
||||||
<option id="astrologer">Astrologer</option>
|
|
||||||
<option id="prophet">Prophet</option>
|
|
||||||
<option id="samurai">Samurai</option>
|
|
||||||
<option id="prisoner">Prisoner</option>
|
|
||||||
<option id="confessor">Confessor</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<hr />
|
||||||
<div>
|
|
||||||
<label><b>Level</b></label>
|
|
||||||
<span>
|
|
||||||
<input type="number" id="final-level" disabled />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="vigor">Vigor</label>
|
|
||||||
<span>
|
|
||||||
<input type="number" id="vigor" name="final" min="0"
|
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="mind">Mind</label>
|
|
||||||
<span>
|
|
||||||
<input type="number" id="mind" name="final" min="0"
|
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="endurance">Endurance</label>
|
|
||||||
<span>
|
|
||||||
<input type="number" id="endurance" name="final" min="0"
|
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="strength">Strength</label>
|
|
||||||
<span>
|
|
||||||
<input type="number" id="strength" name="final" min="0"
|
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="dexterity">Dexterity</label>
|
|
||||||
<span>
|
|
||||||
<input type="number" id="dexterity" name="final" min="0"
|
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="intelligence">Intelligence</label>
|
|
||||||
<span>
|
|
||||||
<input type="number" id="intelligence" name="final"
|
|
||||||
min="0" max="99" onchange="update()" />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="faith">Faith</label>
|
|
||||||
<span>
|
|
||||||
<input type="number" id="faith" name="final" min="0"
|
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label for="arcane">Arcane</label>
|
|
||||||
<span>
|
|
||||||
<input type="number" id="arcane" name="final" min="0"
|
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<hr />
|
|
||||||
<b>Import</b>
|
|
||||||
<div>
|
|
||||||
<input type="file" />
|
|
||||||
</div>
|
|
||||||
<hr />
|
|
||||||
<b>Export</b>
|
|
||||||
<div>
|
|
||||||
<button>Export</button>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<!-- equipment -->
|
|
||||||
<article style="flex-basis: 20%; max-width: 450px">
|
|
||||||
<b>Equipment</b>
|
|
||||||
<hr />
|
|
||||||
<b>Weapons & Shields</b>
|
|
||||||
<template id="picker">
|
|
||||||
<div class="popup">
|
|
||||||
<input type="image" src="/resource/icon/standard.jpg"
|
|
||||||
height="20px" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<div>
|
|
||||||
<div>
|
<div>
|
||||||
|
<b>Name</b>
|
||||||
|
<input id="name" />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="class"><b>Starting Class</b></label>
|
||||||
|
<div>
|
||||||
|
<select id="class" onchange="update()">
|
||||||
|
<option id="wretch" selected>Wretch</option>
|
||||||
|
<option id="vagabond">Vagabond</option>
|
||||||
|
<option id="warrior">Warrior</option>
|
||||||
|
<option id="hero">Hero</option>
|
||||||
|
<option id="bandit">Bandit</option>
|
||||||
|
<option id="astrologer">Astrologer</option>
|
||||||
|
<option id="prophet">Prophet</option>
|
||||||
|
<option id="samurai">Samurai</option>
|
||||||
|
<option id="prisoner">Prisoner</option>
|
||||||
|
<option id="confessor">Confessor</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label><b>Level</b></label>
|
||||||
<span>
|
<span>
|
||||||
<select id="lh1" name="weapon"
|
<input type="number" id="final-level" disabled />
|
||||||
onchange="update()"></select>
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<img id="lh1-img" src="/resource/icon/standard.jpg"
|
|
||||||
width="20px" />
|
|
||||||
<select id="lh1-infusion" name="infusion"></select>
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
<label for="vigor">Vigor</label>
|
||||||
<span>
|
<span>
|
||||||
<select id="rh1" name="weapon"
|
<input type="number" id="vigor" name="final" min="0" max="99" onchange="update()" />
|
||||||
onchange="update()"></select>
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<select id="rh1-infusion" name="infusion"></select>
|
|
||||||
<img id="rh1-img" src="/resource/icon/standard.jpg"
|
|
||||||
width="20px" />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div>
|
|
||||||
<span>
|
|
||||||
<select id="lh2" name="weapon"
|
|
||||||
onchange="update()"></select>
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<img id="lh2-img" src="/resource/icon/standard.jpg"
|
|
||||||
width="20px" />
|
|
||||||
<select id="lh2-infusion" name="infusion"></select>
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
<label for="mind">Mind</label>
|
||||||
<span>
|
<span>
|
||||||
<select id="rh2" name="weapon"
|
<input type="number" id="mind" name="final" min="0" max="99" onchange="update()" />
|
||||||
onchange="update()"></select>
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<select id="rh2-infusion" name="infusion"></select>
|
|
||||||
<img id="rh2-img" src="/resource/icon/standard.jpg"
|
|
||||||
width="20px" />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div>
|
|
||||||
<span>
|
|
||||||
<select id="lh3" name="weapon"
|
|
||||||
onchange="update()"></select>
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<img id="lh3-img" src="/resource/icon/standard.jpg"
|
|
||||||
width="20px" />
|
|
||||||
<select id="lh3-infusion" name="infusion"></select>
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
<label for="endurance">Endurance</label>
|
||||||
<span>
|
<span>
|
||||||
<select id="rh3" name="weapon"
|
<input type="number" id="endurance" name="final" min="0" max="99" onchange="update()" />
|
||||||
onchange="update()"></select>
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<select id="rh3-infusion" name="infusion"></select>
|
|
||||||
<img id="rh3-img" src="/resource/icon/standard.jpg"
|
|
||||||
width="20px" />
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<hr />
|
<label for="strength">Strength</label>
|
||||||
<b>Armor</b>
|
<span>
|
||||||
<div>
|
<input type="number" id="strength" name="final" min="0" max="99" onchange="update()" />
|
||||||
<label>Helmet</label>
|
</span>
|
||||||
<select id="helmet" name="armor"
|
</div>
|
||||||
onchange="update()"></select>
|
<div>
|
||||||
</div>
|
<label for="dexterity">Dexterity</label>
|
||||||
<div>
|
<span>
|
||||||
<label>Chestpiece</label>
|
<input type="number" id="dexterity" name="final" min="0" max="99" onchange="update()" />
|
||||||
<select id="chestpiece" name="armor"
|
</span>
|
||||||
onchange="update()"></select>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
<div>
|
<label for="intelligence">Intelligence</label>
|
||||||
<label>Gauntlets</label>
|
<span>
|
||||||
<select id="gauntlets" name="armor"
|
<input type="number" id="intelligence" name="final" min="0" max="99" onchange="update()" />
|
||||||
onchange="update()"></select>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label>Leggings</label>
|
<label for="faith">Faith</label>
|
||||||
<select id="leggings" name="armor"
|
<span>
|
||||||
onchange="update()"></select>
|
<input type="number" id="faith" name="final" min="0" max="99" onchange="update()" />
|
||||||
</div>
|
</span>
|
||||||
<hr />
|
</div>
|
||||||
<li><b>Talismans</b></li>
|
<div>
|
||||||
<div>
|
<label for="arcane">Arcane</label>
|
||||||
<label>Talisman #1</label>
|
<span>
|
||||||
<select id="talisman-1" name="talisman"
|
<input type="number" id="arcane" name="final" min="0" max="99" onchange="update()" />
|
||||||
onchange="update()"></select>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<hr />
|
||||||
<label>Talisman #2</label>
|
<b>Import</b>
|
||||||
<select id="talisman-2" name="talisman"
|
<div>
|
||||||
onchange="update()"></select>
|
<input type="file" />
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<hr />
|
||||||
<label>Talisman #3</label>
|
<b>Export</b>
|
||||||
<select id="talisman-3" name="talisman"
|
<div>
|
||||||
onchange="update()"></select>
|
<button>Export</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
</article>
|
||||||
<label>Talisman #4</label>
|
<!-- equipment -->
|
||||||
<select id="talisman-4" name="talisman"
|
<article style="flex-basis: 20%; max-width: 450px">
|
||||||
onchange="update()"></select>
|
<b>Equipment</b>
|
||||||
</div>
|
<hr />
|
||||||
<hr />
|
<b>Weapons & Shields</b>
|
||||||
<li><b>Spells</b></li>
|
<template id="picker">
|
||||||
</article>
|
<div class="popup">
|
||||||
</div>
|
<input type="image" src="/resource/icon/standard.jpg" height="20px" />
|
||||||
<div>
|
</div>
|
||||||
<h2 style="text-align: center">Explanation & Usage</h2>
|
</template>
|
||||||
<p>This page is under development, don't expect everything to work
|
<div>
|
||||||
perfectly.</p>
|
<div>
|
||||||
</div>
|
<span>
|
||||||
</main>
|
<select id="lh1" name="weapon" onchange="update()"></select>
|
||||||
<footer>
|
</span>
|
||||||
<h5>
|
<span>
|
||||||
Erdtree Planner (<a
|
<img id="lh1-img" src="/resource/icon/standard.jpg" width="20px" />
|
||||||
href="https://git.palmoe.dk/vodofrede/erdtree">available under
|
<select id="lh1-infusion" name="infusion"></select>
|
||||||
BSD-3-Clause license</a>)
|
</span>
|
||||||
</h5>
|
</div>
|
||||||
<h5>Copyright 2022 vodofrede</h5>
|
<div>
|
||||||
</footer>
|
<span>
|
||||||
</body>
|
<select id="rh1" name="weapon" onchange="update()"></select>
|
||||||
|
</span>
|
||||||
</html>
|
<span>
|
||||||
|
<select id="rh1-infusion" name="infusion"></select>
|
||||||
|
<img id="rh1-img" src="/resource/icon/standard.jpg" width="20px" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<span>
|
||||||
|
<select id="lh2" name="weapon" onchange="update()"></select>
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<img id="lh2-img" src="/resource/icon/standard.jpg" width="20px" />
|
||||||
|
<select id="lh2-infusion" name="infusion"></select>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>
|
||||||
|
<select id="rh2" name="weapon" onchange="update()"></select>
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<select id="rh2-infusion" name="infusion"></select>
|
||||||
|
<img id="rh2-img" src="/resource/icon/standard.jpg" width="20px" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<span>
|
||||||
|
<select id="lh3" name="weapon" onchange="update()"></select>
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<img id="lh3-img" src="/resource/icon/standard.jpg" width="20px" />
|
||||||
|
<select id="lh3-infusion" name="infusion"></select>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>
|
||||||
|
<select id="rh3" name="weapon" onchange="update()"></select>
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<select id="rh3-infusion" name="infusion"></select>
|
||||||
|
<img id="rh3-img" src="/resource/icon/standard.jpg" width="20px" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr />
|
||||||
|
<b>Armor</b>
|
||||||
|
<div>
|
||||||
|
<label>Helmet</label>
|
||||||
|
<select id="helmet" name="armor" onchange="update()"></select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>Chestpiece</label>
|
||||||
|
<select id="chestpiece" name="armor" onchange="update()"></select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>Gauntlets</label>
|
||||||
|
<select id="gauntlets" name="armor" onchange="update()"></select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>Leggings</label>
|
||||||
|
<select id="leggings" name="armor" onchange="update()"></select>
|
||||||
|
</div>
|
||||||
|
<hr />
|
||||||
|
<li><b>Talismans</b></li>
|
||||||
|
<div>
|
||||||
|
<label>Talisman #1</label>
|
||||||
|
<select id="talisman-1" name="talisman" onchange="update()"></select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>Talisman #2</label>
|
||||||
|
<select id="talisman-2" name="talisman" onchange="update()"></select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>Talisman #3</label>
|
||||||
|
<select id="talisman-3" name="talisman" onchange="update()"></select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>Talisman #4</label>
|
||||||
|
<select id="talisman-4" name="talisman" onchange="update()"></select>
|
||||||
|
</div>
|
||||||
|
<hr />
|
||||||
|
<li><b>Spells</b></li>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 style="text-align: center">Explanation & Usage</h2>
|
||||||
|
<p>This page is under development, don't expect everything to work perfectly.</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<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>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
1659
src/weapon.html
1659
src/weapon.html
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user