formatted with prettier; added lang meta tag

This commit is contained in:
Frederik Palmø 2022-04-12 15:10:10 +02:00
parent 1efe534136
commit 64a40e3b12
5 changed files with 1670 additions and 1486 deletions

View File

@ -1,21 +1,25 @@
<!DOCTYPE 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">
<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: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>
@ -39,88 +43,103 @@
<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" />
<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" />
<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 />
<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>
<input type="radio" id="fast-roll" onclick="update()"
name="roll-type" value="0.3" />
<label for="fast-roll">Fast Roll (up to 30% equip
load)</label>
<input type="radio" id="fast-roll" onclick="update()" name="roll-type" value="0.3" />
<label for="fast-roll">Fast Roll (up to 30% equip load)</label>
</div>
</div>
<div>
<div>
<input type="radio" id="normal-roll" onclick="update()"
name="roll-type" value="0.7" checked />
<label for="normal-roll">Normal Roll (up to 70% equip
load)</label>
<input
type="radio"
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>
<input type="radio" id="fat-roll" onclick="update()"
name="roll-type" value="1.0" />
<label for="fat-roll">Fat Roll (up to 100% equip
load)</label>
<input type="radio" id="fat-roll" onclick="update()" name="roll-type" value="1.0" />
<label for="fat-roll">Fat Roll (up to 100% equip load)</label>
</div>
</div>
<hr />
<b>Sort by</b>
<div>
<div>
<input type="radio" id="sort-average"
name="sorting-order" onclick="update()" />
<label for="sort-average">Greatest Average
Negation</label>
<input type="radio" id="sort-average" name="sorting-order" onclick="update()" />
<label for="sort-average">Greatest Average Negation</label>
</div>
</div>
<div>
<div>
<input type="radio" id="sort-physical"
name="sorting-order" onclick="update()" checked />
<label for="sort-physical">Greatest Physical
Negation</label>
<input type="radio" id="sort-physical" name="sorting-order" onclick="update()" checked />
<label for="sort-physical">Greatest Physical Negation</label>
</div>
</div>
<div>
<div>
<input type="radio" id="sort-elemental"
name="sorting-order" onclick="update()" />
<label for="sort-elemental">Greatest Elemental
Negation</label>
<input type="radio" id="sort-elemental" name="sorting-order" onclick="update()" />
<label for="sort-elemental">Greatest Elemental Negation</label>
</div>
</div>
<div>
<div>
<input type="radio" id="sort-resistances"
name="sorting-order" onclick="update()" />
<label for="sort-resistances">Greatest
Resistances</label>
<input type="radio" id="sort-resistances" name="sorting-order" onclick="update()" />
<label for="sort-resistances">Greatest Resistances</label>
</div>
</div>
<div>
<div>
<input type="radio" id="sort-poise" name="sorting-order"
onclick="update()" />
<input type="radio" id="sort-poise" name="sorting-order" onclick="update()" />
<label for="sort-poise">Greatest Poise</label>
</div>
</div>
@ -128,16 +147,13 @@
<b>Extras</b>
<div>
<div>
<input type="checkbox" id="winged-crystal-tear"
onchange="update()" disabled />
<label for="winged-crystal-tear">Winged Crystal Tear (in
mixed physick)</label>
<input type="checkbox" id="winged-crystal-tear" onchange="update()" disabled />
<label for="winged-crystal-tear">Winged Crystal Tear (in mixed physick)</label>
</div>
</div>
<div>
<div>
<input type="checkbox" id="fashion" onchange="update()"
disabled />
<input type="checkbox" id="fashion" onchange="update()" disabled />
<label for="fashion">Fashion Mode</label>
</div>
</div>
@ -148,27 +164,22 @@
</template>
<div>
<label for="locked-helmet">Helmet</label>
<select type="text" id="locked-helmet" name="locked-items"
onchange="update()"></select>
<select type="text" id="locked-helmet" name="locked-items" onchange="update()"></select>
</div>
<div>
<label for="locked-chestpiece">Chestpiece</label>
<select type="text" id="locked-chestpiece"
name="locked-items" onchange="update()"></select>
<select type="text" id="locked-chestpiece" name="locked-items" onchange="update()"></select>
</div>
<div>
<label for="locked-gauntlets">Gauntlets</label>
<select type=" text" id="locked-gauntlets"
name="locked-items" onchange="update()"></select>
<select type=" text" id="locked-gauntlets" name="locked-items" onchange="update()"></select>
</div>
<div>
<label for="locked-leggings">Leggings</label>
<select type="text" id="locked-leggings" name="locked-items"
onchange="update()"></select>
<select type="text" id="locked-leggings" name="locked-items" onchange="update()"></select>
</div>
<div>
<button id="clear-equipment" onclick="resetAll()">Reset
All</button>
<button id="clear-equipment" onclick="resetAll()">Reset All</button>
</div>
</article>
<!-- sort -->
@ -218,12 +229,11 @@
</main>
<footer>
<h5>
Erdtree Planner (<a
href="https://git.palmoe.dk/vodofrede/erdtree">available under
BSD-3-Clause license</a>)
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>

View File

