-
Notifications
You must be signed in to change notification settings - Fork 0
/
user.html
93 lines (81 loc) · 3.62 KB
/
user.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>STATRIO</title>
<!-- STYLESHEETS -->
<link rel="stylesheet" href="user.css">
<link rel="stylesheet" href="tag.css">
<!-- JAVASCRIPT -->
<script src="user.js" defer></script>
</head>
<body style="visibility: hidden;">
<h1 id="title"></h1>
<a id="tc-link" target="_blank">View on TETRA CHANNEL</a>
<div id="stats-container">
<div class="header-container" style="border-bottom: 2px solid #46ad51;">
<h2 style="color: #46ad51;">WIN RATE</h2>
</div>
<br>
<div id="win-rate-scale">
<div id="win-scale" title="Online games won"></div>
<div id="loss-scale" title="Online games lost"></div>
</div>
<div id="win-rate-stats">
<p title="Number of online games played">Games played: <span id="games-played"></span></p>
<p title="Percentage of online games won">Win rate: <span id="win-rate"></span>%</p>
</div>
<div class="header-container" style="border-bottom: 2px solid #ff45ff;">
<h2 style="color: #ff45ff;">EXPERIENCE</h2>
</div>
<br>
<!-- <div id="xp-scale">
<div id="xp-gained"></div>
<div id="xp-remaining"></div>
</div> -->
<span id="xp-container" title="The user's experience points"><span id="xp"></span> XP</span><br>
<span id="xp-level" title="What level the user is at"></span>
<div class="header-container" style="border-bottom: 2px solid #ff3813;">
<h2 style="color: #ff3813;">TETRA LEAGUE</h2>
</div>
<br>
<div id="tl-win-rate-scale">
<div id="tl-win-scale" title="TETRA LEAGUE games won"></div>
<div id="tl-loss-scale" title="TETRA LEAGUE games lost"></div>
</div>
<p title="Number of TETRA LEAGUE games played">Games played: <span id="tl-games-played"></span></p>
<p title="Percentage of TETRA LEAGUE games won">Win rate: <span id="tl-win-rate"></span>%</p>
<div id="tl-grade-info">
<span id="grade" title="The user's letter rank"></span>
<span id="tr-container" title="The user's TETRA RATING"><span id="tr"></span> TR</span>
</div>
<div id="rank-graph"></div>
<!-- THE POINTER CAN BE OUTSIDE OF THE RANK ZONE DUE TO RANK BOUNDARIES CHANGING
(PLAYER RANKS ONLY CHANGE AFTER EACH GAME THEY PLAY) -->
<h3>RECENT GAMES</h3>
<div id="recent-tl-games"></div>
<div class="header-container" style="border-bottom: 2px solid #e0a71b;">
<h2 style="color: #e0a71b;">40 LINES</h2>
</div>
<br>
<span id="pb-time-40l"></span><br>
<p>Finesse: <span id="40l-finesse-percentage"></span>% (<span id="40l-finesse-faults"></span>F)</p>
<p>PPS: <span id="40l-pps"></span></p>
<div class="header-container" style="border-bottom: 2px solid #a763ea;">
<h2 style="color: #a763ea;">RANKINGS</h2>
</div>
<br>
<div class="leaderboard-container" id="tl-leaderboard">
<h3>TETRA LEAGUE</h3>
<div class="leaderboard-entry leaderboard-title">
<span class="placement"></span>
<span class="name"></span>
<span class="glicko">GLICKO</span>
<span class="tr">TR</span>
<span class="rank">RANK</span>
</div>
</div>
</div>
</body>
</html>