-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathmcsr.html
More file actions
100 lines (99 loc) · 6.44 KB
/
mcsr.html
File metadata and controls
100 lines (99 loc) · 6.44 KB
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html>
<head>
<title>MCSR - BTMC</title>
<script src="scripts/utils/nav.js"></script>
<script src="scripts/utils/load-nav.js"></script>
<script src="scripts/utils/notif.js"></script>
<script src="scripts/mcsr/mcsr.js" defer></script>
<script src="scripts/mcsr/mcsr-search.js" defer></script>
<script src="scripts/utils/formrupt.js" defer></script>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<style>p {font-size: 1.08rem}</style>
<div class="NavBar-wrap"></div>
<button id="refresh-btn" style="font-family: 'NF';text-align: center;">
</button>
<h1 style="text-align: center;color: #8dbcef;"><a href="https://mcsrranked.com/stats/beasttrollmc" target="_blank">MCSR</a></h1>
<h6 style="text-align: center;">augh</h6>
<p id="error" style="color: red; text-align: center;"></p>
<div class="body" id="body">
<div class="body-section" id="quick-stats">
<h2 style="margin:0 auto; position: relative; top: -1.35em; height: 10px; display: flex; align-items: center; background-color: var(--bg); width: max-content; padding: 4px 8px;">Quick Stats</h2>
<span id="rank-display" style="font-family: JetBrains Mono;">---</span>
<p id="elo-display" style="font-family: JetBrains Mono;">- elo | - today</p>
<p id="death-display" style="font-family: JetBrains Mono;">-- deaths in -- matches</p>
<p id="daily-display" style="font-family: JetBrains Mono;">-- deaths in -- matches today</p>
<p id="ratio-display" style="font-family: JetBrains Mono;">Loading .. this might take a bit</p>
</div>
<div class="body-section" id="session-stats" style="font-weight: 600;">
<h2 style="margin:0 auto; position: relative; top: -1.35em; height: 10px; display: flex; align-items: center; background-color: var(--bg); width: max-content; padding: 4px 8px;">Session</h2>
<a id="session-start" style="font-size: large;">Session started @ ---</a>
<div style="display: flex; justify-content: space-evenly;">
<div>
<p id="WLD-session" style="font-family: JetBrains Mono;">-W | -L | -D | -FFs</p>
<p id="net-elo-session" style="font-family: JetBrains Mono;">-- elo</p>
<p id="ff-wins-session" style="font-family: JetBrains Mono;">- wins by forfeits</p>
<p id="resets-session" style="font-family: JetBrains Mono;">- Resets</p>
</div>
<div>
<p id="fastest-session" style="font-family: JetBrains Mono;">PB: --:--</p>
<p id="slowest-session" style="font-family: JetBrains Mono;">Slowest time: --:--</p>
<p id="avg-session" style="font-family: JetBrains Mono;">Average time: --:--</p>
<p id="deaths-session" style="font-family: JetBrains Mono;">- deaths in - matches</p>
</div>
</div>
</div>
<div class="body-section" id="general-stats" style="display: flex;justify-content: space-around; font-weight: 600;">
<div style="flex: 1 1">
<h2>Today</h2>
<p id="WLD-today" style="font-family: JetBrains Mono;">-W | -L | -D | -FFs</p>
<p id="net-elo" style="font-family: JetBrains Mono;">-- elo</p>
<p id="fastest-today" style="font-family: JetBrains Mono;">PB: --:--</p>
<p id="slowest-today" style="font-family: JetBrains Mono;">Slowest time: --:--</p>
<p id="avg-today" style="font-family: JetBrains Mono;">Average time: --:--</p>
<p id="ff-wins-today" style="font-family: JetBrains Mono;">- wins by forfeits</p>
<p id="resets-today" style="font-family: JetBrains Mono;">- Resets</p>
</div>
<div style="flex: 1 1">
<h2>Season</h2>
<p id="peak-elo-season" style="font-family: JetBrains Mono;">Peak elo: - (--)</p>
<p id="lowest-elo-season" style="font-family: JetBrains Mono;">Lowest elo: - (--)</p>
<p id="pb-season" style="font-family: JetBrains Mono;">PB: --:-- </p>
<p id="slowest-season" style="font-family: JetBrains Mono;">Slowest time: --:--</p>
<p id="forfeits-season" style="font-family: JetBrains Mono;">Forfeits: -</p>
<p id="ff-wins-season" style="font-family: JetBrains Mono;">- wins by forfeits</p>
<p id="resets-season" style="font-family: JetBrains Mono;">- Resets</p>
</div>
<div style="flex: 1 1">
<h2>Overall</h2>
<p id="peak-elo-overall" style="font-family: JetBrains Mono;">Peak elo: - (--)</p>
<p id="lowest-elo-overall" style="font-family: JetBrains Mono;">Lowest elo: - (--)</p>
<p id="pb-overall" style="font-family: JetBrains Mono;">PB: --:--</p>
</div>
</div>
<div id="other">
<p>Updates every 2.5 minutes</p>
<p id="utc-time">"today" counts reset at 0 pst</p>
</div>
<div class="body-section">
<div id="vs-search" style="margin-bottom: 1em;">
<h3 style="margin-top: 0">Search an opponent</h3>
<form style="display: flex;" action="" class="input-form" id="vs-search-form">
<input id="vs-search-input" required minlength="3" maxlength="30" type="text" style="width:100%" placeholder="Username" name="user" title="[Required] Username">
<button id="submit" style="font-family: 'NF';" title="Search"></button>
</form>
</div>
<p id="mcsr-vs-err"></p>
<div id="vs-info" class="vs-card-container">
</div>
</div>
<div id="notif"></div>
<div>
<img src="https://count.ayaya.beauty/@btmc-github?name=btmc-github&theme=capoo-2&padding=7&offset=0&align=center&scale=1&pixelated=0&darkmode=auto" alt="btmc-github" style="height: 48px; filter: brightness(1.1);">
</div>
</div>
</body>
</html>