formatted with prettier; added lang meta tag
This commit is contained in:
parent
1efe534136
commit
64a40e3b12
154
src/armor.html
154
src/armor.html
@ -1,27 +1,31 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
<head>
|
||||||
<head>
|
|
||||||
<!-- 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" />
|
||||||
<link rel="stylesheet" href="style/main.css" />
|
<link rel="stylesheet" href="style/main.css" />
|
||||||
<!-- title and description -->
|
<!-- title and description -->
|
||||||
<title>Armor Optimizer - Erdtree</title>
|
<title>Armor Optimizer - Erdtree</title>
|
||||||
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico">
|
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico" />
|
||||||
<meta name="description"
|
<meta
|
||||||
content="Armor Optimizer for Elden Ring - Find the best gear for defenses, resistances and poise!" />
|
name="description"
|
||||||
<meta name="author" content="vodofrede">
|
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:title" content="Armor Optimizer - Erdtree" />
|
||||||
<meta property="og:description"
|
<meta
|
||||||
content="Armor Optimizer for Elden Ring - Find the best gear for defenses, resistances and poise!" />
|
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" />
|
<meta property="og:url" content="https://erdtree.palmoe.dk/armor" />
|
||||||
<!-- scripts -->
|
<!-- scripts -->
|
||||||
<script src="/script/armor.js"></script>
|
<script src="/script/armor.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body onload="init();">
|
<body onload="init();">
|
||||||
<nav>
|
<nav>
|
||||||
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
||||||
<ul>
|
<ul>
|
||||||
@ -39,88 +43,103 @@
|
|||||||
<hr />
|
<hr />
|
||||||
<div>
|
<div>
|
||||||
<label for="max-equip-load">Max. Equip Load</label>
|
<label for="max-equip-load">Max. Equip Load</label>
|
||||||
<input style="max-width: 50px" class="stat"
|
<input
|
||||||
id="max-equip-load" type="number" onchange="update()"
|
style="max-width: 50px"
|
||||||
min="0" step="0.1" value="30" name="equip-load"
|
class="stat"
|
||||||
lang="en" />
|
id="max-equip-load"
|
||||||
|
type="number"
|
||||||
|
onchange="update()"
|
||||||
|
min="0"
|
||||||
|
step="0.1"
|
||||||
|
value="30"
|
||||||
|
name="equip-load"
|
||||||
|
lang="en"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="current-equip-load">Current Equip Load</label>
|
<label for="current-equip-load">Current Equip Load</label>
|
||||||
<input style="max-width: 50px" class="stat"
|
<input
|
||||||
id="current-equip-load" type="number"
|
style="max-width: 50px"
|
||||||
onchange="update()" min="0" step="0.1" value="0"
|
class="stat"
|
||||||
name="equip-load" lang="en" />
|
id="current-equip-load"
|
||||||
|
type="number"
|
||||||
|
onchange="update()"
|
||||||
|
min="0"
|
||||||
|
step="0.1"
|
||||||
|
value="0"
|
||||||
|
name="equip-load"
|
||||||
|
lang="en"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="equip-load-budget">Equip Load Budget</label>
|
<label for="equip-load-budget">Equip Load Budget</label>
|
||||||
<input style="max-width: 50px" class="stat"
|
<input
|
||||||
id="equip-load-budget" type="number" value="0"
|
style="max-width: 50px"
|
||||||
name="equip-load" lang="en" disabled />
|
class="stat"
|
||||||
|
id="equip-load-budget"
|
||||||
|
type="number"
|
||||||
|
value="0"
|
||||||
|
name="equip-load"
|
||||||
|
lang="en"
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
<hr />
|
||||||
<b>Breakpoints</b>
|
<b>Breakpoints</b>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="fast-roll" onclick="update()"
|
<input type="radio" id="fast-roll" onclick="update()" name="roll-type" value="0.3" />
|
||||||
name="roll-type" value="0.3" />
|
<label for="fast-roll">Fast Roll (up to 30% equip load)</label>
|
||||||
<label for="fast-roll">Fast Roll (up to 30% equip
|
|
||||||
load)</label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="normal-roll" onclick="update()"
|
<input
|
||||||
name="roll-type" value="0.7" checked />
|
type="radio"
|
||||||
<label for="normal-roll">Normal Roll (up to 70% equip
|
id="normal-roll"
|
||||||
load)</label>
|
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>
|
<div>
|
||||||
<input type="radio" id="fat-roll" onclick="update()"
|
<input type="radio" id="fat-roll" onclick="update()" name="roll-type" value="1.0" />
|
||||||
name="roll-type" value="1.0" />
|
<label for="fat-roll">Fat Roll (up to 100% equip load)</label>
|
||||||
<label for="fat-roll">Fat Roll (up to 100% equip
|
|
||||||
load)</label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
<hr />
|
||||||
<b>Sort by</b>
|
<b>Sort by</b>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="sort-average"
|
<input type="radio" id="sort-average" name="sorting-order" onclick="update()" />
|
||||||
name="sorting-order" onclick="update()" />
|
<label for="sort-average">Greatest Average Negation</label>
|
||||||
<label for="sort-average">Greatest Average
|
|
||||||
Negation</label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="sort-physical"
|
<input type="radio" id="sort-physical" name="sorting-order" onclick="update()" checked />
|
||||||
name="sorting-order" onclick="update()" checked />
|
<label for="sort-physical">Greatest Physical Negation</label>
|
||||||
<label for="sort-physical">Greatest Physical
|
|
||||||
Negation</label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="sort-elemental"
|
<input type="radio" id="sort-elemental" name="sorting-order" onclick="update()" />
|
||||||
name="sorting-order" onclick="update()" />
|
<label for="sort-elemental">Greatest Elemental Negation</label>
|
||||||
<label for="sort-elemental">Greatest Elemental
|
|
||||||
Negation</label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="sort-resistances"
|
<input type="radio" id="sort-resistances" name="sorting-order" onclick="update()" />
|
||||||
name="sorting-order" onclick="update()" />
|
<label for="sort-resistances">Greatest Resistances</label>
|
||||||
<label for="sort-resistances">Greatest
|
|
||||||
Resistances</label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<input type="radio" id="sort-poise" name="sorting-order"
|
<input type="radio" id="sort-poise" name="sorting-order" onclick="update()" />
|
||||||
onclick="update()" />
|
|
||||||
<label for="sort-poise">Greatest Poise</label>
|
<label for="sort-poise">Greatest Poise</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -128,16 +147,13 @@
|
|||||||
<b>Extras</b>
|
<b>Extras</b>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<input type="checkbox" id="winged-crystal-tear"
|
<input type="checkbox" id="winged-crystal-tear" onchange="update()" disabled />
|
||||||
onchange="update()" disabled />
|
<label for="winged-crystal-tear">Winged Crystal Tear (in mixed physick)</label>
|
||||||
<label for="winged-crystal-tear">Winged Crystal Tear (in
|
|
||||||
mixed physick)</label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<input type="checkbox" id="fashion" onchange="update()"
|
<input type="checkbox" id="fashion" onchange="update()" disabled />
|
||||||
disabled />
|
|
||||||
<label for="fashion">Fashion Mode</label>
|
<label for="fashion">Fashion Mode</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -148,27 +164,22 @@
|
|||||||
</template>
|
</template>
|
||||||
<div>
|
<div>
|
||||||
<label for="locked-helmet">Helmet</label>
|
<label for="locked-helmet">Helmet</label>
|
||||||
<select type="text" id="locked-helmet" name="locked-items"
|
<select type="text" id="locked-helmet" name="locked-items" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="locked-chestpiece">Chestpiece</label>
|
<label for="locked-chestpiece">Chestpiece</label>
|
||||||
<select type="text" id="locked-chestpiece"
|
<select type="text" id="locked-chestpiece" name="locked-items" onchange="update()"></select>
|
||||||
name="locked-items" onchange="update()"></select>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="locked-gauntlets">Gauntlets</label>
|
<label for="locked-gauntlets">Gauntlets</label>
|
||||||
<select type=" text" id="locked-gauntlets"
|
<select type=" text" id="locked-gauntlets" name="locked-items" onchange="update()"></select>
|
||||||
name="locked-items" onchange="update()"></select>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="locked-leggings">Leggings</label>
|
<label for="locked-leggings">Leggings</label>
|
||||||
<select type="text" id="locked-leggings" name="locked-items"
|
<select type="text" id="locked-leggings" name="locked-items" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<button id="clear-equipment" onclick="resetAll()">Reset
|
<button id="clear-equipment" onclick="resetAll()">Reset All</button>
|
||||||
All</button>
|
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
<!-- sort -->
|
<!-- sort -->
|
||||||
@ -218,12 +229,11 @@
|
|||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<h5>
|
<h5>
|
||||||
Erdtree Planner (<a
|
Erdtree Planner (<a href="https://git.palmoe.dk/vodofrede/erdtree"
|
||||||
href="https://git.palmoe.dk/vodofrede/erdtree">available under
|
>available under BSD-3-Clause license</a
|
||||||
BSD-3-Clause license</a>)
|
>)
|
||||||
</h5>
|
</h5>
|
||||||
<h5>Copyright 2022 vodofrede</h5>
|
<h5>Copyright 2022 vodofrede</h5>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,27 +1,31 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
<head>
|
||||||
<head>
|
|
||||||
<!-- 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" />
|
||||||
<link rel="stylesheet" href="style/main.css" />
|
<link rel="stylesheet" href="style/main.css" />
|
||||||
<!-- title and description -->
|
<!-- title and description -->
|
||||||
<title>Class Optimizer - Erdtree</title>
|
<title>Class Optimizer - Erdtree</title>
|
||||||
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico">
|
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico" />
|
||||||
<meta name="description"
|
<meta
|
||||||
content="Starting Class Optimizer for Elden Ring - Including Equipment (Talismans and Helmets)" />
|
name="description"
|
||||||
<meta name="author" content="vodofrede">
|
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:title" content="Class Optimizer - Erdtree" />
|
||||||
<meta property="og:description"
|
<meta
|
||||||
content="Starting Class Optimizer for Elden Ring - Including Equipment (Talismans and Helmets)" />
|
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" />
|
<meta property="og:url" content="https://erdtree.palmoe.dk/class" />
|
||||||
<!-- scripts -->
|
<!-- scripts -->
|
||||||
<script src="/script/class.js"></script>
|
<script src="/script/class.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body onload="init();">
|
<body onload="init();">
|
||||||
<nav>
|
<nav>
|
||||||
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
||||||
<ul>
|
<ul>
|
||||||
@ -54,8 +58,7 @@
|
|||||||
<b>Level</b>
|
<b>Level</b>
|
||||||
<div>
|
<div>
|
||||||
<input id="initial-level" type="number" disabled />
|
<input id="initial-level" type="number" disabled />
|
||||||
<input type="number" style="visibility: hidden"
|
<input type="number" style="visibility: hidden" disabled />
|
||||||
disabled />
|
|
||||||
<input id="final-level" type="number" disabled />
|
<input id="final-level" type="number" disabled />
|
||||||
<input id="virtual-level" type="number" disabled />
|
<input id="virtual-level" type="number" disabled />
|
||||||
</div>
|
</div>
|
||||||
@ -65,8 +68,7 @@
|
|||||||
<label for="vigor">Vigor</label>
|
<label for="vigor">Vigor</label>
|
||||||
<div>
|
<div>
|
||||||
<input type="number" name="initial" disabled />
|
<input type="number" name="initial" disabled />
|
||||||
<input id="vigor" type="number" name="total" min="0"
|
<input id="vigor" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
max="99" oninput="update()" />
|
|
||||||
<input type="number" name="final" disabled />
|
<input type="number" name="final" disabled />
|
||||||
<input type="number" name="virtual" disabled />
|
<input type="number" name="virtual" disabled />
|
||||||
</div>
|
</div>
|
||||||
@ -75,8 +77,7 @@
|
|||||||
<label for="mind">Mind</label>
|
<label for="mind">Mind</label>
|
||||||
<div>
|
<div>
|
||||||
<input type="number" name="initial" disabled />
|
<input type="number" name="initial" disabled />
|
||||||
<input id="mind" type="number" name="total" min="0"
|
<input id="mind" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
max="99" oninput="update()" />
|
|
||||||
<input type="number" name="final" disabled />
|
<input type="number" name="final" disabled />
|
||||||
<input type="number" name="virtual" disabled />
|
<input type="number" name="virtual" disabled />
|
||||||
</div>
|
</div>
|
||||||
@ -85,8 +86,7 @@
|
|||||||
<label for="endurance">Endurance</label>
|
<label for="endurance">Endurance</label>
|
||||||
<div>
|
<div>
|
||||||
<input type="number" name="initial" disabled />
|
<input type="number" name="initial" disabled />
|
||||||
<input id="endurance" type="number" name="total" min="0"
|
<input id="endurance" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
max="99" oninput="update()" />
|
|
||||||
<input type="number" name="final" disabled />
|
<input type="number" name="final" disabled />
|
||||||
<input type="number" name="virtual" disabled />
|
<input type="number" name="virtual" disabled />
|
||||||
</div>
|
</div>
|
||||||
@ -95,8 +95,7 @@
|
|||||||
<label for="strength">Strength</label>
|
<label for="strength">Strength</label>
|
||||||
<div>
|
<div>
|
||||||
<input type="number" name="initial" disabled />
|
<input type="number" name="initial" disabled />
|
||||||
<input id="strength" type="number" name="total" min="0"
|
<input id="strength" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
max="99" oninput="update()" />
|
|
||||||
<input type="number" name="final" disabled />
|
<input type="number" name="final" disabled />
|
||||||
<input type="number" name="virtual" disabled />
|
<input type="number" name="virtual" disabled />
|
||||||
</div>
|
</div>
|
||||||
@ -105,8 +104,7 @@
|
|||||||
<label for="dexterity">Dexterity</label>
|
<label for="dexterity">Dexterity</label>
|
||||||
<div>
|
<div>
|
||||||
<input type="number" name="initial" disabled />
|
<input type="number" name="initial" disabled />
|
||||||
<input id="dexterity" type="number" name="total" min="0"
|
<input id="dexterity" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
max="99" oninput="update()" />
|
|
||||||
<input type="number" name="final" disabled />
|
<input type="number" name="final" disabled />
|
||||||
<input type="number" name="virtual" disabled />
|
<input type="number" name="virtual" disabled />
|
||||||
</div>
|
</div>
|
||||||
@ -115,8 +113,7 @@
|
|||||||
<label for="intelligence">Intelligence</label>
|
<label for="intelligence">Intelligence</label>
|
||||||
<div>
|
<div>
|
||||||
<input type="number" name="initial" disabled />
|
<input type="number" name="initial" disabled />
|
||||||
<input id="intelligence" type="number" name="total"
|
<input id="intelligence" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
min="0" max="99" oninput="update()" />
|
|
||||||
<input type="number" name="final" disabled />
|
<input type="number" name="final" disabled />
|
||||||
<input type="number" name="virtual" disabled />
|
<input type="number" name="virtual" disabled />
|
||||||
</div>
|
</div>
|
||||||
@ -125,8 +122,7 @@
|
|||||||
<label for="faith">Faith</label>
|
<label for="faith">Faith</label>
|
||||||
<div>
|
<div>
|
||||||
<input type="number" name="initial" disabled />
|
<input type="number" name="initial" disabled />
|
||||||
<input id="faith" type="number" name="total" min="0"
|
<input id="faith" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
max="99" oninput="update()" />
|
|
||||||
<input type="number" name="final" disabled />
|
<input type="number" name="final" disabled />
|
||||||
<input type="number" name="virtual" disabled />
|
<input type="number" name="virtual" disabled />
|
||||||
</div>
|
</div>
|
||||||
@ -135,8 +131,7 @@
|
|||||||
<label for="arcane">Arcane</label>
|
<label for="arcane">Arcane</label>
|
||||||
<div>
|
<div>
|
||||||
<input type="number" name="initial" disabled />
|
<input type="number" name="initial" disabled />
|
||||||
<input id="arcane" type="number" name="total" min="0"
|
<input id="arcane" type="number" name="total" min="0" max="99" oninput="update()" />
|
||||||
max="99" oninput="update()" />
|
|
||||||
<input type="number" name="final" disabled />
|
<input type="number" name="final" disabled />
|
||||||
<input type="number" name="virtual" disabled />
|
<input type="number" name="virtual" disabled />
|
||||||
</div>
|
</div>
|
||||||
@ -157,8 +152,7 @@
|
|||||||
<template id="talisman">
|
<template id="talisman">
|
||||||
<li>
|
<li>
|
||||||
<div>
|
<div>
|
||||||
<input name="talisman" type="checkbox"
|
<input name="talisman" type="checkbox" onchange="update()" />
|
||||||
onchange="update()" />
|
|
||||||
<label></label>
|
<label></label>
|
||||||
</div>
|
</div>
|
||||||
<aside></aside>
|
<aside></aside>
|
||||||
@ -173,26 +167,17 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<h2 style="text-align: center">Explanation & Usage</h2>
|
<h2 style="text-align: center">Explanation & Usage</h2>
|
||||||
<p>
|
<p>The four columns in the second box represent, in order:</p>
|
||||||
The four columns in the second box represent, in order:
|
|
||||||
</p>
|
|
||||||
<ol>
|
<ol>
|
||||||
|
<li>Class base stats, e.g. the stats the class has at its base level.</li>
|
||||||
<li>
|
<li>
|
||||||
Class base stats, e.g. the stats the class has at its base
|
Desired stats. Here, you should input what the absolute minimum stats for your build should be.
|
||||||
level.
|
Leave the input fields blank for stats you don't care about.
|
||||||
</li>
|
</li>
|
||||||
|
<li>Final stats. These are your characters stats as they should appear on your level-up screen.</li>
|
||||||
<li>
|
<li>
|
||||||
Desired stats. Here, you should input what the absolute
|
Virtual stats. These are your characters stats after talismans and helmet stat buffs are
|
||||||
minimum stats for your build should be. Leave the input
|
applied.
|
||||||
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>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
@ -235,9 +220,7 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td>Strength</td>
|
<td>Strength</td>
|
||||||
<td>AR</td>
|
<td>AR</td>
|
||||||
<td>37 ≃ 55 (2h)<br />54 ≃ 80 (2h)<br />66 ≃ 99
|
<td>37 ≃ 55 (2h)<br />54 ≃ 80 (2h)<br />66 ≃ 99 (2h)<br />80</td>
|
||||||
(2h)<br />80
|
|
||||||
</td>
|
|
||||||
<td>2-handing gives you 1.5x strength.</td>
|
<td>2-handing gives you 1.5x strength.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
@ -285,8 +268,7 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td></td>
|
<td></td>
|
||||||
<td>Spell Buff</td>
|
<td>Spell Buff</td>
|
||||||
<td>60, 80 (Pure catalyst)<br />30, 45 (Hybrid catalyst)
|
<td>60, 80 (Pure catalyst)<br />30, 45 (Hybrid catalyst)</td>
|
||||||
</td>
|
|
||||||
<td></td>
|
<td></td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
@ -295,12 +277,11 @@
|
|||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<h5>
|
<h5>
|
||||||
Erdtree Planner (<a
|
Erdtree Planner (<a href="https://git.palmoe.dk/vodofrede/erdtree"
|
||||||
href="https://git.palmoe.dk/vodofrede/erdtree">available under
|
>available under BSD-3-Clause license</a
|
||||||
BSD-3-Clause license</a>)
|
>)
|
||||||
</h5>
|
</h5>
|
||||||
<h5>Copyright 2022 vodofrede</h5>
|
<h5>Copyright 2022 vodofrede</h5>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</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" />
|
||||||
|
|||||||
117
src/planner.html
117
src/planner.html
@ -1,27 +1,25 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
<head>
|
||||||
<head>
|
|
||||||
<!-- 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" />
|
||||||
<link rel="stylesheet" href="style/main.css" />
|
<link rel="stylesheet" href="style/main.css" />
|
||||||
<!-- title and description -->
|
<!-- title and description -->
|
||||||
<title>Build Planner - Erdtree</title>
|
<title>Build Planner - Erdtree</title>
|
||||||
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico">
|
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico" />
|
||||||
<meta name="description"
|
<meta name="description" content="Build Planner for Elden Ring - With import and export" />
|
||||||
content="Build Planner for Elden Ring - With import and export" />
|
<meta name="author" content="vodofrede" />
|
||||||
<meta name="author" content="vodofrede">
|
|
||||||
<meta property="og:title" content="Build Planner - Erdtree" />
|
<meta property="og:title" content="Build Planner - Erdtree" />
|
||||||
<meta property="og:description"
|
<meta property="og:description" content="Build Planner for Elden Ring - With import and export" />
|
||||||
content="Build Planner for Elden Ring - With import and export" />
|
|
||||||
<meta property="og:url" content="https://erdtree.palmoe.dk/planner" />
|
<meta property="og:url" content="https://erdtree.palmoe.dk/planner" />
|
||||||
<!-- scripts -->
|
<!-- scripts -->
|
||||||
<script src="script/planner.js"></script>
|
<script src="script/planner.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body onload="init()">
|
<body onload="init()">
|
||||||
<nav>
|
<nav>
|
||||||
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
||||||
<ul>
|
<ul>
|
||||||
@ -69,57 +67,49 @@
|
|||||||
<div>
|
<div>
|
||||||
<label for="vigor">Vigor</label>
|
<label for="vigor">Vigor</label>
|
||||||
<span>
|
<span>
|
||||||
<input type="number" id="vigor" name="final" min="0"
|
<input type="number" id="vigor" name="final" min="0" max="99" onchange="update()" />
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="mind">Mind</label>
|
<label for="mind">Mind</label>
|
||||||
<span>
|
<span>
|
||||||
<input type="number" id="mind" name="final" min="0"
|
<input type="number" id="mind" name="final" min="0" max="99" onchange="update()" />
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="endurance">Endurance</label>
|
<label for="endurance">Endurance</label>
|
||||||
<span>
|
<span>
|
||||||
<input type="number" id="endurance" name="final" min="0"
|
<input type="number" id="endurance" name="final" min="0" max="99" onchange="update()" />
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="strength">Strength</label>
|
<label for="strength">Strength</label>
|
||||||
<span>
|
<span>
|
||||||
<input type="number" id="strength" name="final" min="0"
|
<input type="number" id="strength" name="final" min="0" max="99" onchange="update()" />
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="dexterity">Dexterity</label>
|
<label for="dexterity">Dexterity</label>
|
||||||
<span>
|
<span>
|
||||||
<input type="number" id="dexterity" name="final" min="0"
|
<input type="number" id="dexterity" name="final" min="0" max="99" onchange="update()" />
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="intelligence">Intelligence</label>
|
<label for="intelligence">Intelligence</label>
|
||||||
<span>
|
<span>
|
||||||
<input type="number" id="intelligence" name="final"
|
<input type="number" id="intelligence" name="final" min="0" max="99" onchange="update()" />
|
||||||
min="0" max="99" onchange="update()" />
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="faith">Faith</label>
|
<label for="faith">Faith</label>
|
||||||
<span>
|
<span>
|
||||||
<input type="number" id="faith" name="final" min="0"
|
<input type="number" id="faith" name="final" min="0" max="99" onchange="update()" />
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="arcane">Arcane</label>
|
<label for="arcane">Arcane</label>
|
||||||
<span>
|
<span>
|
||||||
<input type="number" id="arcane" name="final" min="0"
|
<input type="number" id="arcane" name="final" min="0" max="99" onchange="update()" />
|
||||||
max="99" onchange="update()" />
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
<hr />
|
||||||
@ -140,79 +130,66 @@
|
|||||||
<b>Weapons & Shields</b>
|
<b>Weapons & Shields</b>
|
||||||
<template id="picker">
|
<template id="picker">
|
||||||
<div class="popup">
|
<div class="popup">
|
||||||
<input type="image" src="/resource/icon/standard.jpg"
|
<input type="image" src="/resource/icon/standard.jpg" height="20px" />
|
||||||
height="20px" />
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<span>
|
<span>
|
||||||
<select id="lh1" name="weapon"
|
<select id="lh1" name="weapon" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
<img id="lh1-img" src="/resource/icon/standard.jpg"
|
<img id="lh1-img" src="/resource/icon/standard.jpg" width="20px" />
|
||||||
width="20px" />
|
|
||||||
<select id="lh1-infusion" name="infusion"></select>
|
<select id="lh1-infusion" name="infusion"></select>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span>
|
<span>
|
||||||
<select id="rh1" name="weapon"
|
<select id="rh1" name="weapon" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
<select id="rh1-infusion" name="infusion"></select>
|
<select id="rh1-infusion" name="infusion"></select>
|
||||||
<img id="rh1-img" src="/resource/icon/standard.jpg"
|
<img id="rh1-img" src="/resource/icon/standard.jpg" width="20px" />
|
||||||
width="20px" />
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<span>
|
<span>
|
||||||
<select id="lh2" name="weapon"
|
<select id="lh2" name="weapon" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
<img id="lh2-img" src="/resource/icon/standard.jpg"
|
<img id="lh2-img" src="/resource/icon/standard.jpg" width="20px" />
|
||||||
width="20px" />
|
|
||||||
<select id="lh2-infusion" name="infusion"></select>
|
<select id="lh2-infusion" name="infusion"></select>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span>
|
<span>
|
||||||
<select id="rh2" name="weapon"
|
<select id="rh2" name="weapon" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
<select id="rh2-infusion" name="infusion"></select>
|
<select id="rh2-infusion" name="infusion"></select>
|
||||||
<img id="rh2-img" src="/resource/icon/standard.jpg"
|
<img id="rh2-img" src="/resource/icon/standard.jpg" width="20px" />
|
||||||
width="20px" />
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<span>
|
<span>
|
||||||
<select id="lh3" name="weapon"
|
<select id="lh3" name="weapon" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
<img id="lh3-img" src="/resource/icon/standard.jpg"
|
<img id="lh3-img" src="/resource/icon/standard.jpg" width="20px" />
|
||||||
width="20px" />
|
|
||||||
<select id="lh3-infusion" name="infusion"></select>
|
<select id="lh3-infusion" name="infusion"></select>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span>
|
<span>
|
||||||
<select id="rh3" name="weapon"
|
<select id="rh3" name="weapon" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
<select id="rh3-infusion" name="infusion"></select>
|
<select id="rh3-infusion" name="infusion"></select>
|
||||||
<img id="rh3-img" src="/resource/icon/standard.jpg"
|
<img id="rh3-img" src="/resource/icon/standard.jpg" width="20px" />
|
||||||
width="20px" />
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -220,45 +197,37 @@
|
|||||||
<b>Armor</b>
|
<b>Armor</b>
|
||||||
<div>
|
<div>
|
||||||
<label>Helmet</label>
|
<label>Helmet</label>
|
||||||
<select id="helmet" name="armor"
|
<select id="helmet" name="armor" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label>Chestpiece</label>
|
<label>Chestpiece</label>
|
||||||
<select id="chestpiece" name="armor"
|
<select id="chestpiece" name="armor" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label>Gauntlets</label>
|
<label>Gauntlets</label>
|
||||||
<select id="gauntlets" name="armor"
|
<select id="gauntlets" name="armor" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label>Leggings</label>
|
<label>Leggings</label>
|
||||||
<select id="leggings" name="armor"
|
<select id="leggings" name="armor" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
<hr />
|
||||||
<li><b>Talismans</b></li>
|
<li><b>Talismans</b></li>
|
||||||
<div>
|
<div>
|
||||||
<label>Talisman #1</label>
|
<label>Talisman #1</label>
|
||||||
<select id="talisman-1" name="talisman"
|
<select id="talisman-1" name="talisman" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label>Talisman #2</label>
|
<label>Talisman #2</label>
|
||||||
<select id="talisman-2" name="talisman"
|
<select id="talisman-2" name="talisman" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label>Talisman #3</label>
|
<label>Talisman #3</label>
|
||||||
<select id="talisman-3" name="talisman"
|
<select id="talisman-3" name="talisman" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label>Talisman #4</label>
|
<label>Talisman #4</label>
|
||||||
<select id="talisman-4" name="talisman"
|
<select id="talisman-4" name="talisman" onchange="update()"></select>
|
||||||
onchange="update()"></select>
|
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
<hr />
|
||||||
<li><b>Spells</b></li>
|
<li><b>Spells</b></li>
|
||||||
@ -266,18 +235,16 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<h2 style="text-align: center">Explanation & Usage</h2>
|
<h2 style="text-align: center">Explanation & Usage</h2>
|
||||||
<p>This page is under development, don't expect everything to work
|
<p>This page is under development, don't expect everything to work perfectly.</p>
|
||||||
perfectly.</p>
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<h5>
|
<h5>
|
||||||
Erdtree Planner (<a
|
Erdtree Planner (<a href="https://git.palmoe.dk/vodofrede/erdtree"
|
||||||
href="https://git.palmoe.dk/vodofrede/erdtree">available under
|
>available under BSD-3-Clause license</a
|
||||||
BSD-3-Clause license</a>)
|
>)
|
||||||
</h5>
|
</h5>
|
||||||
<h5>Copyright 2022 vodofrede</h5>
|
<h5>Copyright 2022 vodofrede</h5>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
637
src/weapon.html
637
src/weapon.html
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user