-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstats.html
More file actions
172 lines (162 loc) · 7.62 KB
/
stats.html
File metadata and controls
172 lines (162 loc) · 7.62 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="View Juice WRLD's impressive streaming statistics across platforms including Spotify, SoundCloud, and YouTube." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/styles.css" />
<title>Juice WRLD - Streaming Statistics</title>
</head>
<body>
<div class="navbar">
<a href="/home.html">
<img class="logo" src="assets/img/Logo.png" alt="logo" />
</a>
<div class="nav-links">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="music.html">Music</a>
<a class="active" href="stats.html">Stats</a>
<a href="merch.html">Merch</a>
</div>
</div>
<div class="stats-hero">
<h1>Streaming Statistics</h1>
<p class="stats-subtitle">The numbers behind Juice WRLD's legacy</p>
</div>
<div class="stats-container">
<div class="stats-card">
<div class="stats-platform">
<a target="_blank" href="https://open.spotify.com/artist/4MCBfE4596Uoi2O4DtmEMz">
<img class="stats-icon" src="assets/img/spotify.png" alt="Spotify icon" />
</a>
</div>
<div class="stats-number-container">
<span class="stream-number">30B+</span>
<span class="stats-label">Spotify Streams</span>
</div>
<div class="stats-details">
<div class="stats-detail-item">
<span class="detail-label">Monthly Listeners:</span>
<span class="detail-value">30+ Million</span>
</div>
<div class="stats-detail-item">
<span class="detail-label">Top Track:</span>
<span class="detail-value">"Lucid Dreams" (2B+ streams)</span>
</div>
<a target="_blank" href="https://open.spotify.com/artist/4MCBfE4596Uoi2O4DtmEMz" class="stats-cta">
Listen on Spotify
</a>
</div>
</div>
<div class="stats-card">
<div class="stats-platform">
<a target="_blank" href="https://soundcloud.com/uiceheidd">
<img class="stats-icon" src="assets/img/soundcloud.png" alt="SoundCloud icon" />
</a>
</div>
<div class="stats-number-container">
<span class="stream-number">26B</span>
<span class="stats-label">SoundCloud Streams</span>
</div>
<div class="stats-details">
<div class="stats-detail-item">
<span class="detail-label">Followers:</span>
<span class="detail-value">2.5+ Million</span>
</div>
<div class="stats-detail-item">
<span class="detail-label">Top Track:</span>
<span class="detail-value">"All Girls Are The Same" (85M+ plays)</span>
</div>
<a target="_blank" href="https://soundcloud.com/uiceheidd" class="stats-cta">
Listen on SoundCloud
</a>
</div>
</div>
<div class="stats-card">
<div class="stats-platform">
<a target="_blank" href="https://www.youtube.com/@JuiceWRLD">
<img class="stats-icon" src="assets/img/youtube.png" alt="YouTube icon" />
</a>
</div>
<div class="stats-number-container">
<span class="stream-number">5.9B</span>
<span class="stats-label">YouTube Views</span>
</div>
<div class="stats-details">
<div class="stats-detail-item">
<span class="detail-label">Subscribers:</span>
<span class="detail-value">8.5+ Million</span>
</div>
<div class="stats-detail-item">
<span class="detail-label">Top Video:</span>
<span class="detail-value">"Lucid Dreams" (800M+ views)</span>
</div>
<a target="_blank" href="https://www.youtube.com/@JuiceWRLD" class="stats-cta">
Watch on YouTube
</a>
</div>
</div>
</div>
<div class="stats-achievements">
<h2>Major Achievements</h2>
<div class="achievements-container">
<div class="achievement-item">
<div class="achievement-icon">🏆</div>
<div class="achievement-content">
<h3>"Lucid Dreams" Certified Diamond</h3>
<p>RIAA Diamond certification (10x Platinum) in 2022</p>
</div>
</div>
<div class="achievement-item">
<div class="achievement-icon">🔥</div>
<div class="achievement-content">
<h3>"Legends Never Die" Album</h3>
<p>Biggest posthumous debut in Billboard history</p>
</div>
</div>
<div class="achievement-item">
<div class="achievement-icon">🌐</div>
<div class="achievement-content">
<h3>Global Impact</h3>
<p>Over 70 billion combined streams across all platforms</p>
</div>
</div>
<div class="achievement-item">
<div class="achievement-icon">🎵</div>
<div class="achievement-content">
<h3>Billboard Chart Success</h3>
<p>Multiple #1 albums on the Billboard 200 chart</p>
</div>
</div>
</div>
</div>
<div class="stats-chart-section">
<h2>Top Songs by Streams</h2>
<div class="stats-chart">
<div class="chart-bar-container">
<div class="chart-label">Lucid Dreams</div>
<div class="chart-bar" style="width: 100%;">2B+</div>
</div>
<div class="chart-bar-container">
<div class="chart-label">All Girls Are The Same</div>
<div class="chart-bar" style="width: 75%;">1.5B+</div>
</div>
<div class="chart-bar-container">
<div class="chart-label">Robbery</div>
<div class="chart-bar" style="width: 65%;">1.3B+</div>
</div>
<div class="chart-bar-container">
<div class="chart-label">Come & Go</div>
<div class="chart-bar" style="width: 55%;">1.1B+</div>
</div>
<div class="chart-bar-container">
<div class="chart-label">Wishing Well</div>
<div class="chart-bar" style="width: 50%;">1B+</div>
</div>
</div>
</div>
<script src="assets/js/randomize-stats.js"></script>
</body>
</html>