forked from alanbixby/MEE6-Calculator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
56 lines (50 loc) · 3.17 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
<head>
<title>MEE6 Calculator</title>
<meta name="theme-color" content="#62d0f4">
<meta property="og:title" content="MEE6 XP Calculator" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://alanbixby.github.io/MEE6-Calculator/ " />
<meta property="og:image" content="https://alanbixby.github.io/MEE6-Calculator/MEE6.png" />
<meta property="og:description" content="An XP calculator to determine the time it will take to reach a desired level in MEE6; use the command !rank to see your current level and XP." />
<link rel="icon" href="mee6_calc.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="wrapper">
<header class="titles">
<h1 class="title generic-font">MEE6 Level Calculator</h1>
<h2 class="sub-title generic-font">Calculate the <i>minutes of messaging</i> needed to reach a given level.<br>Use the command !rank to view your current XP.</h2>
</header>
<div class="input-fields">
<input type="number" class="input-box generic-font" id="desired-level" min=0 placeholder="Desired Level">
<input type="number" class="input-box generic-font" id="current-level" min=0 placeholder="Current Level">
<input type="number" class="input-box generic-font" id="current-xp" min=0 placeholder="Current XP">
<a class="button-calculate generic-font" onclick="calculate()" href="#result">Calculate</a>
<input type="range" class="slider" min="0" max="7" value="3" id="xp-modifier">
<span class="generic-font">XP Modifier: <span id="xp-rate">x1.0 | [15XP - 25XP]</span></span>
</div>
<div class="results" id="result">
<div class="result-main">
<h2 class="result-title generic-font">Result: <span id="result-average">??? minutes</span></h2>
<span class="result-sub-title generic-font">Total XP: <span id="total-xp">???</span> | XP Needed: <span id="result-xp-needed">???</span></span>
<br>
<span class="generic-font"><strong>NOTE:</strong> You can only gain XP once a minute, so spamming doesn't help!</span>
</div>
<div class="result-max-min-messages">
<span>If you are lucky, you only need to send messages for <span id="result-minimum-messages-requirement">???</span> minutes to level up!</span>
<span>If you are unlucky, you need to chat for a whopping <span id="result-maximum-messages-requirement">???</span> minutes!</span>
</div>
</div>
<div class="disclaimer">
This site is not affiliated with <a href="https://mee6.xyz/">mee6.xyz</a><br>
View the source-code on <a href="https://github.com/alanbixby/mee6calc.xyz/">GitHub</a><br>
<a href="https://paypal.me/alanbixby/">Buy me a coffee? ☕</a>
</div>
</div>
</body>
<script type="text/javascript" src="calc.js"></script>
</html>