MuniMuniMuniMuniMuni

pull/2/head
sigonasr2, Sig, Sigo 4 years ago committed by GitHub
parent 0f5dd63767
commit 9c059966ad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 168
      muni.css
  2. 183
      parkingcalc.html

@ -1,74 +1,94 @@
* { * {
font-family: "Comic Sans MS", "Comic Sans"; font-family: "Comic Sans MS", "Comic Sans";
box-sizing: border-box; box-sizing: border-box;
} }
body::before { body::before {
content: ""; content: "";
position: fixed; position: fixed;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
top: 0; top: 0;
left: 0; left: 0;
background-image: url("https://cdn.discordapp.com/emojis/744938186983080126.png?v=1"); background-image: url("https://cdn.discordapp.com/emojis/744938186983080126.png?v=1");
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center calc(62% + 2%); background-position: center calc(62% + 2%);
z-index: -1; z-index: -1;
opacity: 0.25; opacity: 0.25;
} }
textarea { textarea {
background-color: transparent; background-color: transparent;
width: 100%; width: 100%;
} }
textarea:disabled { textarea:disabled {
color: black; color: black;
} }
/* Tooltip container */ /* Tooltip container */
.tooltip { .tooltip {
position: relative; position: relative;
display: inline-block; display: inline-block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
} }
/* Tooltip text */ /* Tooltip text */
.tooltip .tooltiptext { .tooltip .tooltiptext {
visibility: hidden; visibility: hidden;
width: 240px; width: 240px;
background-color: rgba(62,62,62,0.91); background-color: rgba(62,62,62,0.91);
color: #fff; color: #fff;
text-align: center; text-align: center;
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
border-radius: 6px; border-radius: 6px;
/* Position the tooltip text */ /* Position the tooltip text */
position: absolute; position: absolute;
z-index: 1; z-index: 1;
top: -100%; top: -100%;
left: 105%; left: 105%;
/* Fade in tooltip */ /* Fade in tooltip */
opacity: 0; opacity: 0;
transition: opacity 0.3s; transition: opacity 0.3s;
} }
/* Tooltip arrow */ /* Tooltip arrow */
.tooltip .tooltiptext::after { .tooltip .tooltiptext::after {
content: " "; content: " ";
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 100%; /* To the left of the tooltip */ right: 100%; /* To the left of the tooltip */
margin-top: -5px; margin-top: -5px;
border-width: 5px; border-width: 5px;
border-style: solid; border-style: solid;
border-color: transparent rgba(62,62,62,0.91) transparent transparent; border-color: transparent rgba(62,62,62,0.91) transparent transparent;
} }
/* Show the tooltip text when you mouse over the tooltip container */ /* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext { .tooltip:hover .tooltiptext {
visibility: visible; visibility: visible;
opacity: 1; 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;
}

@ -1,79 +1,104 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="muni.css" /> <link rel="stylesheet" href="muni.css" />
<title>D4DJ Parking Calculator | Powered by Muni</title> <title class="translate1">D4DJ Parking Calculator | Powered by Muni</title>
<script src="muni.js"></script> <script src="english.js"></script>
</head> <script src="japanese.js"></script>
<body> </head>
<h1>D4DJ Event Parking Calculator</h1> <body>
<h1 class="translate2">D4DJ Event Parking Calculator</h1>
<fieldset>
<legend>Parking Configuration</legend> <fieldset>
<input type="radio" id="Poker" name="type" value="Poker" checked /> <legend class="translate3">Parking Configuration</legend>
<label for="Poker">Poker/Raid</label> <input type="radio" id="Poker" name="type" value="Poker" checked />
&nbsp;&nbsp;&nbsp; <label for="Poker" class="translate4">Poker/Raid</label>
<input type="radio" id="Bingo" name="type" value="Bingo" /> &nbsp;&nbsp;&nbsp;
<label for="Bingo">Bingo</label> <input type="radio" id="Bingo" name="type" value="Bingo" />
&nbsp;&nbsp;&nbsp; <label for="Bingo" class="translate5">Bingo</label>
<input type="radio" id="Medley" name="type" value="Medley" /> &nbsp;&nbsp;&nbsp;
<label for="Medley">Medley</label> <input type="radio" id="Medley" name="type" value="Medley" />
&nbsp;&nbsp;&nbsp; <label for="Medley" class="translate6">Medley</label>
<hr /> &nbsp;&nbsp;&nbsp;
<label for="team">Event Team Bonus:</label> <hr />
<select id="team" name="team"> <div class="grid">
<option value="0">0%</option> <div class="munigrid">
<option value="0.2">20%</option> <label for="team" class="translate7">Event Team Bonus:</label>
<option value="0.4">40%</option> <select id="team" name="team">
<option value="0.6">60%</option> <option value="0">0%</option>
<option value="0.8">80%</option> <option value="0.2">20%</option>
<option value="1.0">100%</option> <option value="0.4">40%</option>
<option value="1.2">120%</option> <option value="0.6">60%</option>
<option value="1.4">140%</option> <option value="0.8">80%</option>
<option value="1.6" selected>160%</option> <option value="1.0">100%</option>
</select> <option value="1.2">120%</option>
&nbsp;&nbsp;&nbsp;&nbsp;<span class="tooltip"><label for="flexible" alt="Yes" <option value="1.4">140%</option>
><b>Flexible Team?</b></label <option value="1.6" selected>160%</option>
><input id="flexible" type="checkbox" /> </select>
<span class="tooltiptext">If turned on, calculates scoring options using lower % teams also.</span> &nbsp;&nbsp;&nbsp;&nbsp;<span class="tooltip"><label for="flexible" alt="Yes"
</span> ><b class="translate17">Flexible Team?</b></label
<br /> ><input id="flexible" type="checkbox" />
<br /> <span class="tooltiptext translate8">If turned on, calculates scoring options using lower % teams also.</span>
<span class="tooltip"><label for="maxscore"><b>Max Free Live Score: </b></label </span>
><input id="maxscore" min="0" type="number" value="650000" /> <span class="tooltiptext"> <br />
The maximum score you can get from playing a song using <font color="aqua">Free Live</font>.<br> <br />
<sub>(Use 0 for Rehearsals Only)</sub></span></span> <span class="tooltip"><label for="maxscore"><b class="translate18">Max Free Live Score: </b> </label
<hr /> ><input id="maxscore" min="0" type="number" max="5000000" value="650000" /> <span class="tooltiptext translate9">
<label for="starting"><b>Starting EP: </b></label The maximum score you can get from playing a song using <font color="aqua">Free Live</font>.<br>
><input id="starting" min="0" type="number" value="100000" /> <sub>(Use 0 for Rehearsals Only)</sub></span></span>
<span style="font-size: 32px; padding: 0px 10px 0px 10px"></span> </div>
<label for="ending"><b>Target EP: </b></label <div class="munigrid">
><input id="ending" min="0" type="number" value="104000" /> <span class="tooltip"><label for="advanced" alt="Yes"
<br /> ><b class="translate10">Advanced Options?</b></label
<br /> ><input id="advanced" type="checkbox" onclick="toggle()" /><span class="tooltiptext translate11">
<button Enable voltage & EP limits.</span></span>
id="calculate" <div id="advanced2" style="visibility:hidden">
style=" <label for="lowest" class="translate12">
background-color: #ccddff; Use voltage until:
margin-left: 20px; </label><input style="width:96px;" id="lowest" type="number" min="10" step="2" value="80"> EP<br>
width: 240px; <label for="maxvolt" class="translate13">
height: 32px; Max Voltage to use:
font-size: 18px; </label> <input style="width:64px;" id="maxvolt" type="number" min="0" value="20">
" </div>
onclick="test()" </div>
> </div>
Calculate <hr />
</button> <b><label for="starting" class="translate14">Starting EP: </label
</fieldset> ></b><input id="starting" min="0" type="number" value="100000" />
<div style="display: flex; justify-content: stretch; align-items: center"> <span style="font-size: 32px; padding: 0px 10px 0px 10px"></span>
<textarea rows="20" cols="160" id="console" disabled> </textarea> <b><label for="ending" class="translate15">Target EP: </label
</div> ></b><input id="ending" min="0" type="number" value="104000" />
<br />
<script> <br />
document.getElementById("ips").value = ""; <button
</script> id="calculate"
</body> style="
</html> 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…
Cancel
Save