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");
}
updatePowderSpecials("skip"); //jank pt 1
updatePowderSpecials("skip", false); //jank pt 1
} else {
for (const [key, value] of damageMultipliers) {
let elem = document.getElementById(key + "-boost")

View file

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

View file

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

View file

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

View file

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