@ -1,21 +1,25 @@
<!DOCTYPE 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">
<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: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>
@ -54,8 +58,7 @@
<b>Level</b>
<div>
<input id="initial-level" type="number" disabled />
<input type="number" style="visibility: hidden"
disabled />
<input type="number" style="visibility: hidden" disabled />
<input id="final-level" type="number" disabled />
<input id="virtual-level" type="number" disabled />
</div>
@ -65,8 +68,7 @@
<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 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>
@ -75,8 +77,7 @@
<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 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>
@ -85,8 +86,7 @@
<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 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>
@ -95,8 +95,7 @@
<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 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>
@ -105,8 +104,7 @@
<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 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>
@ -115,8 +113,7 @@
<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 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>
@ -125,8 +122,7 @@
<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 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>
@ -135,8 +131,7 @@
<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 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>
@ -157,8 +152,7 @@
<template id="talisman">
<li>
<div>
<input name="talisman" type="checkbox"
onchange="update()" />
<input name="talisman" type="checkbox" onchange="update()" />
<label></label>
</div>
<aside></aside>
@ -173,26 +167,17 @@
</div>
<div>
<h2 style="text-align: center">Explanation & Usage</h2>
<p>
The four columns in the second box represent, in order:
</p>
<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>
Class base stats, e.g. the stats the class has at its base
level.
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>
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.
Virtual stats. These are your characters stats after talismans and helmet stat buffs are
applied.
</li>
</ol>
</div>
@ -235,9 +220,7 @@
<tr>
<td>Strength</td>
<td>AR</td>
<td>37 ≃ 55 (2h)<br />54 ≃ 80 (2h)<br />66 ≃ 99
(2h)<br />80
</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>
@ -285,8 +268,7 @@
<tr>
<td></td>
<td>Spell Buff</td>
<td>60, 80 (Pure catalyst)<br />30, 45 (Hybrid catalyst)
</td>
<td>60, 80 (Pure catalyst)<br />30, 45 (Hybrid catalyst)</td>
<td></td>
</tr>
</tbody>
@ -295,12 +277,11 @@
</main>
<footer>
<h5>
Erdtree Planner (<a
href="https://git.palmoe.dk/vodofrede/erdtree">available under
BSD-3-Clause license</a>)
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>

View File

@ -4,6 +4,7 @@
<!-- 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" />
<meta name="msvalidate.01" content="F5D21B696FD2830A4E6329F257394DBC" />
<link rel="stylesheet" href="style/main.css" />

View File

@ -1,21 +1,19 @@
<!DOCTYPE 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">
<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: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>
@ -69,57 +67,49 @@
<div>
<label for="vigor">Vigor</label>
<span>
<input type="number" id="vigor" name="final" min="0"
max="99" onchange="update()" />
<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()" />
<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()" />
<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()" />
<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()" />
<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()" />
<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()" />
<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()" />
<input type="number" id="arcane" name="final" min="0" max="99" onchange="update()" />
</span>
</div>
<hr />
@ -140,79 +130,66 @@
<b>Weapons & Shields</b>
<template id="picker">
<div class="popup">
<input type="image" src="/resource/icon/standard.jpg"
height="20px" />
<input type="image" src="/resource/icon/standard.jpg" height="20px" />
</div>
</template>
<div>
<div>
<span>
<select id="lh1" name="weapon"
onchange="update()"></select>
<select id="lh1" name="weapon" onchange="update()"></select>
</span>
<span>
<img id="lh1-img" src="/resource/icon/standard.jpg"
width="20px" />
<img id="lh1-img" src="/resource/icon/standard.jpg" width="20px" />
<select id="lh1-infusion" name="infusion"></select>
</span>
</div>
<div>
<span>
<select id="rh1" name="weapon"
onchange="update()"></select>
<select id="rh1" name="weapon" onchange="update()"></select>
</span>
<span>
<select id="rh1-infusion" name="infusion"></select>
<img id="rh1-img" src="/resource/icon/standard.jpg"
width="20px" />
<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>
<select id="lh2" name="weapon" onchange="update()"></select>
</span>
<span>
<img id="lh2-img" src="/resource/icon/standard.jpg"
width="20px" />
<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>
<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" />
<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>
<select id="lh3" name="weapon" onchange="update()"></select>
</span>
<span>
<img id="lh3-img" src="/resource/icon/standard.jpg"
width="20px" />
<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>
<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" />
<img id="rh3-img" src="/resource/icon/standard.jpg" width="20px" />
</span>
</div>
</div>
@ -220,45 +197,37 @@
<b>Armor</b>
<div>
<label>Helmet</label>
<select id="helmet" name="armor"
onchange="update()"></select>
<select id="helmet" name="armor" onchange="update()"></select>
</div>
<div>
<label>Chestpiece</label>
<select id="chestpiece" name="armor"
onchange="update()"></select>
<select id="chestpiece" name="armor" onchange="update()"></select>
</div>
<div>
<label>Gauntlets</label>
<select id="gauntlets" name="armor"
onchange="update()"></select>
<select id="gauntlets" name="armor" onchange="update()"></select>
</div>
<div>
<label>Leggings</label>
<select id="leggings" name="armor"
onchange="update()"></select>
<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>
<select id="talisman-1" name="talisman" onchange="update()"></select>
</div>
<div>
<label>Talisman #2</label>
<select id="talisman-2" name="talisman"
onchange="update()"></select>
<select id="talisman-2" name="talisman" onchange="update()"></select>
</div>
<div>
<label>Talisman #3</label>
<select id="talisman-3" name="talisman"
onchange="update()"></select>
<select id="talisman-3" name="talisman" onchange="update()"></select>
</div>
<div>
<label>Talisman #4</label>
<select id="talisman-4" name="talisman"
onchange="update()"></select>
<select id="talisman-4" name="talisman" onchange="update()"></select>
</div>
<hr />
<li><b>Spells</b></li>
@ -266,18 +235,16 @@
</div>
<div>
<h2 style="text-align: center">Explanation & Usage</h2>
<p>This page is under development, don't expect everything to work
perfectly.</p>
<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>)
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>

File diff suppressed because it is too large Load Diff