This commit is contained in:
ferricles 2021-01-19 21:59:28 -08:00
commit 41d4a4e3b8
5 changed files with 65 additions and 64 deletions

View file

@ -637,7 +637,7 @@ function updateBoosts(buttonId, recalcStats) {
} }
elem.classList.add("toggleOn"); elem.classList.add("toggleOn");
} }
updatePowderSpecials("skip"); //jank pt 1 updatePowderSpecials("skip", false); //jank pt 1
} else { } else {
for (const [key, value] of damageMultipliers) { for (const [key, value] of damageMultipliers) {
let elem = document.getElementById(key + "-boost") let elem = document.getElementById(key + "-boost")

View file

@ -24,16 +24,14 @@
</div> </div>
<div class="summary"> <div class="summary">
<div class="equipment" style="grid-column:1/span 2;grid-row:1"> <div class="equipment" style="grid-column:1/span 2;grid-row:1">
<div style="grid-column:1/span 2;grid-row:1"> <div style="grid-column:1/span 2;grid-row:1;width: 40vw">
<table> <table class="center">
<tr> <tr>
<th class="center title"> <th class="center smalltitle">
<label>Equipment</label> <label>Equipment</label>
</th> </th>
<th class="center title"> <th></th>
<label>Powdering</label> <th class="center smalltitle">
</th>
<th class="center title">
<label>Accessories</label> <label>Accessories</label>
</th> </th>
</tr> </tr>
@ -46,12 +44,12 @@
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label id="helmet-slots" for="helmet-powder">X slots</label> <label id="helmet-slots" for="helmet-powder">X slots</label><br>
<input class="iteminput" type="text" id="helmet-powder" name="helmet-powder" placeholder="Example: t6t6"/> <input class="powderinput" type="text" id="helmet-powder" name="helmet-powder" placeholder="Example: t6t6"/>
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label for="ring1-choice">Ring 1:</label> <label for="ring1-choice">Ring 1:</label><br>
<input class="iteminput" list="ring1-items" id="ring1-choice" name="ring1-choice" placeholder="No Ring 1"/> <input class="iteminput" list="ring1-items" id="ring1-choice" name="ring1-choice" placeholder="No Ring 1"/>
<datalist id="ring1-items"> <datalist id="ring1-items">
</datalist> </datalist>
@ -67,12 +65,12 @@
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label id="chestplate-slots" for="chestplate-powder">X slots</label> <label id="chestplate-slots" for="chestplate-powder">X slots</label><br>
<input class="iteminput" type="text" id="chestplate-powder" name="chestplate-powder" /> <input class="powderinput" type="text" id="chestplate-powder" name="chestplate-powder" />
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label for="ring2-choice">Ring 2:</label> <label for="ring2-choice">Ring 2:</label><br>
<input class="iteminput" list="ring2-items" id="ring2-choice" name="ring2-choice" placeholder="No Ring 2" /> <input class="iteminput" list="ring2-items" id="ring2-choice" name="ring2-choice" placeholder="No Ring 2" />
<datalist id="ring2-items"> <datalist id="ring2-items">
</datalist> </datalist>
@ -88,12 +86,12 @@
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label id="leggings-slots" for="leggings-powder">X slots</label> <label id="leggings-slots" for="leggings-powder">X slots</label><br>
<input class="iteminput" type="text" id="leggings-powder" name="leggings-powder" /> <input class="powderinput" type="text" id="leggings-powder" name="leggings-powder" />
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label for="bracelet-choice">Bracelet:</label> <label for="bracelet-choice">Bracelet:</label><br>
<input class="iteminput" list="bracelet-items" id="bracelet-choice" name="bracelet-choice" placeholder="No Bracelet" /> <input class="iteminput" list="bracelet-items" id="bracelet-choice" name="bracelet-choice" placeholder="No Bracelet" />
<datalist id="bracelet-items"> <datalist id="bracelet-items">
</datalist> </datalist>
@ -109,12 +107,12 @@
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label id="boots-slots" for="boots-powder">X slots</label> <label id="boots-slots" for="boots-powder">X slots</label><br>
<input class="iteminput" type="text" id="boots-powder" name="boots-powder" /> <input class="powderinput" type="text" id="boots-powder" name="boots-powder" />
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label for="necklace-choice">Necklace:</label> <label for="necklace-choice">Necklace:</label><br>
<input class="iteminput" list="necklace-items" id="necklace-choice" name="necklace-choice" placeholder="No Necklace"/> <input class="iteminput" list="necklace-items" id="necklace-choice" name="necklace-choice" placeholder="No Necklace"/>
<datalist id="necklace-items"> <datalist id="necklace-items">
</datalist> </datalist>
@ -132,13 +130,13 @@
</td> </td>
<td class="left"> <td class="left">
<br> <br>
<label id="weapon-slots" for="weapon-powder">X slots</label> <label id="weapon-slots" for="weapon-powder">X slots</label><br>
<input class="iteminput" type="text" id="weapon-powder" name="weapon-powder" /> <input class="powderinput" type="text" id="weapon-powder" name="weapon-powder" />
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<br/> <br/>
<label for="level-choice">Level:</label> <label for="level-choice">Level:</label><br>
<input class="iteminput" id="level-choice" name="level-choice" placeholder="106" value=""/> <input class="iteminput" id="level-choice" name="level-choice" placeholder="106" value=""/>
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif;"></p>
</td> </td>
@ -146,7 +144,7 @@
</table> </table>
</div> </div>
<div class="center" style="grid-column:1/span 3;grid-row:2"> <div class="center" style="grid-column:1/span 3;grid-row:2">
<table> <table class="center">
<tr> <tr>
<td> <td>
<br/> <br/>
@ -302,27 +300,27 @@
</p> </p>
<p class = "Quake itemp" id = "Quake"> <p class = "Quake itemp" id = "Quake">
<b> <b>
<button class = "button" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1')"> <button class = "button" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1', true)">
4 4
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2')"> <button class = "button" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2', true)">
4.5 4.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3')"> <button class = "button" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3', true)">
5 5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4')"> <button class = "button" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4', true)">
5.5 5.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5')"> <button class = "button" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5', true)">
6 6
</button> </button>
</b> </b>
@ -336,27 +334,27 @@
</p> </p>
<p class = "Chain_Lightning itemp" id = "Chain_Lightning"> <p class = "Chain_Lightning itemp" id = "Chain_Lightning">
<b> <b>
<button class = "button" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1')"> <button class = "button" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1', true)">
4 4
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2')"> <button class = "button" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2', true)">
4.5 4.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3')"> <button class = "button" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3', true)">
5 5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4')"> <button class = "button" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4', true)">
5.5 5.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5')"> <button class = "button" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5', true)">
6 6
</button> </button>
</b> </b>
@ -370,27 +368,27 @@
</p> </p>
<p class = "Curse itemp" id = "Curse"> <p class = "Curse itemp" id = "Curse">
<b> <b>
<button class = "button" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1')"> <button class = "button" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1', true)">
4 4
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2')"> <button class = "button" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2', true)">
4.5 4.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3')"> <button class = "button" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3', true)">
5 5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4')"> <button class = "button" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4', true)">
5.5 5.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5')"> <button class = "button" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5', true)">
6 6
</button> </button>
</b> </b>
@ -404,27 +402,27 @@
</p> </p>
<p class = "Courage itemp" id = "Courage"> <p class = "Courage itemp" id = "Courage">
<b> <b>
<button class = "button" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1')"> <button class = "button" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1', true)">
4 4
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2')"> <button class = "button" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2', true)">
4.5 4.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3')"> <button class = "button" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3', true)">
5 5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4')"> <button class = "button" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4', true)">
5.5 5.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5')"> <button class = "button" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5', true)">
6 6
</button> </button>
</b> </b>
@ -438,27 +436,27 @@
</p> </p>
<p class = "Air_Prison itemp" id = "Air_Prison"> <p class = "Air_Prison itemp" id = "Air_Prison">
<b> <b>
<button class = "button" id = "Air_Prison-1" onclick = "updatePowderSpecials('Air_Prison-1')"> <button class = "button" id = "Air_Prison-1" onclick = "updatePowderSpecials('Air_Prison-1', true)">
4 4
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Air_Prison-2" onclick = "updatePowderSpecials('Air_Prison-2')"> <button class = "button" id = "Air_Prison-2" onclick = "updatePowderSpecials('Air_Prison-2', true)">
4.5 4.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Air_Prison-3" onclick = "updatePowderSpecials('Air_Prison-3')"> <button class = "button" id = "Air_Prison-3" onclick = "updatePowderSpecials('Air_Prison-3', true)">
5 5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Air_Prison-4" onclick = "updatePowderSpecials('Air_Prison-4')"> <button class = "button" id = "Air_Prison-4" onclick = "updatePowderSpecials('Air_Prison-4', true)">
5.5 5.5
</button> </button>
</b> </b>
<b> <b>
<button class = "button" id = "Air_Prison-5" onclick = "updatePowderSpecials('Air_Prison-5')"> <button class = "button" id = "Air_Prison-5" onclick = "updatePowderSpecials('Air_Prison-5', true)">
6 6
</button> </button>
</b> </b>

