sigonasr2
/
d4djparkingcalculator
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

MuniMuniMuniMuniMuni

Browse Source
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
2 changed files with 198 additions and 153 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 168
      muni.css
  2. 183
      parkingcalc.html

168
muni.css
Unescape View File

@ -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
Unescape View File

@ -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>
&nbsp;&nbsp;&nbsp;
<input type="radio" id="Bingo" name="type" value="Bingo" />
<label for="Bingo">Bingo</label>
&nbsp;&nbsp;&nbsp;
<input type="radio" id="Medley" name="type" value="Medley" />
<label for="Medley">Medley</label>
&nbsp;&nbsp;&nbsp;
<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>
&nbsp;&nbsp;&nbsp;&nbsp;<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>
&nbsp;&nbsp;&nbsp;
<input type="radio" id="Bingo" name="type" value="Bingo" />
<label for="Bingo" class="translate5">Bingo</label>
&nbsp;&nbsp;&nbsp;
<input type="radio" id="Medley" name="type" value="Medley" />
<label for="Medley" class="translate6">Medley</label>
&nbsp;&nbsp;&nbsp;
<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>
&nbsp;&nbsp;&nbsp;&nbsp;<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>

Write Preview
Loading…
Cancel
Save