ccusage-ui 0.1.6 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +12 -3
- package/public/share/{starter.html → bronze.html} +10 -11
- package/public/share/card-bronze.html +89 -0
- package/public/share/card-challenger.html +157 -0
- package/public/share/card-diamond.html +89 -0
- package/public/share/card-emerald.html +89 -0
- package/public/share/card-gold.html +89 -0
- package/public/share/card-grandmaster.html +89 -0
- package/public/share/card-iron.html +89 -0
- package/public/share/card-master.html +89 -0
- package/public/share/card-platinum.html +89 -0
- package/public/share/card-silver.html +89 -0
- package/public/share/{pro.html → challenger.html} +10 -11
- package/public/share/{mega.html → diamond.html} +10 -11
- package/public/share/{power.html → emerald.html} +10 -11
- package/public/share/gold.html +27 -0
- package/public/share/grandmaster.html +27 -0
- package/public/share/images/bronze.png +0 -0
- package/public/share/images/challenger.png +0 -0
- package/public/share/images/diamond.png +0 -0
- package/public/share/images/emerald.png +0 -0
- package/public/share/images/gold.png +0 -0
- package/public/share/images/grandmaster.png +0 -0
- package/public/share/images/iron.png +0 -0
- package/public/share/images/master.png +0 -0
- package/public/share/images/platinum.png +0 -0
- package/public/share/images/silver.png +0 -0
- package/public/share/iron.html +27 -0
- package/public/share/master.html +27 -0
- package/public/share/platinum.html +27 -0
- package/public/share/silver.html +27 -0
- package/scripts/capture-cards.js +52 -0
- package/public/share/legendary.html +0 -28
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=1200, height=630">
|
|
6
|
+
<title>Iron Card</title>
|
|
7
|
+
<style>
|
|
8
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
9
|
+
body {
|
|
10
|
+
width: 1200px;
|
|
11
|
+
height: 630px;
|
|
12
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
13
|
+
background: linear-gradient(135deg, #1a1a2e 0%, #1a1a1a 50%, #2a2a2a 100%);
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
}
|
|
19
|
+
.card {
|
|
20
|
+
width: 1100px;
|
|
21
|
+
height: 530px;
|
|
22
|
+
background: rgba(255, 255, 255, 0.03);
|
|
23
|
+
border: 2px solid rgba(100, 100, 100, 0.5);
|
|
24
|
+
border-radius: 32px;
|
|
25
|
+
padding: 60px;
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
justify-content: space-between;
|
|
29
|
+
position: relative;
|
|
30
|
+
overflow: hidden;
|
|
31
|
+
}
|
|
32
|
+
.card::before {
|
|
33
|
+
content: '';
|
|
34
|
+
position: absolute;
|
|
35
|
+
top: -50%;
|
|
36
|
+
right: -20%;
|
|
37
|
+
width: 600px;
|
|
38
|
+
height: 600px;
|
|
39
|
+
background: radial-gradient(circle, rgba(100, 100, 100, 0.15) 0%, transparent 70%);
|
|
40
|
+
pointer-events: none;
|
|
41
|
+
}
|
|
42
|
+
.header { display: flex; align-items: center; gap: 24px; }
|
|
43
|
+
.tier-icon { font-size: 80px; filter: drop-shadow(0 0 30px rgba(100, 100, 100, 0.8)); }
|
|
44
|
+
.tier-info h1 {
|
|
45
|
+
font-size: 64px;
|
|
46
|
+
font-weight: 800;
|
|
47
|
+
background: linear-gradient(135deg, #646464 0%, #909090 50%, #c0c0c0 100%);
|
|
48
|
+
-webkit-background-clip: text;
|
|
49
|
+
-webkit-text-fill-color: transparent;
|
|
50
|
+
background-clip: text;
|
|
51
|
+
letter-spacing: -2px;
|
|
52
|
+
}
|
|
53
|
+
.tier-info .subtitle { font-size: 28px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; font-weight: 500; }
|
|
54
|
+
.stats { display: flex; gap: 60px; }
|
|
55
|
+
.stat { display: flex; flex-direction: column; gap: 8px; }
|
|
56
|
+
.stat-value { font-size: 56px; font-weight: 700; color: #fff; letter-spacing: -1px; }
|
|
57
|
+
.stat-label { font-size: 20px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 2px; }
|
|
58
|
+
.footer { display: flex; justify-content: space-between; align-items: flex-end; }
|
|
59
|
+
.command { background: rgba(255, 255, 255, 0.1); padding: 16px 32px; border-radius: 12px; font-family: 'SF Mono', Monaco, monospace; font-size: 24px; color: #34c759; border: 1px solid rgba(52, 199, 89, 0.3); }
|
|
60
|
+
.branding { text-align: right; color: rgba(255, 255, 255, 0.4); font-size: 20px; }
|
|
61
|
+
.branding strong { color: rgba(255, 255, 255, 0.7); font-size: 24px; }
|
|
62
|
+
</style>
|
|
63
|
+
</head>
|
|
64
|
+
<body>
|
|
65
|
+
<div class="card">
|
|
66
|
+
<div class="header">
|
|
67
|
+
<span class="tier-icon">⬛</span>
|
|
68
|
+
<div class="tier-info">
|
|
69
|
+
<h1>IRON</h1>
|
|
70
|
+
<div class="subtitle">New AI User</div>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
<div class="stats">
|
|
74
|
+
<div class="stat">
|
|
75
|
+
<div class="stat-value"><5M</div>
|
|
76
|
+
<div class="stat-label">Tokens / Month</div>
|
|
77
|
+
</div>
|
|
78
|
+
<div class="stat">
|
|
79
|
+
<div class="stat-value">Starter</div>
|
|
80
|
+
<div class="stat-label">Just Getting Started</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
<div class="footer">
|
|
84
|
+
<div class="command">npx ccusage-ui</div>
|
|
85
|
+
<div class="branding"><strong>Claude Code Usage</strong><br>sowonlabs.com</div>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
</body>
|
|
89
|
+
</html>
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=1200, height=630">
|
|
6
|
+
<title>Master Card</title>
|
|
7
|
+
<style>
|
|
8
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
9
|
+
body {
|
|
10
|
+
width: 1200px;
|
|
11
|
+
height: 630px;
|
|
12
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
13
|
+
background: linear-gradient(135deg, #1a1a2e 0%, #2d0a0a 50%, #4a1010 100%);
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
}
|
|
19
|
+
.card {
|
|
20
|
+
width: 1100px;
|
|
21
|
+
height: 530px;
|
|
22
|
+
background: rgba(255, 255, 255, 0.03);
|
|
23
|
+
border: 2px solid rgba(231, 76, 60, 0.5);
|
|
24
|
+
border-radius: 32px;
|
|
25
|
+
padding: 60px;
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
justify-content: space-between;
|
|
29
|
+
position: relative;
|
|
30
|
+
overflow: hidden;
|
|
31
|
+
}
|
|
32
|
+
.card::before {
|
|
33
|
+
content: '';
|
|
34
|
+
position: absolute;
|
|
35
|
+
top: -50%;
|
|
36
|
+
right: -20%;
|
|
37
|
+
width: 600px;
|
|
38
|
+
height: 600px;
|
|
39
|
+
background: radial-gradient(circle, rgba(231, 76, 60, 0.15) 0%, transparent 70%);
|
|
40
|
+
pointer-events: none;
|
|
41
|
+
}
|
|
42
|
+
.header { display: flex; align-items: center; gap: 24px; }
|
|
43
|
+
.tier-icon { font-size: 80px; filter: drop-shadow(0 0 30px rgba(231, 76, 60, 0.8)); }
|
|
44
|
+
.tier-info h1 {
|
|
45
|
+
font-size: 64px;
|
|
46
|
+
font-weight: 800;
|
|
47
|
+
background: linear-gradient(135deg, #e74c3c 0%, #ff6b6b 50%, #ffa502 100%);
|
|
48
|
+
-webkit-background-clip: text;
|
|
49
|
+
-webkit-text-fill-color: transparent;
|
|
50
|
+
background-clip: text;
|
|
51
|
+
letter-spacing: -2px;
|
|
52
|
+
}
|
|
53
|
+
.tier-info .subtitle { font-size: 28px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; font-weight: 500; }
|
|
54
|
+
.stats { display: flex; gap: 60px; }
|
|
55
|
+
.stat { display: flex; flex-direction: column; gap: 8px; }
|
|
56
|
+
.stat-value { font-size: 56px; font-weight: 700; color: #fff; letter-spacing: -1px; }
|
|
57
|
+
.stat-label { font-size: 20px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 2px; }
|
|
58
|
+
.footer { display: flex; justify-content: space-between; align-items: flex-end; }
|
|
59
|
+
.command { background: rgba(255, 255, 255, 0.1); padding: 16px 32px; border-radius: 12px; font-family: 'SF Mono', Monaco, monospace; font-size: 24px; color: #34c759; border: 1px solid rgba(52, 199, 89, 0.3); }
|
|
60
|
+
.branding { text-align: right; color: rgba(255, 255, 255, 0.4); font-size: 20px; }
|
|
61
|
+
.branding strong { color: rgba(255, 255, 255, 0.7); font-size: 24px; }
|
|
62
|
+
</style>
|
|
63
|
+
</head>
|
|
64
|
+
<body>
|
|
65
|
+
<div class="card">
|
|
66
|
+
<div class="header">
|
|
67
|
+
<span class="tier-icon">🔴</span>
|
|
68
|
+
<div class="tier-info">
|
|
69
|
+
<h1>MASTER</h1>
|
|
70
|
+
<div class="subtitle">Top 0.1% AI User</div>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
<div class="stats">
|
|
74
|
+
<div class="stat">
|
|
75
|
+
<div class="stat-value">500M+</div>
|
|
76
|
+
<div class="stat-label">Tokens / Month</div>
|
|
77
|
+
</div>
|
|
78
|
+
<div class="stat">
|
|
79
|
+
<div class="stat-value">Top 0.1%</div>
|
|
80
|
+
<div class="stat-label">Global Ranking</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
<div class="footer">
|
|
84
|
+
<div class="command">npx ccusage-ui</div>
|
|
85
|
+
<div class="branding"><strong>Claude Code Usage</strong><br>sowonlabs.com</div>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
</body>
|
|
89
|
+
</html>
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=1200, height=630">
|
|
6
|
+
<title>Platinum Card</title>
|
|
7
|
+
<style>
|
|
8
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
9
|
+
body {
|
|
10
|
+
width: 1200px;
|
|
11
|
+
height: 630px;
|
|
12
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
13
|
+
background: linear-gradient(135deg, #1a1a2e 0%, #1a2d1a 50%, #2a4a2a 100%);
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
}
|
|
19
|
+
.card {
|
|
20
|
+
width: 1100px;
|
|
21
|
+
height: 530px;
|
|
22
|
+
background: rgba(255, 255, 255, 0.03);
|
|
23
|
+
border: 2px solid rgba(52, 199, 89, 0.5);
|
|
24
|
+
border-radius: 32px;
|
|
25
|
+
padding: 60px;
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
justify-content: space-between;
|
|
29
|
+
position: relative;
|
|
30
|
+
overflow: hidden;
|
|
31
|
+
}
|
|
32
|
+
.card::before {
|
|
33
|
+
content: '';
|
|
34
|
+
position: absolute;
|
|
35
|
+
top: -50%;
|
|
36
|
+
right: -20%;
|
|
37
|
+
width: 600px;
|
|
38
|
+
height: 600px;
|
|
39
|
+
background: radial-gradient(circle, rgba(52, 199, 89, 0.15) 0%, transparent 70%);
|
|
40
|
+
pointer-events: none;
|
|
41
|
+
}
|
|
42
|
+
.header { display: flex; align-items: center; gap: 24px; }
|
|
43
|
+
.tier-icon { font-size: 80px; filter: drop-shadow(0 0 30px rgba(52, 199, 89, 0.8)); }
|
|
44
|
+
.tier-info h1 {
|
|
45
|
+
font-size: 64px;
|
|
46
|
+
font-weight: 800;
|
|
47
|
+
background: linear-gradient(135deg, #34c759 0%, #7bed9f 50%, #a8e6cf 100%);
|
|
48
|
+
-webkit-background-clip: text;
|
|
49
|
+
-webkit-text-fill-color: transparent;
|
|
50
|
+
background-clip: text;
|
|
51
|
+
letter-spacing: -2px;
|
|
52
|
+
}
|
|
53
|
+
.tier-info .subtitle { font-size: 28px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; font-weight: 500; }
|
|
54
|
+
.stats { display: flex; gap: 60px; }
|
|
55
|
+
.stat { display: flex; flex-direction: column; gap: 8px; }
|
|
56
|
+
.stat-value { font-size: 56px; font-weight: 700; color: #fff; letter-spacing: -1px; }
|
|
57
|
+
.stat-label { font-size: 20px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 2px; }
|
|
58
|
+
.footer { display: flex; justify-content: space-between; align-items: flex-end; }
|
|
59
|
+
.command { background: rgba(255, 255, 255, 0.1); padding: 16px 32px; border-radius: 12px; font-family: 'SF Mono', Monaco, monospace; font-size: 24px; color: #34c759; border: 1px solid rgba(52, 199, 89, 0.3); }
|
|
60
|
+
.branding { text-align: right; color: rgba(255, 255, 255, 0.4); font-size: 20px; }
|
|
61
|
+
.branding strong { color: rgba(255, 255, 255, 0.7); font-size: 24px; }
|
|
62
|
+
</style>
|
|
63
|
+
</head>
|
|
64
|
+
<body>
|
|
65
|
+
<div class="card">
|
|
66
|
+
<div class="header">
|
|
67
|
+
<span class="tier-icon">💚</span>
|
|
68
|
+
<div class="tier-info">
|
|
69
|
+
<h1>PLATINUM</h1>
|
|
70
|
+
<div class="subtitle">Active AI User</div>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
<div class="stats">
|
|
74
|
+
<div class="stat">
|
|
75
|
+
<div class="stat-value">50M+</div>
|
|
76
|
+
<div class="stat-label">Tokens / Month</div>
|
|
77
|
+
</div>
|
|
78
|
+
<div class="stat">
|
|
79
|
+
<div class="stat-value">Top 10%</div>
|
|
80
|
+
<div class="stat-label">Global Ranking</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
<div class="footer">
|
|
84
|
+
<div class="command">npx ccusage-ui</div>
|
|
85
|
+
<div class="branding"><strong>Claude Code Usage</strong><br>sowonlabs.com</div>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
</body>
|
|
89
|
+
</html>
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=1200, height=630">
|
|
6
|
+
<title>Silver Card</title>
|
|
7
|
+
<style>
|
|
8
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
9
|
+
body {
|
|
10
|
+
width: 1200px;
|
|
11
|
+
height: 630px;
|
|
12
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
13
|
+
background: linear-gradient(135deg, #1a1a2e 0%, #2a2a3a 50%, #3a3a4a 100%);
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
}
|
|
19
|
+
.card {
|
|
20
|
+
width: 1100px;
|
|
21
|
+
height: 530px;
|
|
22
|
+
background: rgba(255, 255, 255, 0.03);
|
|
23
|
+
border: 2px solid rgba(192, 192, 192, 0.5);
|
|
24
|
+
border-radius: 32px;
|
|
25
|
+
padding: 60px;
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
justify-content: space-between;
|
|
29
|
+
position: relative;
|
|
30
|
+
overflow: hidden;
|
|
31
|
+
}
|
|
32
|
+
.card::before {
|
|
33
|
+
content: '';
|
|
34
|
+
position: absolute;
|
|
35
|
+
top: -50%;
|
|
36
|
+
right: -20%;
|
|
37
|
+
width: 600px;
|
|
38
|
+
height: 600px;
|
|
39
|
+
background: radial-gradient(circle, rgba(192, 192, 192, 0.15) 0%, transparent 70%);
|
|
40
|
+
pointer-events: none;
|
|
41
|
+
}
|
|
42
|
+
.header { display: flex; align-items: center; gap: 24px; }
|
|
43
|
+
.tier-icon { font-size: 80px; filter: drop-shadow(0 0 30px rgba(192, 192, 192, 0.8)); }
|
|
44
|
+
.tier-info h1 {
|
|
45
|
+
font-size: 64px;
|
|
46
|
+
font-weight: 800;
|
|
47
|
+
background: linear-gradient(135deg, #c0c0c0 0%, #e8e8e8 50%, #ffffff 100%);
|
|
48
|
+
-webkit-background-clip: text;
|
|
49
|
+
-webkit-text-fill-color: transparent;
|
|
50
|
+
background-clip: text;
|
|
51
|
+
letter-spacing: -2px;
|
|
52
|
+
}
|
|
53
|
+
.tier-info .subtitle { font-size: 28px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; font-weight: 500; }
|
|
54
|
+
.stats { display: flex; gap: 60px; }
|
|
55
|
+
.stat { display: flex; flex-direction: column; gap: 8px; }
|
|
56
|
+
.stat-value { font-size: 56px; font-weight: 700; color: #fff; letter-spacing: -1px; }
|
|
57
|
+
.stat-label { font-size: 20px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 2px; }
|
|
58
|
+
.footer { display: flex; justify-content: space-between; align-items: flex-end; }
|
|
59
|
+
.command { background: rgba(255, 255, 255, 0.1); padding: 16px 32px; border-radius: 12px; font-family: 'SF Mono', Monaco, monospace; font-size: 24px; color: #34c759; border: 1px solid rgba(52, 199, 89, 0.3); }
|
|
60
|
+
.branding { text-align: right; color: rgba(255, 255, 255, 0.4); font-size: 20px; }
|
|
61
|
+
.branding strong { color: rgba(255, 255, 255, 0.7); font-size: 24px; }
|
|
62
|
+
</style>
|
|
63
|
+
</head>
|
|
64
|
+
<body>
|
|
65
|
+
<div class="card">
|
|
66
|
+
<div class="header">
|
|
67
|
+
<span class="tier-icon">⬜</span>
|
|
68
|
+
<div class="tier-info">
|
|
69
|
+
<h1>SILVER</h1>
|
|
70
|
+
<div class="subtitle">Growing AI User</div>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
<div class="stats">
|
|
74
|
+
<div class="stat">
|
|
75
|
+
<div class="stat-value">10M+</div>
|
|
76
|
+
<div class="stat-label">Tokens / Month</div>
|
|
77
|
+
</div>
|
|
78
|
+
<div class="stat">
|
|
79
|
+
<div class="stat-value">Top 40%</div>
|
|
80
|
+
<div class="stat-label">Global Ranking</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
<div class="footer">
|
|
84
|
+
<div class="command">npx ccusage-ui</div>
|
|
85
|
+
<div class="branding"><strong>Claude Code Usage</strong><br>sowonlabs.com</div>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
</body>
|
|
89
|
+
</html>
|
|
@@ -2,23 +2,22 @@
|
|
|
2
2
|
<html lang="en">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
|
-
<title>
|
|
6
|
-
|
|
5
|
+
<title>Challenger - Claude Code Usage</title>
|
|
6
|
+
|
|
7
7
|
<!-- Open Graph / Facebook -->
|
|
8
8
|
<meta property="og:type" content="website">
|
|
9
|
-
<meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/
|
|
10
|
-
<meta property="og:title" content="I'm a
|
|
11
|
-
<meta property="og:description" content="My AI usage pace is over
|
|
12
|
-
<meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/
|
|
9
|
+
<meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/challenger.html">
|
|
10
|
+
<meta property="og:title" content="I'm a Challenger AI User">
|
|
11
|
+
<meta property="og:description" content="My AI usage pace is over 1.5B tokens/month (World #1 Level). Check your stats: npx ccusage-ui">
|
|
12
|
+
<meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/challenger.png">
|
|
13
13
|
|
|
14
14
|
<!-- Twitter -->
|
|
15
15
|
<meta property="twitter:card" content="summary_large_image">
|
|
16
|
-
<meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/
|
|
17
|
-
<meta property="twitter:title" content="I'm a
|
|
18
|
-
<meta property="twitter:description" content="My AI usage pace is over
|
|
19
|
-
<meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/
|
|
16
|
+
<meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/challenger.html">
|
|
17
|
+
<meta property="twitter:title" content="I'm a Challenger AI User">
|
|
18
|
+
<meta property="twitter:description" content="My AI usage pace is over 1.5B tokens/month (World #1 Level). Check your stats: npx ccusage-ui">
|
|
19
|
+
<meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/challenger.png">
|
|
20
20
|
|
|
21
|
-
<!-- Redirect to main repo -->
|
|
22
21
|
<script>window.location.href = "https://github.com/sowonlabs/ccusage-ui";</script>
|
|
23
22
|
<meta http-equiv="refresh" content="0;url=https://github.com/sowonlabs/ccusage-ui" />
|
|
24
23
|
</head>
|
|
@@ -2,23 +2,22 @@
|
|
|
2
2
|
<html lang="en">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
|
-
<title>
|
|
6
|
-
|
|
5
|
+
<title>Diamond - Claude Code Usage</title>
|
|
6
|
+
|
|
7
7
|
<!-- Open Graph / Facebook -->
|
|
8
8
|
<meta property="og:type" content="website">
|
|
9
|
-
<meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/
|
|
10
|
-
<meta property="og:title" content="I'm a
|
|
11
|
-
<meta property="og:description" content="My AI usage pace is over
|
|
12
|
-
<meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/
|
|
9
|
+
<meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/diamond.html">
|
|
10
|
+
<meta property="og:title" content="I'm a Diamond AI User">
|
|
11
|
+
<meta property="og:description" content="My AI usage pace is over 300M tokens/month (Top 1%). Check your stats: npx ccusage-ui">
|
|
12
|
+
<meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/diamond.png">
|
|
13
13
|
|
|
14
14
|
<!-- Twitter -->
|
|
15
15
|
<meta property="twitter:card" content="summary_large_image">
|
|
16
|
-
<meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/
|
|
17
|
-
<meta property="twitter:title" content="I'm a
|
|
18
|
-
<meta property="twitter:description" content="My AI usage pace is over
|
|
19
|
-
<meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/
|
|
16
|
+
<meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/diamond.html">
|
|
17
|
+
<meta property="twitter:title" content="I'm a Diamond AI User">
|
|
18
|
+
<meta property="twitter:description" content="My AI usage pace is over 300M tokens/month (Top 1%). Check your stats: npx ccusage-ui">
|
|
19
|
+
<meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/diamond.png">
|
|
20
20
|
|
|
21
|
-
<!-- Redirect to main repo -->
|
|
22
21
|
<script>window.location.href = "https://github.com/sowonlabs/ccusage-ui";</script>
|
|
23
22
|
<meta http-equiv="refresh" content="0;url=https://github.com/sowonlabs/ccusage-ui" />
|
|
24
23
|
</head>
|
|
@@ -2,23 +2,22 @@
|
|
|
2
2
|
<html lang="en">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
|
-
<title>
|
|
6
|
-
|
|
5
|
+
<title>Emerald - Claude Code Usage</title>
|
|
6
|
+
|
|
7
7
|
<!-- Open Graph / Facebook -->
|
|
8
8
|
<meta property="og:type" content="website">
|
|
9
|
-
<meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/
|
|
10
|
-
<meta property="og:title" content="I'm
|
|
11
|
-
<meta property="og:description" content="My AI usage pace is over
|
|
12
|
-
<meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/
|
|
9
|
+
<meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/emerald.html">
|
|
10
|
+
<meta property="og:title" content="I'm an Emerald AI User">
|
|
11
|
+
<meta property="og:description" content="My AI usage pace is over 100M tokens/month. Check your stats: npx ccusage-ui">
|
|
12
|
+
<meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/emerald.png">
|
|
13
13
|
|
|
14
14
|
<!-- Twitter -->
|
|
15
15
|
<meta property="twitter:card" content="summary_large_image">
|
|
16
|
-
<meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/
|
|
17
|
-
<meta property="twitter:title" content="I'm
|
|
18
|
-
<meta property="twitter:description" content="My AI usage pace is over
|
|
19
|
-
<meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/
|
|
16
|
+
<meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/emerald.html">
|
|
17
|
+
<meta property="twitter:title" content="I'm an Emerald AI User">
|
|
18
|
+
<meta property="twitter:description" content="My AI usage pace is over 100M tokens/month. Check your stats: npx ccusage-ui">
|
|
19
|
+
<meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/emerald.png">
|
|
20
20
|
|
|
21
|
-
<!-- Redirect to main repo -->
|
|
22
21
|
<script>window.location.href = "https://github.com/sowonlabs/ccusage-ui";</script>
|
|
23
22
|
<meta http-equiv="refresh" content="0;url=https://github.com/sowonlabs/ccusage-ui" />
|
|
24
23
|
</head>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<title>Gold - Claude Code Usage</title>
|
|
6
|
+
|
|
7
|
+
<!-- Open Graph / Facebook -->
|
|
8
|
+
<meta property="og:type" content="website">
|
|
9
|
+
<meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/gold.html">
|
|
10
|
+
<meta property="og:title" content="I'm a Gold AI User">
|
|
11
|
+
<meta property="og:description" content="My AI usage pace is over 30M tokens/month. Check your stats: npx ccusage-ui">
|
|
12
|
+
<meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/gold.png">
|
|
13
|
+
|
|
14
|
+
<!-- Twitter -->
|
|
15
|
+
<meta property="twitter:card" content="summary_large_image">
|
|
16
|
+
<meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/gold.html">
|
|
17
|
+
<meta property="twitter:title" content="I'm a Gold AI User">
|
|
18
|
+
<meta property="twitter:description" content="My AI usage pace is over 30M tokens/month. Check your stats: npx ccusage-ui">
|
|
19
|
+
<meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/gold.png">
|
|
20
|
+
|
|
21
|
+
<script>window.location.href = "https://github.com/sowonlabs/ccusage-ui";</script>
|
|
22
|
+
<meta http-equiv="refresh" content="0;url=https://github.com/sowonlabs/ccusage-ui" />
|
|
23
|
+
</head>
|
|
24
|
+
<body>
|
|
25
|
+
<p>Redirecting to <a href="https://github.com/sowonlabs/ccusage-ui">ccusage-ui</a>...</p>
|
|
26
|
+
</body>
|
|
27
|
+
</html>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<title>Grandmaster - Claude Code Usage</title>
|
|
6
|
+
|
|
7
|
+
<!-- Open Graph / Facebook -->
|
|
8
|
+
<meta property="og:type" content="website">
|
|
9
|
+
<meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/grandmaster.html">
|
|
10
|
+
<meta property="og:title" content="I'm a Grandmaster AI User">
|
|
11
|
+
<meta property="og:description" content="My AI usage pace is over 1B tokens/month (Top 0.01%). Check your stats: npx ccusage-ui">
|
|
12
|
+
<meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/grandmaster.png">
|
|
13
|
+
|
|
14
|
+
<!-- Twitter -->
|
|
15
|
+
<meta property="twitter:card" content="summary_large_image">
|
|
16
|
+
<meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/grandmaster.html">
|
|
17
|
+
<meta property="twitter:title" content="I'm a Grandmaster AI User">
|
|
18
|
+
<meta property="twitter:description" content="My AI usage pace is over 1B tokens/month (Top 0.01%). Check your stats: npx ccusage-ui">
|
|
19
|
+
<meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/grandmaster.png">
|
|
20
|
+
|
|
21
|
+
<script>window.location.href = "https://github.com/sowonlabs/ccusage-ui";</script>
|
|
22
|
+
<meta http-equiv="refresh" content="0;url=https://github.com/sowonlabs/ccusage-ui" />
|
|
23
|
+
</head>
|
|
24
|
+
<body>
|
|
25
|
+
<p>Redirecting to <a href="https://github.com/sowonlabs/ccusage-ui">ccusage-ui</a>...</p>
|
|
26
|
+
</body>
|
|
27
|
+
</html>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<title>Iron - Claude Code Usage</title>
|
|
6
|
+
|
|
7
|
+
<!-- Open Graph / Facebook -->
|
|
8
|
+
<meta property="og:type" content="website">
|
|
9
|
+
<meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/iron.html">
|
|
10
|
+
<meta property="og:title" content="I'm an Iron AI User">
|
|
11
|
+
<meta property="og:description" content="Just getting started with Claude Code! Check your stats: npx ccusage-ui">
|
|
12
|
+
<meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/iron.png">
|
|
13
|
+
|
|
14
|
+
<!-- Twitter -->
|
|
15
|
+
<meta property="twitter:card" content="summary_large_image">
|
|
16
|
+
<meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/iron.html">
|
|
17
|
+
<meta property="twitter:title" content="I'm an Iron AI User">
|
|
18
|
+
<meta property="twitter:description" content="Just getting started with Claude Code! Check your stats: npx ccusage-ui">
|
|
19
|
+
<meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/iron.png">
|
|
20
|
+
|
|
21
|
+
<script>window.location.href = "https://github.com/sowonlabs/ccusage-ui";</script>
|
|
22
|
+
<meta http-equiv="refresh" content="0;url=https://github.com/sowonlabs/ccusage-ui" />
|
|
23
|
+
</head>
|
|
24
|
+
<body>
|
|
25
|
+
<p>Redirecting to <a href="https://github.com/sowonlabs/ccusage-ui">ccusage-ui</a>...</p>
|
|
26
|
+
</body>
|
|
27
|
+
</html>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<title>Master - Claude Code Usage</title>
|
|
6
|
+
|
|
7
|
+
<!-- Open Graph / Facebook -->
|
|
8
|
+
<meta property="og:type" content="website">
|
|
9
|
+
<meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/master.html">
|
|
10
|
+
<meta property="og:title" content="I'm a Master AI User">
|
|
11
|
+
<meta property="og:description" content="My AI usage pace is over 500M tokens/month (Top 0.1%). Check your stats: npx ccusage-ui">
|
|
12
|
+
<meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/master.png">
|
|
13
|
+
|
|
14
|
+
<!-- Twitter -->
|
|
15
|
+
<meta property="twitter:card" content="summary_large_image">
|
|
16
|
+
<meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/master.html">
|
|
17
|
+
<meta property="twitter:title" content="I'm a Master AI User">
|
|
18
|
+
<meta property="twitter:description" content="My AI usage pace is over 500M tokens/month (Top 0.1%). Check your stats: npx ccusage-ui">
|
|
19
|
+
<meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/master.png">
|
|
20
|
+
|
|
21
|
+
<script>window.location.href = "https://github.com/sowonlabs/ccusage-ui";</script>
|
|
22
|
+
<meta http-equiv="refresh" content="0;url=https://github.com/sowonlabs/ccusage-ui" />
|
|
23
|
+
</head>
|
|
24
|
+
<body>
|
|
25
|
+
<p>Redirecting to <a href="https://github.com/sowonlabs/ccusage-ui">ccusage-ui</a>...</p>
|
|
26
|
+
</body>
|
|
27
|
+
</html>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<title>Platinum - Claude Code Usage</title>
|
|
6
|
+
|
|
7
|
+
<!-- Open Graph / Facebook -->
|
|
8
|
+
<meta property="og:type" content="website">
|
|
9
|
+
<meta property="og:url" content="https://sowonlabs.github.io/ccusage-ui/share/platinum.html">
|
|
10
|
+
<meta property="og:title" content="I'm a Platinum AI User">
|
|
11
|
+
<meta property="og:description" content="My AI usage pace is over 50M tokens/month. Check your stats: npx ccusage-ui">
|
|
12
|
+
<meta property="og:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/platinum.png">
|
|
13
|
+
|
|
14
|
+
<!-- Twitter -->
|
|
15
|
+
<meta property="twitter:card" content="summary_large_image">
|
|
16
|
+
<meta property="twitter:url" content="https://sowonlabs.github.io/ccusage-ui/share/platinum.html">
|
|
17
|
+
<meta property="twitter:title" content="I'm a Platinum AI User">
|
|
18
|
+
<meta property="twitter:description" content="My AI usage pace is over 50M tokens/month. Check your stats: npx ccusage-ui">
|
|
19
|
+
<meta property="twitter:image" content="https://sowonlabs.github.io/ccusage-ui/share/images/platinum.png">
|
|
20
|
+
|
|
21
|
+
<script>window.location.href = "https://github.com/sowonlabs/ccusage-ui";</script>
|
|
22
|
+
<meta http-equiv="refresh" content="0;url=https://github.com/sowonlabs/ccusage-ui" />
|
|
23
|
+
</head>
|
|
24
|
+
<body>
|
|
25
|
+
<p>Redirecting to <a href="https://github.com/sowonlabs/ccusage-ui">ccusage-ui</a>...</p>
|
|
26
|
+
</body>
|
|
27
|
+
</html>
|