re-arranged header tags
This commit is contained in:
parent
dc8a3927d6
commit
402a13e7c1
@ -23,7 +23,7 @@
|
||||
|
||||
<body onload="init();">
|
||||
<nav>
|
||||
<h1><a href="/">Elden Ring Build Planner</a></h1>
|
||||
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
||||
<ul>
|
||||
<li><a href="/planner.html">Build Planner</a></li>
|
||||
</ul>
|
||||
@ -142,7 +142,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<b>Locked Items</b>
|
||||
<b>Locked Armor</b>
|
||||
<template id="locked-option">
|
||||
<option value="">Placeholder</option>
|
||||
</template>
|
||||
@ -181,7 +181,7 @@
|
||||
<template id="result">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Items</th>
|
||||
<th>Armor</th>
|
||||
<th>Stats</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@ -211,20 +211,17 @@
|
||||
</article>
|
||||
<!-- filter -->
|
||||
<article>
|
||||
<ul>
|
||||
<li>
|
||||
<b>Allowed Armor</b>
|
||||
</li>
|
||||
</ul>
|
||||
<b>Allowed Armor</b>
|
||||
<p>(Under development)</p>
|
||||
</article>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<h5>
|
||||
<h4>
|
||||
Erdtree Planner (<a
|
||||
href="https://git.palmoe.dk/vodofrede/erdtree">available under
|
||||
BSD-3-Clause license</a>)
|
||||
</h5>
|
||||
</h4>
|
||||
<h5>Copyright 2022 vodofrede</h5>
|
||||
</footer>
|
||||
</body>
|
||||
|
227
src/class.html
227
src/class.html
@ -23,13 +23,13 @@
|
||||
|
||||
<body onload="init();">
|
||||
<nav>
|
||||
<h1><a href="/">Elden Ring Build Planner</a></h1>
|
||||
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
||||
<ul>
|
||||
<a href="/planner.html">Build Planner</a>
|
||||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<h2>Class Optimizer</h2>
|
||||
<h1>Class Optimizer</h1>
|
||||
</header>
|
||||
<main>
|
||||
<div class="app">
|
||||
@ -144,13 +144,14 @@
|
||||
</article>
|
||||
<article>
|
||||
<div>
|
||||
<b>Helmet</b>
|
||||
<label>
|
||||
<b>Helmet</b>
|
||||
</label>
|
||||
<select id="helmet" name="equipment" onchange="update()">
|
||||
<option id="none" value="none">No Helmet</option>
|
||||
</select>
|
||||
</div>
|
||||
<hr />
|
||||
<b>Talismans</b>
|
||||
<div>
|
||||
<ul id="talismans">
|
||||
<template id="talisman">
|
||||
@ -170,106 +171,134 @@
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<h3 style="text-align: center">Softcaps</h3>
|
||||
<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>
|
||||
<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>
|
||||
<h4>
|
||||
Erdtree Planner (<a
|
||||
href="https://git.palmoe.dk/vodofrede/erdtree">available under
|
||||
BSD-3-Clause license</a>)
|
||||
</h5>
|
||||
</h4>
|
||||
<h5>Copyright 2022 vodofrede</h5>
|
||||
</footer>
|
||||
</body>
|
||||
|
@ -21,7 +21,7 @@
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<h1><a href="/">Elden Ring Build Planner</a></h1>
|
||||
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
||||
<ul>
|
||||
<li><a href="/planner.html">Build Planner</a></li>
|
||||
</ul>
|
||||
@ -31,34 +31,34 @@
|
||||
</header>
|
||||
<main>
|
||||
<div class="cards">
|
||||
<article>
|
||||
<a href="/class.html">
|
||||
<h3>Class Optimizer</h3>
|
||||
<a href="/class.html">
|
||||
<article>
|
||||
<h2>Class Optimizer</h2>
|
||||
<br />
|
||||
<p>Find the optimal starting class for your build.</p>
|
||||
</a>
|
||||
</article>
|
||||
<article>
|
||||
<a href="/armor.html">
|
||||
<h3>Armor Optimizer</h3>
|
||||
</article>
|
||||
</a>
|
||||
<a href="/armor.html">
|
||||
<article>
|
||||
<h2>Armor Optimizer</h2>
|
||||
<br />
|
||||
<p>Maximize defensive stats.</p>
|
||||
</a>
|
||||
</article>
|
||||
<article>
|
||||
<a href="/weapon.html">
|
||||
<h3>Weapon Finder</h3>
|
||||
</article>
|
||||
</a>
|
||||
<a href="/weapon.html">
|
||||
<article>
|
||||
<h2>Weapon Finder</h2>
|
||||
<br />
|
||||
<p>Get suggestions for usable weapons.</p>
|
||||
</a>
|
||||
</article>
|
||||
<article>
|
||||
<a href="/planner.html">
|
||||
<h3>Build Planner (in progress)</h3>
|
||||
</article>
|
||||
</a>
|
||||
<a href="/planner.html">
|
||||
<article>
|
||||
<h2>Build Planner (in progress)</h2>
|
||||
<br />
|
||||
<p>Create a new build.</p>
|
||||
</a>
|
||||
</article>
|
||||
</article>
|
||||
</a>
|
||||
</div>
|
||||
<h3>Credits</h3>
|
||||
<p>
|
||||
@ -67,11 +67,11 @@
|
||||
</p>
|
||||
</main>
|
||||
<footer>
|
||||
<h5>
|
||||
<h4>
|
||||
Erdtree Planner (<a
|
||||
href="https://git.palmoe.dk/vodofrede/erdtree">available under
|
||||
BSD-3-Clause license</a>)
|
||||
</h5>
|
||||
</h4>
|
||||
<h5>Copyright 2022 vodofrede</h5>
|
||||
</footer>
|
||||
</body>
|
||||
|
@ -23,7 +23,7 @@
|
||||
|
||||
<body onload="init()">
|
||||
<nav>
|
||||
<h1><a href="/">Elden Ring Build Planner</a></h1>
|
||||
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
||||
<ul>
|
||||
<li><a href="/planner.html">Build Planner</a></li>
|
||||
</ul>
|
||||
@ -264,13 +264,18 @@
|
||||
<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>
|
||||
<h4>
|
||||
Erdtree Planner (<a
|
||||
href="https://git.palmoe.dk/vodofrede/erdtree">available under
|
||||
BSD-3-Clause license</a>)
|
||||
</h5>
|
||||
</h4>
|
||||
<h5>Copyright 2022 vodofrede</h5>
|
||||
</footer>
|
||||
</body>
|
||||
|
@ -94,7 +94,7 @@ footer {
|
||||
|
||||
hr {
|
||||
color: var(--border);
|
||||
margin-top: 0.3rem;
|
||||
margin-top: 0.12rem;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
@ -227,7 +227,9 @@ button {
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
user-select: none;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
input {
|
||||
@ -252,14 +254,18 @@ select option {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: center;
|
||||
gap: 15px;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.cards * {
|
||||
flex-basis: 40%;
|
||||
}
|
||||
|
||||
.cards article {
|
||||
text-align: center;
|
||||
|
||||
flex-basis: 40%;
|
||||
margin: 0.2rem;
|
||||
padding: 0.8rem 0rem 0.9rem 0rem;
|
||||
|
||||
border: 1px solid var(--font-color);
|
||||
border-radius: 5px;
|
||||
@ -299,7 +305,8 @@ select option {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: space-between;
|
||||
align-content: flex-start;
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.app article input {
|
||||
|
@ -23,7 +23,7 @@
|
||||
|
||||
<body onload="init();">
|
||||
<nav>
|
||||
<h1><a href="/">Elden Ring Build Planner</a></h1>
|
||||
<h2><a href="/">Elden Ring Build Planner</a></h2>
|
||||
<ul>
|
||||
<li><a href="/planner.html">Build Planner</a></li>
|
||||
</ul>
|
||||
@ -111,7 +111,7 @@
|
||||
<input type="radio" id="2h-sometimes" name="handedness"
|
||||
onchange="update()" />
|
||||
<label for="2h-sometimes">Usable
|
||||
One-Handed</label>
|
||||
One-handed</label>
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
@ -676,14 +676,45 @@
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div>
|
||||
<h2 style="text-align: center">Notes</h2>
|
||||
<p>Click the headers in the table to sort the table based that
|
||||
column.
|
||||
</p>
|
||||
<p>
|
||||
You can choose between three modes of handedness:
|
||||
<ol>
|
||||
<li>One-handed: Calculates damage and requirements based on
|
||||
one-handed use</li>
|
||||
<li>
|
||||
Usable one-handed: Calculates damage based on two-handed
|
||||
use, but accounts for weapon being usable one-handed as
|
||||
well
|
||||
</li>
|
||||
<li>Two-handed: Self-explanatory</li>
|
||||
</ol>
|
||||
</p>
|
||||
<p>This calculator currently doesn't take auxiliary damage procs
|
||||
(cold,
|
||||
bleed, scarlet rot and poison) into account. Therefore, it won't
|
||||
be very useful for finding weapons to use in a bleed build.
|
||||
</p>
|
||||
<p>Catalysts (sacred seals and glintstone staffs) will show their
|
||||
<em>attack rating</em>, not their <em>spell scaling</em>.
|
||||
</p>
|
||||
<p>The same holds true for shields, which are also sorted based on
|
||||
<em>attack
|
||||
rating</em>
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<h5>
|
||||
<h4>
|
||||
Erdtree Planner (
|
||||
<a href="https://git.palmoe.dk/vodofrede/erdtree">available under
|
||||
BSD-3-Clause license</a>
|
||||
)
|
||||
</h5>
|
||||
</h4>
|
||||
<h5>Copyright 2022 vodofrede</h5>
|
||||
</footer>
|
||||
</body>
|
||||
|
Loading…
Reference in New Issue
Block a user