Hugging Face's logo

Spaces:
1bmoney
/
buburanker
Running

App Files Community
1bmoney commited on
Commit
1a32e89
·
verified ·
1 Parent(s): b74ef51

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +317 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Buburanker
3
- emoji: 🦀
4
- colorFrom: green
5
  colorTo: blue
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: buburanker
3
+ emoji: 🐳
4
+ colorFrom: blue
5
  colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,317 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>BubuRank - Monster Rankings</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ dark: '#0a0a0a',
15
+ darker: '#050505',
16
+ accent: '#00ff9d',
17
+ secondary: '#1a1a1a',
18
+ text: '#e5e5e5',
19
+ 'text-dim': '#a3a3a3',
20
+ },
21
+ fontFamily: {
22
+ mono: ['"IBM Plex Mono"', 'monospace'],
23
+ sans: ['"Inter"', 'sans-serif'],
24
+ },
25
+ }
26
+ }
27
+ }
28
+ </script>
29
+ <style>
30
+ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap');
31
+
32
+ body {
33
+ background-color: #0a0a0a;
34
+ color: #e5e5e5;
35
+ font-family: 'Inter', sans-serif;
36
+ }
37
+
38
+ .ticker {
39
+ animation: ticker 30s linear infinite;
40
+ }
41
+
42
+ @keyframes ticker {
43
+ 0% { transform: translateX(0); }
44
+ 100% { transform: translateX(-50%); }
45
+ }
46
+
47
+ .glow {
48
+ text-shadow: 0 0 8px rgba(0, 255, 157, 0.6);
49
+ }
50
+
51
+ .gradient-border {
52
+ position: relative;
53
+ }
54
+
55
+ .gradient-border::before {
56
+ content: '';
57
+ position: absolute;
58
+ top: 0;
59
+ left: 0;
60
+ right: 0;
61
+ height: 1px;
62
+ background: linear-gradient(90deg, transparent, #00ff9d, transparent);
63
+ }
64
+
65
+ .price-up {
66
+ color: #00ff9d;
67
+ }
68
+
69
+ .price-down {
70
+ color: #ff4d4d;
71
+ }
72
+
73
+ .blink {
74
+ animation: blink 1s step-end infinite;
75
+ }
76
+
77
+ @keyframes blink {
78
+ 50% { opacity: 0; }
79
+ }
80
+ </style>
81
+ </head>
82
+ <body class="min-h-screen bg-dark text-text">
83
+ <!-- Header -->
84
+ <header class="border-b border-secondary">
85
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
86
+ <div class="flex items-center space-x-4">
87
+ <h1 class="text-2xl font-bold font-mono glow">BUBU RANK</h1>
88
+ <div class="text-xs bg-secondary px-2 py-1 rounded font-mono">
89
+ <span class="text-accent">LIVE</span> <span class="blink">▮</span>
90
+ </div>
91
+ </div>
92
+ <div class="hidden md:flex items-center space-x-6">
93
+ <nav class="flex space-x-6 text-sm">
94
+ <a href="#" class="hover:text-accent transition">Rankings</a>
95
+ <a href="#" class="hover:text-accent transition">Sets</a>
96
+ <a href="#" class="hover:text-accent transition">Market</a>
97
+ <a href="#" class="hover:text-accent transition">My Collection</a>
98
+ </nav>
99
+ <div class="relative">
100
+ <input type="text" placeholder="Search monsters..." class="bg-darker text-sm px-3 py-1.5 rounded focus:outline-none focus:ring-1 focus:ring-accent w-64" />
101
+ <i class="fas fa-search absolute right-3 top-2 text-text-dim text-xs"></i>
102
+ </div>
103
+ </div>
104
+ <button class="md:hidden">
105
+ <i class="fas fa-bars"></i>
106
+ </button>
107
+ </div>
108
+ </header>
109
+
110
+ <!-- Ticker -->
111
+ <div class="bg-darker overflow-hidden">
112
+ <div class="ticker flex whitespace-nowrap py-2 text-xs font-mono">
113
+ <div class="flex items-center px-4">
114
+ <span class="text-text-dim mr-2">LATEST:</span>
115
+ <span class="text-accent mr-4">Labubu #420 sold for 2.5 ETH</span>
116
+ </div>
117
+ <div class="flex items-center px-4">
118
+ <span class="text-text-dim mr-2">TRENDING:</span>
119
+ <span class="text-accent mr-4">Labubu Astronaut +12.4% today</span>
120
+ </div>
121
+ <div class="flex items-center px-4">
122
+ <span class="text-text-dim mr-2">NEWS:</span>
123
+ <span class="text-accent mr-4">Kasing Lung announces new Labubu series</span>
124
+ </div>
125
+ <div class="flex items-center px-4">
126
+ <span class="text-text-dim mr-2">MARKET:</span>
127
+ <span class="text-accent mr-4">Lychee Berry floor up 3.2% in 24h</span>
128
+ </div>
129
+ <div class="flex items-center px-4">
130
+ <span class="text-text-dim mr-2">LATEST:</span>
131
+ <span class="text-accent mr-4">Big Into Energy restock scheduled for 4/20</span>
132
+ </div>
133
+ <div class="flex items-center px-4">
134
+ <span class="text-text-dim mr-2">TRENDING:</span>
135
+ <span class="text-accent mr-4">Labubu Astronaut +12.4% today</span>
136
+ </div>
137
+ </div>
138
+ </div>
139
+
140
+ <!-- Main Content -->
141
+ <main class="container mx-auto px-4 py-6">
142
+ <!-- Stats Bar -->
143
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
144
+ <div class="bg-darker p-4 rounded border border-secondary">
145
+ <div class="text-xs text-text-dim mb-1">LOWESET ASKING PRICE</div>
146
+ <div class="text-xl font-mono">42,690 ETH</div>
147
+ <div class="text-xs text-accent mt-1">+5.2% <i class="fas fa-arrow-up"></i></div>
148
+ </div>
149
+ <div class="bg-darker p-4 rounded border border-secondary">
150
+ <div class="text-xs text-text-dim mb-1">FLOOR PRICE</div>
151
+ <div class="text-xl font-mono">1.24 ETH</div>
152
+ <div class="text-xs text-accent mt-1">+3.1% <i class="fas fa-arrow-up"></i></div>
153
+ </div>
154
+ <div class="bg-darker p-4 rounded border border-secondary">
155
+ <div class="text-xs text-text-dim mb-1">TOTAL ITEMS</div>
156
+ <div class="text-xl font-mono">9,999</div>
157
+ <div class="text-xs text-text-dim mt-1">100% minted</div>
158
+ </div>
159
+ <div class="bg-darker p-4 rounded border border-secondary">
160
+ <div class="text-xs text-text-dim mb-1">OWNERS</div>
161
+ <div class="text-xl font-mono">4,201</div>
162
+ <div class="text-xs text-accent mt-1">+12.7% <i class="fas fa-arrow-up"></i></div>
163
+ </div>
164
+ </div>
165
+
166
+ <!-- Table Header -->
167
+ <div class="flex justify-between items-center mb-4">
168
+ <h2 class="text-lg font-semibold">Labubu Monster Rankings</h2>
169
+ <div class="flex space-x-2">
170
+ <button class="bg-darker hover:bg-secondary px-3 py-1.5 text-xs rounded transition">24h</button>
171
+ <button class="bg-darker hover:bg-secondary px-3 py-1.5 text-xs rounded transition">7d</button>
172
+ <button class="bg-accent text-dark px-3 py-1.5 text-xs rounded font-medium">30d</button>
173
+ <button class="bg-darker hover:bg-secondary px-3 py-1.5 text-xs rounded transition">All</button>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- Rankings Table -->
178
+ <div class="bg-darker rounded-lg overflow-hidden border border-secondary">
179
+ <table class="w-full">
180
+ <thead class="border-b border-secondary">
181
+ <tr class="text-xs text-text-dim text-left">
182
+ <th class="px-4 py-3 font-medium">#</th>
183
+ <th class="px-4 py-3 font-medium">MONSTER</th>
184
+ <th class="px-4 py-3 font-medium text-right">Lowest Asking</th>
185
+ <th class="px-4 py-3 font-medium text-right">Total Sales (30d)</th>
186
+ <th class="px-4 py-3 font-medium text-right">Price Trend</th>
187
+ <th class="px-4 py-3 font-medium text-right">% For Sale</th>
188
+ <th class="px-4 py-3 font-medium text-right">Collectors</th>
189
+ <th class="px-4 py-3 font-medium text-right">Past Week</th>
190
+ </tr>
191
+ </thead>
192
+ <tbody class="divide-y divide-secondary">
193
+ <!-- Row 1 -->
194
+ <tr class="hover:bg-secondary/50 transition cursor-pointer">
195
+ <td class="px-4 py-3 font-mono text-sm">1</td>
196
+ <td class="px-4 py-3">
197
+ <div class="flex items-center">
198
+ <div class="w-8 h-8 rounded bg-accent/10 mr-3 flex items-center justify-center">
199
+ <i class="fas fa-ghost text-accent"></i>
200
+ </div>
201
+ <div>
202
+ <div class="font-medium">Labubu Astronaut</div>
203
+ <div class="text-xs text-text-dim">Series 1</div>
204
+ </div>
205
+ </div>
206
+ </td>
207
+ <td class="px-4 py-3 font-mono text-sm text-right">4.20 ETH</td>
208
+ <td class="px-4 py-3 font-mono text-sm text-right">420.69 ETH</td>
209
+ <td class="px-4 py-3 font-mono text-sm text-right price-up">+12.4%</td>
210
+ <td class="px-4 py-3 font-mono text-sm text-right">12%</td>
211
+ <td class="px-4 py-3 font-mono text-sm text-right">1,234</td>
212
+ <td class="px-4 py-3">
213
+ <div class="h-8 w-24 ml-auto">
214
+ <svg viewBox="0 0 100 30" class="w-full h-full">
215
+ <polyline points="10,20 30,10 50,15 70,5 90,25" stroke="#00ff9d" stroke-width="2" fill="none" />
216
+ </svg>
217
+ </div>
218
+ </td>
219
+ </tr>
220
+
221
+ <!-- Row 2 -->
222
+ <tr class="hover:bg-secondary/50 transition cursor-pointer">
223
+ <td class="px-4 py-3 font-mono text-sm">2</td>
224
+ <td class="px-4 py-3">
225
+ <div class="flex items-center">
226
+ <div class="w-8 h-8 rounded bg-accent/10 mr-3 flex items-center justify-center">
227
+ <i class="fas fa-moon text-accent"></i>
228
+ </div>
229
+ <div>
230
+ <div class="font-medium">Labubu Moon</div>
231
+ <div class="text-xs text-text-dim">Series 2</div>
232
+ </div>
233
+ </div>
234
+ </td>
235
+ <td class="px-4 py-3 font-mono text-sm text-right">3.75 ETH</td>
236
+ <td class="px-4 py-3 font-mono text-sm text-right">389.42 ETH</td>
237
+ <td class="px-4 py-3 font-mono text-sm text-right price-up">+8.2%</td>
238
+ <td class="px-4 py-3 font-mono text-sm text-right">15%</td>
239
+ <td class="px-4 py-3 font-mono text-sm text-right">1,189</td>
240
+ <td class="px-4 py-3">
241
+ <div class="h-8 w-24 ml-auto">
242
+ <svg viewBox="0 0 100 30" class="w-full h-full">
243
+ <polyline points="10,25 30,15 50,20 70,10 90,20" stroke="#00ff9d" stroke-width="2" fill="none" />
244
+ </svg>
245
+ </div>
246
+ </td>
247
+ </tr>
248
+
249
+ <!-- Row 3 -->
250
+ <tr class="hover:bg-secondary/50 transition cursor-pointer">
251
+ <td class="px-4 py-3 font-mono text-sm">3</td>
252
+ <td class="px-4 py-3">
253
+ <div class="flex items-center">
254
+ <div class="w-8 h-8 rounded bg-accent/10 mr-3 flex items-center justify-center">
255
+ <i class="fas fa-fire text-accent"></i>
256
+ </div>
257
+ <div>
258
+ <div class="font-medium">Labubu Flame</div>
259
+ <div class="text-xs text-text-dim">Series 1</div>
260
+ </div>
261
+ </div>
262
+ </td>
263
+ <td class="px-4 py-3 font-mono text-sm text-right">3.20 ETH</td>
264
+ <td class="px-4 py-3 font-mono text-sm text-right">312.87 ETH</td>
265
+ <td class="px-4 py-3 font-mono text-sm text-right price-up">+5.6%</td>
266
+ <td class="px-4 py-3 font-mono text-sm text-right">18%</td>
267
+ <td class="px-4 py-3 font-mono text-sm text-right">987</td>
268
+ <td class="px-4 py-3">
269
+ <div class="h-8 w-24 ml-auto">
270
+ <svg viewBox="0 0 100 30" class="w-full h-full">
271
+ <polyline points="10,20 30,15 50,25 70,15 90,18" stroke="#00ff9d" stroke-width="2" fill="none" />
272
+ </svg>
273
+ </div>
274
+ </td>
275
+ </tr>
276
+
277
+ <!-- Row 4 -->
278
+ <tr class="hover:bg-secondary/50 transition cursor-pointer">
279
+ <td class="px-4 py-3 font-mono text-sm">4</td>
280
+ <td class="px-4 py-3">
281
+ <div class="flex items-center">
282
+ <div class="w-8 h-8 rounded bg-accent/10 mr-3 flex items-center justify-center">
283
+ <i class="fas fa-umbrella-beach text-accent"></i>
284
+ </div>
285
+ <div>
286
+ <div class="font-medium">Labubu Beach</div>
287
+ <div class="text-xs text-text-dim">Series 3</div>
288
+ </div>
289
+ </div>
290
+ </td>
291
+ <td class="px-4 py-3 font-mono text-sm text-right">2.95 ETH</td>
292
+ <td class="px-4 py-3 font-mono text-sm text-right">287.34 ETH</td>
293
+ <td class="px-4 py-3 font-mono text-sm text-right price-down">-2.1%</td>
294
+ <td class="px-4 py-3 font-mono text-sm text-right">22%</td>
295
+ <td class="px-4 py-3 font-mono text-sm text-right">876</td>
296
+ <td class="px-4 py-3">
297
+ <div class="h-8 w-24 ml-auto">
298
+ <svg viewBox="0 0 100 30" class="w-full h-full">
299
+ <polyline points="10,15 30,20 50,10 70,15 90,10" stroke="#ff4d4d" stroke-width="2" fill="none" />
300
+ </svg>
301
+ </div>
302
+ </td>
303
+ </tr>
304
+
305
+ <!-- Row 5 -->
306
+ <tr class="hover:bg-secondary/50 transition cursor-pointer">
307
+ <td class="px-4 py-3 font-mono text-sm">5</td>
308
+ <td class="px-4 py-3">
309
+ <div class="flex items-center">
310
+ <div class="w-8 h-8 rounded bg-accent/10 mr-3 flex items-center justify-center">
311
+ <i class="fas fa-mountain text-accent"></i>
312
+ </div>
313
+ <div>
314
+ <div class="font-medium">Labubu Mountain</div>
315
+ <div class="text-xs text-text-dim">Series 2</div>
316
+ </div
317
+ </html>
prompts.txt ADDED
File without changes