MuniMuniMuniMuniMuni
This commit is contained in:
GitHub
parent
0f5dd63767
commit
9c059966ad
168
muni.css
168
muni.css
@ -1,74 +1,94 @@
|
||||
* {
|
||||
font-family: "Comic Sans MS", "Comic Sans";
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-image: url("https://cdn.discordapp.com/emojis/744938186983080126.png?v=1");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center calc(62% + 2%);
|
||||
z-index: -1;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
textarea {
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
textarea:disabled {
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Tooltip container */
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
|
||||
}
|
||||
|
||||
/* Tooltip text */
|
||||
.tooltip .tooltiptext {
|
||||
visibility: hidden;
|
||||
width: 240px;
|
||||
background-color: rgba(62,62,62,0.91);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 5px 5px 5px 5px;
|
||||
border-radius: 6px;
|
||||
|
||||
/* Position the tooltip text */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: -100%;
|
||||
left: 105%;
|
||||
|
||||
/* Fade in tooltip */
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
/* Tooltip arrow */
|
||||
.tooltip .tooltiptext::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 100%; /* To the left of the tooltip */
|
||||
margin-top: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent rgba(62,62,62,0.91) transparent transparent;
|
||||
}
|
||||
|
||||
/* Show the tooltip text when you mouse over the tooltip container */
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
* {
|
||||
font-family: "Comic Sans MS", "Comic Sans";
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-image: url("https://cdn.discordapp.com/emojis/744938186983080126.png?v=1");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center calc(62% + 2%);
|
||||
z-index: -1;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
textarea {
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
textarea:disabled {
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Tooltip container */
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
|
||||
}
|
||||
|
||||
/* Tooltip text */
|
||||
.tooltip .tooltiptext {
|
||||
visibility: hidden;
|
||||
width: 240px;
|
||||
background-color: rgba(62,62,62,0.91);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 5px 5px 5px 5px;
|
||||
border-radius: 6px;
|
||||
|
||||
/* Position the tooltip text */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: -100%;
|
||||
left: 105%;
|
||||
|
||||
/* Fade in tooltip */
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
/* Tooltip arrow */
|
||||
.tooltip .tooltiptext::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 100%; /* To the left of the tooltip */
|
||||
margin-top: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent rgba(62,62,62,0.91) transparent transparent;
|
||||
}
|
||||
|
||||
/* Show the tooltip text when you mouse over the tooltip container */
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.grid{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-gap: 20px;
|
||||
}
|
||||
|
||||
.munigrid{
|
||||
border-left: 1px dotted #000;
|
||||
border-right: 1px dotted #000;
|
||||
}
|
||||
|
||||
.munigrid:nth-child(1){
|
||||
border-left:none;
|
||||
}
|
||||
|
||||
.munigrid:nth-child(even){
|
||||
border-left:none;
|
||||
border-right:none;
|
||||
}
|
||||
183
parkingcalc.html
183
parkingcalc.html
@ -1,79 +1,104 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="muni.css" />
|
||||
<title>D4DJ Parking Calculator | Powered by Muni</title>
|
||||
<script src="muni.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>D4DJ Event Parking Calculator</h1>
|
||||
|
||||
<fieldset>
|
||||
<legend>Parking Configuration</legend>
|
||||
<input type="radio" id="Poker" name="type" value="Poker" checked />
|
||||
<label for="Poker">Poker/Raid</label>
|
||||
|
||||
<input type="radio" id="Bingo" name="type" value="Bingo" />
|
||||
<label for="Bingo">Bingo</label>
|
||||
|
||||
<input type="radio" id="Medley" name="type" value="Medley" />
|
||||
<label for="Medley">Medley</label>
|
||||
|
||||
<hr />
|
||||
<label for="team">Event Team Bonus:</label>
|
||||
<select id="team" name="team">
|
||||
<option value="0">0%</option>
|
||||
<option value="0.2">20%</option>
|
||||
<option value="0.4">40%</option>
|
||||
<option value="0.6">60%</option>
|
||||
<option value="0.8">80%</option>
|
||||
<option value="1.0">100%</option>
|
||||
<option value="1.2">120%</option>
|
||||
<option value="1.4">140%</option>
|
||||
<option value="1.6" selected>160%</option>
|
||||
</select>
|
||||
<span class="tooltip"><label for="flexible" alt="Yes"
|
||||
><b>Flexible Team?</b></label
|
||||
><input id="flexible" type="checkbox" />
|
||||
<span class="tooltiptext">If turned on, calculates scoring options using lower % teams also.</span>
|
||||
</span>
|
||||
<br />
|
||||
<br />
|
||||
<span class="tooltip"><label for="maxscore"><b>Max Free Live Score: </b></label
|
||||
><input id="maxscore" min="0" type="number" value="650000" /> <span class="tooltiptext">
|
||||
The maximum score you can get from playing a song using <font color="aqua">Free Live</font>.<br>
|
||||
<sub>(Use 0 for Rehearsals Only)</sub></span></span>
|
||||
<hr />
|
||||
<label for="starting"><b>Starting EP: </b></label
|
||||
><input id="starting" min="0" type="number" value="100000" />
|
||||
<span style="font-size: 32px; padding: 0px 10px 0px 10px">➔</span>
|
||||
<label for="ending"><b>Target EP: </b></label
|
||||
><input id="ending" min="0" type="number" value="104000" />
|
||||
<br />
|
||||
<br />
|
||||
<button
|
||||
id="calculate"
|
||||
style="
|
||||
background-color: #ccddff;
|
||||
margin-left: 20px;
|
||||
width: 240px;
|
||||
height: 32px;
|
||||
font-size: 18px;
|
||||
"
|
||||
onclick="test()"
|
||||
>
|
||||
Calculate
|
||||
</button>
|
||||
</fieldset>
|
||||
<div style="display: flex; justify-content: stretch; align-items: center">
|
||||
<textarea rows="20" cols="160" id="console" disabled> </textarea>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.getElementById("ips").value = "";
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="muni.css" />
|
||||
<title class="translate1">D4DJ Parking Calculator | Powered by Muni</title>
|
||||
<script src="english.js"></script>
|
||||
<script src="japanese.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1 class="translate2">D4DJ Event Parking Calculator</h1>
|
||||
|
||||
<fieldset>
|
||||
<legend class="translate3">Parking Configuration</legend>
|
||||
<input type="radio" id="Poker" name="type" value="Poker" checked />
|
||||
<label for="Poker" class="translate4">Poker/Raid</label>
|
||||
|
||||
<input type="radio" id="Bingo" name="type" value="Bingo" />
|
||||
<label for="Bingo" class="translate5">Bingo</label>
|
||||
|
||||
<input type="radio" id="Medley" name="type" value="Medley" />
|
||||
<label for="Medley" class="translate6">Medley</label>
|
||||
|
||||
<hr />
|
||||
<div class="grid">
|
||||
<div class="munigrid">
|
||||
<label for="team" class="translate7">Event Team Bonus:</label>
|
||||
<select id="team" name="team">
|
||||
<option value="0">0%</option>
|
||||
<option value="0.2">20%</option>
|
||||
<option value="0.4">40%</option>
|
||||
<option value="0.6">60%</option>
|
||||
<option value="0.8">80%</option>
|
||||
<option value="1.0">100%</option>
|
||||
<option value="1.2">120%</option>
|
||||
<option value="1.4">140%</option>
|
||||
<option value="1.6" selected>160%</option>
|
||||
</select>
|
||||
<span class="tooltip"><label for="flexible" alt="Yes"
|
||||
><b class="translate17">Flexible Team?</b></label
|
||||
><input id="flexible" type="checkbox" />
|
||||
<span class="tooltiptext translate8">If turned on, calculates scoring options using lower % teams also.</span>
|
||||
</span>
|
||||
<br />
|
||||
<br />
|
||||
<span class="tooltip"><label for="maxscore"><b class="translate18">Max Free Live Score: </b> </label
|
||||
><input id="maxscore" min="0" type="number" max="5000000" value="650000" /> <span class="tooltiptext translate9">
|
||||
The maximum score you can get from playing a song using <font color="aqua">Free Live</font>.<br>
|
||||
<sub>(Use 0 for Rehearsals Only)</sub></span></span>
|
||||
</div>
|
||||
<div class="munigrid">
|
||||
<span class="tooltip"><label for="advanced" alt="Yes"
|
||||
><b class="translate10">Advanced Options?</b></label
|
||||
><input id="advanced" type="checkbox" onclick="toggle()" /><span class="tooltiptext translate11">
|
||||
Enable voltage & EP limits.</span></span>
|
||||
<div id="advanced2" style="visibility:hidden">
|
||||
<label for="lowest" class="translate12">
|
||||
Use voltage until:
|
||||
</label><input style="width:96px;" id="lowest" type="number" min="10" step="2" value="80"> EP<br>
|
||||
<label for="maxvolt" class="translate13">
|
||||
Max Voltage to use:
|
||||
</label> <input style="width:64px;" id="maxvolt" type="number" min="0" value="20">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<b><label for="starting" class="translate14">Starting EP: </label
|
||||
></b><input id="starting" min="0" type="number" value="100000" />
|
||||
<span style="font-size: 32px; padding: 0px 10px 0px 10px">➔</span>
|
||||
<b><label for="ending" class="translate15">Target EP: </label
|
||||
></b><input id="ending" min="0" type="number" value="104000" />
|
||||
<br />
|
||||
<br />
|
||||
<button
|
||||
id="calculate"
|
||||
style="
|
||||
background-color: #ccddff;
|
||||
margin-left: 20px;
|
||||
width: 240px;
|
||||
height: 32px;
|
||||
font-size: 18px;
|
||||
"
|
||||
onclick="test()" class="translate16"
|
||||
>
|
||||
Calculate
|
||||
</button>
|
||||
</fieldset>
|
||||
<div style="display: flex; justify-content: stretch; align-items: center">
|
||||
<textarea rows="20" cols="160" id="console" disabled> </textarea>
|
||||
</div>
|
||||
<sub><u>Tips</u></sub>
|
||||
<ul>
|
||||
<li class="translate19">Here's the Light on EX or Synchrogazer on Hard/EX difficulty are some of the highest scoring songs you can pick.</li>
|
||||
<li class="translate20">When you get close to the score you need in Free Live, purposely fail the song. Notes are worth 10% their normal value when you have 0 health so you can finish easily.</li>
|
||||
<li class="translate21">The <b>"Flexible Team"</b> option gives you the fastest park, but at the expense of more voltage.</li>
|
||||
</ul>
|
||||
<script src="muni.js"></script>
|
||||
<script>
|
||||
document.getElementById("ips").value = "";
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user