Merge branch 'dev' of https://github.com/wynnbuilder/wynnbuilder.github.io into dev
This commit is contained in:
ferricles
commit
41d4a4e3b8
5 changed files with 65 additions and 64 deletions
|
|
@ -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")
|
||||
|
|
|
|||
94
index.html
94
index.html
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
19
styles.css
19
styles.css
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
6
wide.css
6
wide.css
|
|
@ -43,7 +43,11 @@
|
|||
}
|
||||
|
||||
.iteminput {
|
||||
width: 15vw;
|
||||
width: 11vw;
|
||||
}
|
||||
|
||||
.powderinput {
|
||||
width: 4vw;
|
||||
}
|
||||
|
||||
.skpInput, .idInput {
|
||||
|
|
|
|||
Loading…
Reference in a new issue