Hugging Face's logo

Spaces:
1bmoney
/
poketerminal
Running

App Files Community
1bmoney commited on
Commit
f636529
·
verified ·
1 Parent(s): 0cd4c97

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +645 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Poketerminal
3
- emoji: 😻
4
- colorFrom: pink
5
- colorTo: red
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: poketerminal
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: yellow
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,645 @@
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>PokéDexScreener | Card Tracker</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 src="https://cdn.jsdelivr.net/npm/chart.js"></script>
10
+ <script>
11
+ tailwind.config = {
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ pokeblue: '#3B4CCA',
16
+ pokered: '#FF0000',
17
+ pokeyellow: '#FFDE00',
18
+ dexgreen: '#00ff5f',
19
+ dexred: '#ff2e63',
20
+ },
21
+ fontFamily: {
22
+ 'sans': ['Inter', 'sans-serif'],
23
+ 'mono': ['Fira Code', 'monospace'],
24
+ }
25
+ }
26
+ }
27
+ }
28
+ </script>
29
+ <style>
30
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap');
31
+
32
+ body {
33
+ background-color: #0a0a0a;
34
+ color: #e5e5e5;
35
+ font-family: 'Inter', sans-serif;
36
+ }
37
+
38
+ .gradient-bg {
39
+ background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
40
+ }
41
+
42
+ .card-hover {
43
+ transition: all 0.3s ease;
44
+ }
45
+
46
+ .card-hover:hover {
47
+ transform: translateY(-2px);
48
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
49
+ }
50
+
51
+ .terminal-font {
52
+ font-family: 'Fira Code', monospace;
53
+ }
54
+
55
+ .blink {
56
+ animation: blink-animation 1s steps(5, start) infinite;
57
+ }
58
+
59
+ @keyframes blink-animation {
60
+ to {
61
+ visibility: hidden;
62
+ }
63
+ }
64
+
65
+ .scrollbar-hide::-webkit-scrollbar {
66
+ display: none;
67
+ }
68
+
69
+ .scrollbar-hide {
70
+ -ms-overflow-style: none;
71
+ scrollbar-width: none;
72
+ }
73
+
74
+ .price-up {
75
+ color: #00ff5f;
76
+ }
77
+
78
+ .price-down {
79
+ color: #ff2e63;
80
+ }
81
+
82
+ .price-neutral {
83
+ color: #94a3b8;
84
+ }
85
+
86
+ .glow {
87
+ box-shadow: 0 0 10px rgba(59, 76, 202, 0.5);
88
+ }
89
+
90
+ .dex-bg {
91
+ background-color: #0d1117;
92
+ }
93
+
94
+ .dex-card {
95
+ background-color: #161b22;
96
+ border: 1px solid #30363d;
97
+ }
98
+
99
+ .dex-input {
100
+ background-color: #0d1117;
101
+ border: 1px solid #30363d;
102
+ color: #c9d1d9;
103
+ }
104
+
105
+ .dex-input:focus {
106
+ outline: none;
107
+ border-color: #58a6ff;
108
+ }
109
+
110
+ .dex-tab {
111
+ border-bottom: 2px solid transparent;
112
+ }
113
+
114
+ .dex-tab.active {
115
+ border-bottom-color: #58a6ff;
116
+ color: #58a6ff;
117
+ }
118
+
119
+ .dex-divider {
120
+ border-color: #30363d;
121
+ }
122
+
123
+ .dex-hover:hover {
124
+ background-color: #1f2937;
125
+ }
126
+
127
+ .dex-pill {
128
+ background-color: #238636;
129
+ color: white;
130
+ }
131
+
132
+ .trend-up {
133
+ background: linear-gradient(90deg, rgba(0,255,95,0.1) 0%, rgba(0,255,95,0) 100%);
134
+ }
135
+
136
+ .trend-down {
137
+ background: linear-gradient(90deg, rgba(255,46,99,0.1) 0%, rgba(255,46,99,0) 100%);
138
+ }
139
+ </style>
140
+ </head>
141
+ <body class="min-h-screen dex-bg">
142
+ <div class="flex flex-col h-screen">
143
+ <!-- Header -->
144
+ <header class="p-4 border-b border-gray-800">
145
+ <div class="flex justify-between items-center">
146
+ <div class="flex items-center space-x-4">
147
+ <div class="flex items-center">
148
+ <div class="w-8 h-8 rounded-full bg-pokered flex items-center justify-center mr-2">
149
+ <div class="w-6 h-6 rounded-full bg-white flex items-center justify-center">
150
+ <div class="w-3 h-3 rounded-full bg-pokeblue"></div>
151
+ </div>
152
+ </div>
153
+ <h1 class="text-xl font-bold text-white">Poké<span class="text-dexgreen">Dex</span>Screener</h1>
154
+ </div>
155
+ <nav class="hidden md:flex space-x-6">
156
+ <a href="#" class="text-white hover:text-pokeyellow">Dashboard</a>
157
+ <a href="#" class="text-gray-400 hover:text-white">Cards</a>
158
+ <a href="#" class="text-gray-400 hover:text-white">Sets</a>
159
+ <a href="#" class="text-gray-400 hover:text-white">Portfolio</a>
160
+ <a href="#" class="text-gray-400 hover:text-white">Watchlist</a>
161
+ </nav>
162
+ </div>
163
+ <div class="flex items-center space-x-4">
164
+ <div class="relative">
165
+ <input type="text" placeholder="Search Pokémon cards..." class="dex-input px-4 py-2 rounded-md text-sm w-64 focus:outline-none">
166
+ <i class="fas fa-search absolute right-3 top-2.5 text-gray-500"></i>
167
+ </div>
168
+ <button class="bg-dexgreen hover:bg-green-600 text-black px-4 py-2 rounded-md text-sm font-medium terminal-font">
169
+ CONNECT
170
+ </button>
171
+ </div>
172
+ </div>
173
+ </header>
174
+
175
+ <!-- Main Content -->
176
+ <main class="flex-1 overflow-hidden">
177
+ <!-- Card Detail View -->
178
+ <div class="p-6">
179
+ <!-- Card Header -->
180
+ <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6">
181
+ <div class="flex items-center space-x-4 mb-4 md:mb-0">
182
+ <img src="https://images.pokemontcg.io/base1/4_hires.png" alt="Charizard" class="w-16 h-16 md:w-20 md:h-20 rounded-md">
183
+ <div>
184
+ <h1 class="text-2xl md:text-3xl font-bold text-white">Charizard</h1>
185
+ <div class="flex items-center space-x-2 mt-1">
186
+ <span class="text-sm bg-gray-800 text-gray-300 px-2 py-1 rounded">Base Set</span>
187
+ <span class="text-sm bg-gray-800 text-gray-300 px-2 py-1 rounded">#4/102</span>
188
+ <span class="text-sm bg-yellow-900 text-pokeyellow px-2 py-1 rounded">Holo Rare</span>
189
+ </div>
190
+ </div>
191
+ </div>
192
+ <div class="flex space-x-2">
193
+ <button class="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded-md text-sm flex items-center">
194
+ <i class="fas fa-heart mr-2"></i> Watch
195
+ </button>
196
+ <button class="bg-dexgreen hover:bg-green-600 text-black px-4 py-2 rounded-md text-sm flex items-center">
197
+ <i class="fas fa-chart-line mr-2"></i> Analyze
198
+ </button>
199
+ <button class="bg-pokeblue hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm flex items-center">
200
+ <i class="fas fa-shopping-cart mr-2"></i> Buy
201
+ </button>
202
+ </div>
203
+ </div>
204
+
205
+ <!-- Price Overview -->
206
+ <div class="dex-card rounded-lg p-6 mb-6">
207
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
208
+ <div class="p-4 rounded-lg trend-up">
209
+ <p class="text-sm text-gray-400 mb-1">Current Price</p>
210
+ <p class="text-2xl font-bold text-white">$420.69</p>
211
+ <p class="text-sm price-up mt-1"><i class="fas fa-arrow-up mr-1"></i> +12.4% (24h)</p>
212
+ </div>
213
+ <div class="p-4 rounded-lg">
214
+ <p class="text-sm text-gray-400 mb-1">24h Volume</p>
215
+ <p class="text-2xl font-bold text-white">$124,580</p>
216
+ <p class="text-sm price-up mt-1"><i class="fas fa-arrow-up mr-1"></i> +32.7%</p>
217
+ </div>
218
+ <div class="p-4 rounded-lg">
219
+ <p class="text-sm text-gray-400 mb-1">7d Volume</p>
220
+ <p class="text-2xl font-bold text-white">$892,450</p>
221
+ <p class="text-sm price-down mt-1"><i class="fas fa-arrow-down mr-1"></i> -5.2%</p>
222
+ </div>
223
+ <div class="p-4 rounded-lg trend-down">
224
+ <p class="text-sm text-gray-400 mb-1">Market Cap</p>
225
+ <p class="text-2xl font-bold text-white">$42.1M</p>
226
+ <p class="text-sm price-down mt-1"><i class="fas fa-arrow-down mr-1"></i> -2.1% (7d)</p>
227
+ </div>
228
+ </div>
229
+ </div>
230
+
231
+ <!-- Chart and Trades -->
232
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
233
+ <!-- Price Chart -->
234
+ <div class="lg:col-span-2 dex-card rounded-lg p-4">
235
+ <div class="flex justify-between items-center mb-4">
236
+ <div class="flex space-x-4">
237
+ <button class="dex-tab active px-3 py-2 text-sm font-medium">Price</button>
238
+ <button class="dex-tab px-3 py-2 text-sm font-medium">Volume</button>
239
+ <button class="dex-tab px-3 py-2 text-sm font-medium">Liquidity</button>
240
+ </div>
241
+ <div class="flex space-x-2">
242
+ <button class="bg-gray-800 hover:bg-gray-700 text-white px-3 py-1 rounded-md text-xs">1H</button>
243
+ <button class="bg-gray-800 hover:bg-gray-700 text-white px-3 py-1 rounded-md text-xs">6H</button>
244
+ <button class="bg-dexgreen text-black px-3 py-1 rounded-md text-xs">24H</button>
245
+ <button class="bg-gray-800 hover:bg-gray-700 text-white px-3 py-1 rounded-md text-xs">7D</button>
246
+ <button class="bg-gray-800 hover:bg-gray-700 text-white px-3 py-1 rounded-md text-xs">1M</button>
247
+ <button class="bg-gray-800 hover:bg-gray-700 text-white px-3 py-1 rounded-md text-xs">ALL</button>
248
+ </div>
249
+ </div>
250
+ <div class="h-80">
251
+ <canvas id="priceChart"></canvas>
252
+ </div>
253
+ </div>
254
+
255
+ <!-- Recent Trades -->
256
+ <div class="dex-card rounded-lg p-4">
257
+ <div class="flex justify-between items-center mb-4">
258
+ <h2 class="text-lg font-semibold text-white">Recent Trades</h2>
259
+ <button class="text-xs text-pokeblue hover:text-blue-400">View All</button>
260
+ </div>
261
+ <div class="overflow-y-auto" style="max-height: 360px;">
262
+ <table class="min-w-full divide-y dex-divider">
263
+ <thead>
264
+ <tr>
265
+ <th class="px-2 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Price</th>
266
+ <th class="px-2 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Date</th>
267
+ <th class="px-2 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Platform</th>
268
+ <th class="px-2 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Condition</th>
269
+ </tr>
270
+ </thead>
271
+ <tbody class="divide-y dex-divider">
272
+ <tr class="dex-hover">
273
+ <td class="px-2 py-3 whitespace-nowrap text-sm font-medium price-up">$435.00</td>
274
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">2 mins ago</td>
275
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">
276
+ <span class="dex-pill text-xs px-2 py-1 rounded">eBay</span>
277
+ </td>
278
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">PSA 9</td>
279
+ </tr>
280
+ <tr class="dex-hover">
281
+ <td class="px-2 py-3 whitespace-nowrap text-sm font-medium price-down">$410.25</td>
282
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">12 mins ago</td>
283
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">
284
+ <span class="bg-blue-900 text-blue-400 text-xs px-2 py-1 rounded">TCGPlayer</span>
285
+ </td>
286
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">NM</td>
287
+ </tr>
288
+ <tr class="dex-hover">
289
+ <td class="px-2 py-3 whitespace-nowrap text-sm font-medium price-up">$428.50</td>
290
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">34 mins ago</td>
291
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">
292
+ <span class="dex-pill text-xs px-2 py-1 rounded">eBay</span>
293
+ </td>
294
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">PSA 8</td>
295
+ </tr>
296
+ <tr class="dex-hover">
297
+ <td class="px-2 py-3 whitespace-nowrap text-sm font-medium price-down">$399.99</td>
298
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">1 hour ago</td>
299
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">
300
+ <span class="bg-purple-900 text-purple-400 text-xs px-2 py-1 rounded">PWCC</span>
301
+ </td>
302
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">PSA 7</td>
303
+ </tr>
304
+ <tr class="dex-hover">
305
+ <td class="px-2 py-3 whitespace-nowrap text-sm font-medium price-up">$450.00</td>
306
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">2 hours ago</td>
307
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">
308
+ <span class="dex-pill text-xs px-2 py-1 rounded">eBay</span>
309
+ </td>
310
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">PSA 9</td>
311
+ </tr>
312
+ <tr class="dex-hover">
313
+ <td class="px-2 py-3 whitespace-nowrap text-sm font-medium price-down">$395.75</td>
314
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">3 hours ago</td>
315
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">
316
+ <span class="bg-blue-900 text-blue-400 text-xs px-2 py-1 rounded">TCGPlayer</span>
317
+ </td>
318
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">NM</td>
319
+ </tr>
320
+ <tr class="dex-hover">
321
+ <td class="px-2 py-3 whitespace-nowrap text-sm font-medium price-up">$425.00</td>
322
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">5 hours ago</td>
323
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">
324
+ <span class="bg-purple-900 text-purple-400 text-xs px-2 py-1 rounded">PWCC</span>
325
+ </td>
326
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">PSA 8</td>
327
+ </tr>
328
+ </tbody>
329
+ </table>
330
+ </div>
331
+ </div>
332
+ </div>
333
+
334
+ <!-- Additional Data Sections -->
335
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mt-6">
336
+ <!-- Historical Prices -->
337
+ <div class="dex-card rounded-lg p-4">
338
+ <h2 class="text-lg font-semibold text-white mb-4">Historical Prices</h2>
339
+ <div class="overflow-x-auto">
340
+ <table class="min-w-full divide-y dex-divider">
341
+ <thead>
342
+ <tr>
343
+ <th class="px-2 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Date</th>
344
+ <th class="px-2 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Avg Price</th>
345
+ <th class="px-2 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Volume</th>
346
+ <th class="px-2 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Change</th>
347
+ </tr>
348
+ </thead>
349
+ <tbody class="divide-y dex-divider">
350
+ <tr class="dex-hover">
351
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">Today</td>
352
+ <td class="px-2 py-3 whitespace-nowrap text-sm font-medium text-white">$420.69</td>
353
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">124</td>
354
+ <td class="px-2 py-3 whitespace-nowrap text-sm price-up">+12.4%</td>
355
+ </tr>
356
+ <tr class="dex-hover">
357
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">Yesterday</td>
358
+ <td class="px-2 py-3 whitespace-nowrap text-sm font-medium text-white">$374.20</td>
359
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">98</td>
360
+ <td class="px-2 py-3 whitespace-nowrap text-sm price-down">-2.1%</td>
361
+ </tr>
362
+ <tr class="dex-hover">
363
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">7d ago</td>
364
+ <td class="px-2 py-3 whitespace-nowrap text-sm font-medium text-white">$382.50</td>
365
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">112</td>
366
+ <td class="px-2 py-3 whitespace-nowrap text-sm price-up">+5.7%</td>
367
+ </tr>
368
+ <tr class="dex-hover">
369
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">30d ago</td>
370
+ <td class="px-2 py-3 whitespace-nowrap text-sm font-medium text-white">$350.25</td>
371
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">87</td>
372
+ <td class="px-2 py-3 whitespace-nowrap text-sm price-up">+20.1%</td>
373
+ </tr>
374
+ <tr class="dex-hover">
375
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">90d ago</td>
376
+ <td class="px-2 py-3 whitespace-nowrap text-sm font-medium text-white">$310.80</td>
377
+ <td class="px-2 py-3 whitespace-nowrap text-sm text-gray-400">65</td>
378
+ <td class="px-2 py-3 whitespace-nowrap text-sm price-up">+35.4%</td>
379
+ </tr>
380
+ </tbody>
381
+ </table>
382
+ </div>
383
+ </div>
384
+
385
+ <!-- Price by Condition -->
386
+ <div class="dex-card rounded-lg p-4">
387
+ <h2 class="text-lg font-semibold text-white mb-4">Price by Condition</h2>
388
+ <div class="space-y-4">
389
+ <div>
390
+ <div class="flex justify-between mb-1">
391
+ <span class="text-sm font-medium text-white">PSA 10</span>
392
+ <span class="text-sm font-medium text-white">$2,450.00</span>
393
+ </div>
394
+ <div class="w-full bg-gray-700 rounded-full h-2">
395
+ <div class="bg-dexgreen h-2 rounded-full" style="width: 100%"></div>
396
+ </div>
397
+ <div class="flex justify-between mt-1">
398
+ <span class="text-xs text-gray-400">12 sales (30d)</span>
399
+ <span class="text-xs price-up">+8.2%</span>
400
+ </div>
401
+ </div>
402
+ <div>
403
+ <div class="flex justify-between mb-1">
404
+ <span class="text-sm font-medium text-white">PSA 9</span>
405
+ <span class="text-sm font-medium text-white">$420.69</span>
406
+ </div>
407
+ <div class="w-full bg-gray-700 rounded-full h-2">
408
+ <div class="bg-dexgreen h-2 rounded-full" style="width: 75%"></div>
409
+ </div>
410
+ <div class="flex justify-between mt-1">
411
+ <span class="text-xs text-gray-400">84 sales (30d)</span>
412
+ <span class="text-xs price-up">+12.4%</span>
413
+ </div>
414
+ </div>
415
+ <div>
416
+ <div class="flex justify-between mb-1">
417
+ <span class="text-sm font-medium text-white">PSA 8</span>
418
+ <span class="text-sm font-medium text-white">$210.50</span>
419
+ </div>
420
+ <div class="w-full bg-gray-700 rounded-full h-2">
421
+ <div class="bg-yellow-500 h-2 rounded-full" style="width: 50%"></div>
422
+ </div>
423
+ <div class="flex justify-between mt-1">
424
+ <span class="text-xs text-gray-400">62 sales (30d)</span>
425
+ <span class="text-xs price-down">-3.7%</span>
426
+ </div>
427
+ </div>
428
+ <div>
429
+ <div class="flex justify-between mb-1">
430
+ <span class="text-sm font-medium text-white">NM</span>
431
+ <span class="text-sm font-medium text-white">$180.25</span>
432
+ </div>
433
+ <div class="w-full bg-gray-700 rounded-full h-2">
434
+ <div class="bg-orange-500 h-2 rounded-full" style="width: 40%"></div>
435
+ </div>
436
+ <div class="flex justify-between mt-1">
437
+ <span class="text-xs text-gray-400">45 sales (30d)</span>
438
+ <span class="text-xs price-neutral">+0.4%</span>
439
+ </div>
440
+ </div>
441
+ <div>
442
+ <div class="flex justify-between mb-1">
443
+ <span class="text-sm font-medium text-white">LP</span>
444
+ <span class="text-sm font-medium text-white">$120.75</span>
445
+ </div>
446
+ <div class="w-full bg-gray-700 rounded-full h-2">
447
+ <div class="bg-red-500 h-2 rounded-full" style="width: 25%"></div>
448
+ </div>
449
+ <div class="flex justify-between mt-1">
450
+ <span class="text-xs text-gray-400">32 sales (30d)</span>
451
+ <span class="text-xs price-down">-5.2%</span>
452
+ </div>
453
+ </div>
454
+ </div>
455
+ </div>
456
+
457
+ <!-- Similar Cards -->
458
+ <div class="dex-card rounded-lg p-4">
459
+ <h2 class="text-lg font-semibold text-white mb-4">Similar Cards</h2>
460
+ <div class="space-y-3">
461
+ <div class="flex items-center p-2 hover:bg-gray-800 rounded cursor-pointer">
462
+ <img src="https://images.pokemontcg.io/base1/4_hires.png" alt="Charizard" class="w-12 h-12 rounded-md">
463
+ <div class="ml-3 flex-1">
464
+ <p class="text-sm font-medium text-white">Charizard</p>
465
+ <p class="text-xs text-gray-400">Base Set Shadowless #4</p>
466
+ </div>
467
+ <div class="text-right">
468
+ <p class="text-sm font-medium text-white">$1,250.00</p>
469
+ <p class="text-xs price-up">+15.2%</p>
470
+ </div>
471
+ </div>
472
+ <div class="flex items-center p-2 hover:bg-gray-800 rounded cursor-pointer">
473
+ <img src="https://images.pokemontcg.io/base1/4_hires.png" alt="Charizard" class="w-12 h-12 rounded-md">
474
+ <div class="ml-3 flex-1">
475
+ <p class="text-sm font-medium text-white">Charizard</p>
476
+ <p class="text-xs text-gray-400">Base Set 1st Edition #4</p>
477
+ </div>
478
+ <div class="text-right">
479
+ <p class="text-sm font-medium text-white">$3,450.00</p>
480
+ <p class="text-xs price-up">+8.7%</p>
481
+ </div>
482
+ </div>
483
+ <div class="flex items-center p-2 hover:bg-gray-800 rounded cursor-pointer">
484
+ <img src="https://images.pokemontcg.io/base2/4_hires.png" alt="Charizard" class="w-12 h-12 rounded-md">
485
+ <div class="ml-3 flex-1">
486
+ <p class="text-sm font-medium text-white">Charizard</p>
487
+ <p class="text-xs text-gray-400">Base Set 2 #4</p>
488
+ </div>
489
+ <div class="text-right">
490
+ <p class="text-sm font-medium text-white">$380.50</p>
491
+ <p class="text-xs price-down">-2.4%</p>
492
+ </div>
493
+ </div>
494
+ <div class="flex items-center p-2 hover:bg-gray-800 rounded cursor-pointer">
495
+ <img src="https://images.pokemontcg.io/xy1/11_hires.png" alt="Charizard" class="w-12 h-12 rounded-md">
496
+ <div class="ml-3 flex-1">
497
+ <p class="text-sm font-medium text-white">Charizard EX</p>
498
+ <p class="text-xs text-gray-400">XY Evolutions #11</p>
499
+ </div>
500
+ <div class="text-right">
501
+ <p class="text-sm font-medium text-white">$89.99</p>
502
+ <p class="text-xs price-up">+5.7%</p>
503
+ </div>
504
+ </div>
505
+ <div class="flex items-center p-2 hover:bg-gray-800 rounded cursor-pointer">
506
+ <img src="https://images.pokemontcg.io/swsh9/4_hires.png" alt="Charizard" class="w-12 h-12 rounded-md">
507
+ <div class="ml-3 flex-1">
508
+ <p class="text-sm font-medium text-white">Charizard</p>
509
+ <p class="text-xs text-gray-400">Celebrations #4</p>
510
+ </div>
511
+ <div class="text-right">
512
+ <p class="text-sm font-medium text-white">$112.45</p>
513
+ <p class="text-xs price-down">-3.2%</p>
514
+ </div>
515
+ </div>
516
+ </div>
517
+ </div>
518
+ </div>
519
+ </div>
520
+ </main>
521
+
522
+ <!-- Footer -->
523
+ <footer class="border-t border-gray-800 p-4">
524
+ <div class="flex justify-between items-center">
525
+ <div class="text-xs text-gray-500">
526
+ <span class="terminal-font">PokéDexScreener</span> v1.0 • Data updates every 5 minutes
527
+ </div>
528
+ <div class="flex space-x-4">
529
+ <a href="#" class="text-gray-500 hover:text-white text-xs">API</a>
530
+ <a href="#" class="text-gray-500 hover:text-white text-xs">Docs</a>
531
+ <a href="#" class="text-gray-500 hover:text-white text-xs">GitHub</a>
532
+ <a href="#" class="text-gray-500 hover:text-white text-xs">Twitter</a>
533
+ </div>
534
+ </div>
535
+ </footer>
536
+ </div>
537
+
538
+ <script>
539
+ // Price Chart
540
+ const ctx = document.getElementById('priceChart').getContext('2d');
541
+ const priceChart = new Chart(ctx, {
542
+ type: 'line',
543
+ data: {
544
+ labels: ['6AM', '9AM', '12PM', '3PM', '6PM', '9PM', '12AM', '3AM', '6AM'],
545
+ datasets: [{
546
+ label: 'Price (USD)',
547
+ data: [380, 390, 400, 395, 410, 425, 415, 420, 435],
548
+ borderColor: '#00ff5f',
549
+ backgroundColor: 'rgba(0, 255, 95, 0.1)',
550
+ borderWidth: 2,
551
+ fill: true,
552
+ tension: 0.4
553
+ }]
554
+ },
555
+ options: {
556
+ responsive: true,
557
+ maintainAspectRatio: false,
558
+ plugins: {
559
+ legend: {
560
+ display: false
561
+ },
562
+ tooltip: {
563
+ mode: 'index',
564
+ intersect: false,
565
+ }
566
+ },
567
+ scales: {
568
+ x: {
569
+ grid: {
570
+ display: false,
571
+ drawBorder: false
572
+ },
573
+ ticks: {
574
+ color: '#8b949e'
575
+ }
576
+ },
577
+ y: {
578
+ grid: {
579
+ color: '#21262d',
580
+ drawBorder: false
581
+ },
582
+ ticks: {
583
+ color: '#8b949e'
584
+ }
585
+ }
586
+ },
587
+ interaction: {
588
+ mode: 'nearest',
589
+ axis: 'x',
590
+ intersect: false
591
+ }
592
+ }
593
+ });
594
+
595
+ // Sample data for demonstration
596
+ const sampleCard = {
597
+ name: "Charizard",
598
+ set: "Base Set",
599
+ number: "4/102",
600
+ currentPrice: 420.69,
601
+ change24h: 12.4,
602
+ volume24h: 124580,
603
+ marketCap: 42100000,
604
+ conditionPrices: {
605
+ "PSA 10": 2450.00,
606
+ "PSA 9": 420.69,
607
+ "PSA 8": 210.50,
608
+ "NM": 180.25,
609
+ "LP": 120.75
610
+ },
611
+ similarCards: [
612
+ { name: "Charizard", set: "Base Set Shadowless", price: 1250.00, change: 15.2 },
613
+ { name: "Charizard", set: "Base Set 1st Edition", price: 3450.00, change: 8.7 },
614
+ { name: "Charizard", set: "Base Set 2", price: 380.50, change: -2.4 },
615
+ { name: "Charizard EX", set: "XY Evolutions", price: 89.99, change: 5.7 },
616
+ { name: "Charizard", set: "Celebrations", price: 112.45, change: -3.2 }
617
+ ]
618
+ };
619
+
620
+ // In a real application, you would fetch this data from an API
621
+ console.log("Sample card data:", sampleCard);
622
+
623
+ // You would also have functions to update the UI with real data
624
+ // For example:
625
+ // async function fetchCardData(cardId) {
626
+ // const response = await fetch(`https://api.pokedexscreener.com/cards/${cardId}`);
627
+ // const data = await response.json();
628
+ // updateCardPage(data);
629
+ // }
630
+
631
+ // For now, we'll just use the sample data
632
+ document.addEventListener('DOMContentLoaded', () => {
633
+ // Add any interactive functionality here
634
+ const tabs = document.querySelectorAll('.dex-tab');
635
+ tabs.forEach(tab => {
636
+ tab.addEventListener('click', () => {
637
+ tabs.forEach(t => t.classList.remove('active'));
638
+ tab.classList.add('active');
639
+ // Here you would update the chart based on the selected tab
640
+ });
641
+ });
642
+ });
643
+ </script>
644
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=1bmoney/poketerminal" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
645
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ i want to create a website that tracks the pokemon card market. it should track: invidual cards price & volume(sold on ebayy), card set market value(sum of every card in a specific sets last sold price on ebay ---- similiar to this website https://www.pokemonwizard.com/sets ---- however, i want a more slick ui like robinhood and more of a DEX feeliing or bloomberg terminal
2
+ i want a page for individual card pricing/trending/etc like https://dexscreener.com/ but...for pokemon