View file

@ -49,11 +49,11 @@
.title{ .title{
text-align: center; text-align: center;
font-size: 190%; font-size: 150%;
} }
.smalltitle{ .smalltitle{
text-align: center; text-align: center;
font-size: 155%; font-size: 125%;
margin-top: 10px; margin-top: 10px;
margin-bottom: 4px; margin-bottom: 4px;
} }
@ -67,7 +67,7 @@
text-decoration: none; text-decoration: none;
font-family: 'Nunito',sans-serif; font-family: 'Nunito',sans-serif;
font-weight: 700; font-weight: 700;
font-size: 113%; font-size: 100%;
display: inline-block; display: inline-block;
} }
button { button {
@ -79,6 +79,6 @@ button {
text-decoration: none; text-decoration: none;
font-family: 'Nunito',sans-serif; font-family: 'Nunito',sans-serif;
font-weight: 700; font-weight: 700;
font-size: 150%; font-size: 125%;
display: inline-block; display: inline-block;
} }

View file

@ -70,14 +70,6 @@ div {
a.link{ a.link{
color: #A5FDFF; color: #A5FDFF;
} }
.title{
text-align: center;
font-size: 150%;
}
.smalltitle{
text-align: center;
font-size: 125%;
}
.center { .center {
text-align: center; text-align: center;
position: relative; position: relative;
@ -270,7 +262,6 @@ button:hover {
background-color: #556; background-color: #556;
} }
button:active { button:active {
background-color: #558; background-color: #558;
box-shadow: 0 3px #666; box-shadow: 0 3px #666;
@ -326,6 +317,9 @@ button.toggleOn{
background-color:#0a0; background-color:#0a0;
border: 3 px solid rgb(0, 70, 0); border: 3 px solid rgb(0, 70, 0);
} }
button.toggleOn:hover {
background-color: #575;
}
.funnynumber { .funnynumber {
background-image: linear-gradient(to left, #f5f, #a0a, #5ff, #5f5, #ff5, #fa0, #a00); -webkit-background-clip: text; background-image: linear-gradient(to left, #f5f, #a0a, #5ff, #5f5, #ff5, #fa0, #a00); -webkit-background-clip: text;
@ -388,3 +382,8 @@ button.toggleOn{
opacity: 1; opacity: 1;
} }
} }
.highlight {
color: #ff0;
background: #775;
}

View file

@ -43,7 +43,11 @@
} }
.iteminput { .iteminput {
width: 15vw; width: 11vw;
}
.powderinput {
width: 4vw;
} }
.skpInput, .idInput { .skpInput, .idInput {