vodofrede/erdtree
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

removed empty ruleset; added weapon categories

Browse Source
This commit is contained in:
Frederik Palmø 2022-04-05 21:57:41 +02:00
parent a4cc8e66f3
commit 8b8d5a9226
3 changed files with 1009 additions and 168 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

802
src/data/weapons.json
View File

File diff suppressed because it is too large Load Diff

8
src/style/main.css
View File

@ -190,10 +190,6 @@ th {
padding: 0.5em; padding: 0.5em;
} }
th {
border-bottom: 1px solid var(--border);
}
/* buttons & input */ /* buttons & input */
button { button {
/* border: var(--border); /* border: var(--border);
@ -232,7 +228,8 @@ select * {
.cards article { .cards article {
text-align: center; text-align: center;
width: 32%; flex-basis: 40%;
margin: 0.2rem;
border: 1px solid var(--font-color); border: 1px solid var(--font-color);
border-radius: 5px; border-radius: 5px;
@ -263,6 +260,7 @@ select * {
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 5px; border-radius: 5px;
background-color: var(--lighter); background-color: var(--lighter);
min-width: 250px;
} }
.app article > * { .app article > * {

291
src/weapons.html
View File

@ -1,28 +1,32 @@
<!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 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>Erdtree - Weapon Finder</title> <title>Erdtree - Weapon Finder</title>
<meta name="description" content="Erdtree - Elden Ring build planner, armor optimizer, weapon finder and more!"> <meta
name="description"
content="Erdtree - Elden Ring build planner, armor optimizer, weapon finder and more!"
/>
<meta property="og:title" content="Erdtree Build Planner"> <meta property="og:title" content="Erdtree Build Planner" />
<meta property="og:description" <meta
content="Erdtree - Elden Ring build planner, armor optimizer, weapon finder and more!"> property="og:description"
<meta property="og:url" content="https://erdtree.palmoe.dk"> content="Erdtree - Elden Ring build planner, armor optimizer, weapon finder and more!"
/>
<meta property="og:url" content="https://erdtree.palmoe.dk" />
<!-- scripts --> <!-- scripts -->
<script src="/script/weapons.js"></script> <script src="/script/weapons.js"></script>
</head> </head>
<body onload="init();"> <body onload="init();">
<nav> <nav>
<h1><a href="/">Elden Ring Build Planner</a></h1> <h1><a href="/">Elden Ring Build Planner</a></h1>
<ul> <ul>
@ -31,117 +35,228 @@
</nav> </nav>
<header> <header>
<h1>Weapon Finder<h1> <h1>Weapon Finder</h1>
</header> </header>
<main> <main>
<div class="app"> <div class="app">
<!-- parameters --> <!-- parameters -->
<article style="flex-basis: 15%"> <article style="flex-basis: 40%">
<ul> <b>Parameters</b>
<li><b>Parameters</b></li>
<hr> <hr />
<li>
<label for="strength">Strength</label>
<input id="strength" type="number" class="stat" name="stat" value=10 min=0 max=99>
</li>
<li>
<label for="dexterity">Dexterity</label>
<input id="dexterity" type="number" class="stat" name="stat" value=10 min=0 max=99>
</li>
<li>
<label for="intelligence">Intelligence</label>
<input id="intelligence" type="number" class="stat" name="stat" value=10 min=0 max=99>
</li>
<li>
<label for="faith">Faith</label>
<input id="faith" type="number" class="stat" name="stat" value=10 min=0 max=99>
</li>
<li>
<label for="arcane">Arcane</label>
<input id="arcane" type="number" class="stat" name="stat" value=10 min=0 max=99>
</li>
<li>
<div> <div>
<input id="2hand" type="checkbox"> <label for="str">Strength</label>
<label for="2hand">2-handing</label> <input id="str" type="number" name="stat" value="10" min="0" max="99" onchange="update()" />
</div> </div>
</li>
<hr>
<li><b>Damage Types</b></li>
<li>
<div> <div>
<input id="physical" type="checkbox" checked> <label for="dex">Dexterity</label>
<input id="dex" type="number" name="stat" value="10" min="0" max="99" onchange="update()" />
</div>
<div>
<label for="int">Intelligence</label>
<input id="int" type="number" name="stat" value="10" min="0" max="99" onchange="update()" />
</div>
<div>
<label for="fth">Faith</label>
<input id="fth" type="number" name="stat" value="10" min="0" max="99" onchange="update()" />
</div>
<div>
<label for="arc">Arcane</label>
<input id="arc" type="number" name="stat" value="10" min="0" max="99" onchange="update()" />
</div>
<hr />
<div>
<span>
<input type="radio" id="max-upgrade" name="upgrade-level" onchange="update()" checked />
<label for="max-upgrade">Reinforced (+10 or +25)</label>
</span>
</div>
<div>
<span>
<input type="radio" id="min-upgrade" name="upgrade-level" onchange="update()" />
<label for="min-upgrade">Not Reinforced (+0)</label>
</span>
</div>
<hr />
<div>
<span>
<input id="requirements" type="checkbox" onchange="update()" checked />
<label for="requirements">Requirements Met</label>
</span>
</div>
<div>
<span>
<input id="2handing" type="checkbox" onchange="update()" />
<label for="2handing">2-handing (1.5x strength)</label>
</span>
</div>
<hr />
<div>
<b>Infusions</b>
<span>
<button>Any</button>
<button>None</button>
</span>
</div>
<div>
<span>
<input id="standard" type="checkbox" name="infusion" checked />
<label for="standard">Standard</label>
</span>
</div>
<div>
<span>
<input id="heavy" type="checkbox" name="infusion" checked />
<label for="heavy">Heavy</label>
</span>
</div>
<div>
<span>
<input id="keen" type="checkbox" name="infusion" checked />
<label for="keen">Keen</label>
</span>
</div>
<div>
<span>
<input id="quality" type="checkbox" name="infusion" checked />
<label for="quality">Quality</label>
</span>
</div>
<div>
<span>
<input id="fire" type="checkbox" name="infusion" checked />
<label for="fire">Fire</label>
</span>
</div>
<div>
<span>
<input id="flame-art" type="checkbox" name="infusion" checked />
<label for="flame-art">Flame Art</label>
</span>
</div>
<div>
<span>
<input id="lightning" type="checkbox" name="infusion" checked />
<label for="lightning">Lightning</label>
</span>
</div>
<div>
<span>
<input id="sacred" type="checkbox" name="infusion" checked />
<label for="sacred">Sacred</label>
</span>
</div>
<div>
<span>
<input id="magic" type="checkbox" name="infusion" checked />
<label for="magic">Magic</label>
</span>
</div>
<div>
<span>
<input id="cold" type="checkbox" name="infusion" checked />
<label for="cold">Cold</label>
</span>
</div>
<div>
<span>
<input id="poison" type="checkbox" name="infusion" checked />
<label for="poison">Poison</label>
</span>
</div>
<div>
<span>
<input id="blood" type="checkbox" name="infusion" checked />
<label for="blood">Blood</label>
</span>
</div>
<div>
<span>
<input id="occult" type="checkbox" name="infusion" checked />
<label for="occult">Occult</label>
</span>
</div>
<hr />
<b>Damage Types</b>
<div>
<span>
<input id="physical" type="checkbox" name="damage-type" checked />
<label for="physical">Physical Damage</label> <label for="physical">Physical Damage</label>
</span>
</div> </div>
</li>
<li>
<div> <div>
<input id="magic" type="checkbox" checked> <span>
<input id="magic" type="checkbox" name="damage-type" checked />
<label for="magic">Magic Damage</label> <label for="magic">Magic Damage</label>
</span>
</div> </div>
</li>
<li>
<div> <div>
<input id="fire" type="checkbox" checked> <span>
<input id="fire" type="checkbox" name="damage-type" checked />
<label for="fire">Fire Damage</label> <label for="fire">Fire Damage</label>
</span>
</div> </div>
</li>
<li>
<div> <div>
<input id="lightning" type="checkbox" checked> <span>
<input id="lightning" type="checkbox" name="damage-type" checked />
<label for="lightning">Lightning Damage</label> <label for="lightning">Lightning Damage</label>
</span>
</div> </div>
</li>
<li>
<div> <div>
<input id="Holy" type="checkbox" checked> <span>
<input id="Holy" type="checkbox" name="damage-type" checked />
<label for="Holy">Holy Damage</label> <label for="Holy">Holy Damage</label>
</span>
</div> </div>
</li> </article>
</ul>
<article style="flex-basis: 40%">
<b>Categories</b>
<hr />
</article> </article>
<!-- results --> <!-- results -->
<article style="flex-basis: 60%"> <article style="flex-basis: 55%">
<b>Results</b>
<hr />
<template id="weaponTemplate">
<tr>
<td></td>
<td></td>
</tr>
</template>
</article>
<!-- infusions -->
<article style="flex-basis: 15%">
<ul>
<li><b>Infusions</b></li>
<hr>
<li>
<div> <div>
<input id="standard" type="radio" name="infusion" checked> <table>
<label for="standard">Standard</label> <thead>
<tr>
<th>Weapon</th>
<th name="standard">Attack Rating</th>
</tr>
</thead>
<tbody id="weapons"></tbody>
</table>
</div> </div>
</li>
<li>
<div>
<input id="heavy" type="radio" name="infusion">
<label for="heavy">Heavy</label>
</div>
</li>
</ul>
</article> </article>
</div> </div>
</main> </main>
<footer> <footer>
<h5>Erdtree Planner (<a href="https://git.palmoe.dk/vodofrede/erdtree">available under BSD-3-Clause license</a>) <h5>
Erdtree Planner (<a href="https://git.palmoe.dk/vodofrede/erdtree"
>available under BSD-3-Clause license</a
>)
</h5> </h5>
<h5>Copyright 2022 vodofrede</h5> <h5>Copyright 2022 vodofrede</h5>
</footer> </footer>
</body> </body>
</html> </html>