parent
0f5dd63767
commit
9c059966ad
@ -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 /> |
||||||
|
<label for="Poker" class="translate4">Poker/Raid</label> |
||||||
<input type="radio" id="Bingo" name="type" value="Bingo" /> |
|
||||||
<label for="Bingo">Bingo</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">Medley</label> |
<input type="radio" id="Medley" name="type" value="Medley" /> |
||||||
|
<label for="Medley" class="translate6">Medley</label> |
||||||
<hr /> |
|
||||||
<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> |
||||||
<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> |
<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…
Reference in new issue