Hugging Face's logo

Spaces:
Ghust68
/
test
Running

App Files Community
Ghust68 commited on
Commit
26ddc4f
·
verified ·
1 Parent(s): 8d7e856

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +657 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Test
3
- emoji: 📊
4
- colorFrom: blue
5
  colorTo: gray
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: test
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
  colorTo: gray
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,657 @@
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>Rust & CS2 Unboxing Platform</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
+ <style>
10
+ /* Custom CSS for elements that need more specific styling */
11
+ .gradient-bg {
12
+ background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
13
+ }
14
+ .case-hover:hover {
15
+ transform: translateY(-5px);
16
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
17
+ }
18
+ .chat-message:nth-child(even) {
19
+ background-color: rgba(255, 255, 255, 0.05);
20
+ }
21
+ .unboxing-animation {
22
+ animation: spin 0.5s linear infinite;
23
+ }
24
+ @keyframes spin {
25
+ 0% { transform: rotate(0deg); }
26
+ 100% { transform: rotate(360deg); }
27
+ }
28
+ .rainbow-text {
29
+ background: linear-gradient(to right, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
30
+ -webkit-background-clip: text;
31
+ background-clip: text;
32
+ color: transparent;
33
+ animation: rainbow 5s linear infinite;
34
+ background-size: 200% 100%;
35
+ }
36
+ @keyframes rainbow {
37
+ 0% { background-position: 0% 50%; }
38
+ 100% { background-position: 100% 50%; }
39
+ }
40
+ </style>
41
+ </head>
42
+ <body class="gradient-bg text-gray-100 min-h-screen">
43
+ <!-- Navigation Bar -->
44
+ <nav class="bg-gray-900 border-b border-gray-800 sticky top-0 z-50">
45
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
46
+ <div class="flex items-center justify-between h-16">
47
+ <!-- Logo and main nav -->
48
+ <div class="flex items-center">
49
+ <div class="flex-shrink-0">
50
+ <span class="text-xl font-bold rainbow-text">UNBOXPRO</span>
51
+ </div>
52
+ <div class="hidden md:block">
53
+ <div class="ml-10 flex items-baseline space-x-4">
54
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium bg-blue-900 text-white">Home</a>
55
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:bg-gray-800 hover:text-white">Cases</a>
56
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:bg-gray-800 hover:text-white">Games</a>
57
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:bg-gray-800 hover:text-white">Leaderboard</a>
58
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:bg-gray-800 hover:text-white">Affiliates</a>
59
+ </div>
60
+ </div>
61
+ </div>
62
+
63
+ <!-- Right side: balance and user -->
64
+ <div class="hidden md:block">
65
+ <div class="ml-4 flex items-center md:ml-6">
66
+ <div class="mr-4 flex items-center">
67
+ <span class="text-yellow-400 font-bold">$12.45</span>
68
+ <button class="ml-2 bg-blue-700 hover:bg-blue-800 px-3 py-1 rounded text-sm">Deposit</button>
69
+ </div>
70
+ <div class="relative">
71
+ <div class="flex items-center cursor-pointer">
72
+ <img class="h-8 w-8 rounded-full" src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/fe/fef49e7fa7e1997310d705b2a6158ff8dc1cdfeb_full.jpg" alt="User avatar">
73
+ <span class="ml-2 text-sm font-medium">Player123</span>
74
+ <i class="fas fa-chevron-down ml-1 text-xs"></i>
75
+ </div>
76
+ <!-- Dropdown menu -->
77
+ <div class="hidden absolute right-0 mt-2 w-48 bg-gray-800 rounded-md shadow-lg py-1 z-50">
78
+ <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700">Inventory</a>
79
+ <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700">Settings</a>
80
+ <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700">Support</a>
81
+ <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700">Logout</a>
82
+ </div>
83
+ </div>
84
+ </div>
85
+ </div>
86
+
87
+ <!-- Mobile menu button -->
88
+ <div class="md:hidden flex items-center">
89
+ <div class="mr-4">
90
+ <span class="text-yellow-400 font-bold">$12.45</span>
91
+ </div>
92
+ <button class="mobile-menu-button p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none">
93
+ <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
94
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
95
+ </svg>
96
+ </button>
97
+ </div>
98
+ </div>
99
+ </div>
100
+
101
+ <!-- Mobile menu -->
102
+ <div class="mobile-menu hidden md:hidden">
103
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
104
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-white bg-blue-900">Home</a>
105
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-800">Cases</a>
106
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-800">Games</a>
107
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-800">Leaderboard</a>
108
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-800">Affiliates</a>
109
+ </div>
110
+ <div class="pt-4 pb-3 border-t border-gray-800">
111
+ <div class="flex items-center px-5">
112
+ <img class="h-10 w-10 rounded-full" src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/fe/fef49e7fa7e1997310d705b2a6158ff8dc1cdfeb_full.jpg" alt="User avatar">
113
+ <div class="ml-3">
114
+ <div class="text-base font-medium text-white">Player123</div>
115
+ <div class="text-sm font-medium text-gray-400">$12.45</div>
116
+ </div>
117
+ </div>
118
+ <div class="mt-3 px-2 space-y-1">
119
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-800">Inventory</a>
120
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-800">Settings</a>
121
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-800">Support</a>
122
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-800">Logout</a>
123
+ </div>
124
+ </div>
125
+ </div>
126
+ </nav>
127
+
128
+ <!-- Main Content -->
129
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
130
+ <div class="flex flex-col lg:flex-row gap-6">
131
+ <!-- Left column (main content) -->
132
+ <div class="w-full lg:w-3/4">
133
+ <!-- Featured Cases Section -->
134
+ <section class="mb-8">
135
+ <div class="flex justify-between items-center mb-4">
136
+ <h2 class="text-2xl font-bold">Recently Added Cases</h2>
137
+ <a href="#" class="text-blue-400 hover:text-blue-300 text-sm">View All</a>
138
+ </div>
139
+ <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
140
+ <!-- Case 1 -->
141
+ <div class="bg-gray-800 rounded-lg overflow-hidden shadow-lg transition-all duration-300 case-hover">
142
+ <div class="relative">
143
+ <img src="https://steamcdn-a.akamaihd.net/apps/730/icons/econ/cases/case_weapon_01.4e7b1c4d2d4c3c6c7e3a6d5d0b1b1a8.png" alt="Rust Weapon Case" class="w-full h-32 object-contain">
144
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-2">
145
+ <span class="text-white font-semibold text-sm">Rust Weapon Case</span>
146
+ </div>
147
+ <div class="absolute top-2 right-2 bg-blue-600 text-white text-xs px-2 py-1 rounded">NEW</div>
148
+ </div>
149
+ <div class="p-3">
150
+ <div class="flex justify-between items-center">
151
+ <span class="text-yellow-400 font-bold">$2.99</span>
152
+ <button class="bg-green-600 hover:bg-green-700 text-white px-3 py-1 rounded text-sm">Open</button>
153
+ </div>
154
+ </div>
155
+ </div>
156
+
157
+ <!-- Case 2 -->
158
+ <div class="bg-gray-800 rounded-lg overflow-hidden shadow-lg transition-all duration-300 case-hover">
159
+ <div class="relative">
160
+ <img src="https://steamcdn-a.akamaihd.net/apps/730/icons/econ/cases/case_weapon_02.4e7b1c4d2d4c3c6c7e3a6d5d0b1b1a8.png" alt="CS2 Elite Case" class="w-full h-32 object-contain">
161
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-2">
162
+ <span class="text-white font-semibold text-sm">CS2 Elite Case</span>
163
+ </div>
164
+ </div>
165
+ <div class="p-3">
166
+ <div class="flex justify-between items-center">
167
+ <span class="text-yellow-400 font-bold">$1.49</span>
168
+ <button class="bg-green-600 hover:bg-green-700 text-white px-3 py-1 rounded text-sm">Open</button>
169
+ </div>
170
+ </div>
171
+ </div>
172
+
173
+ <!-- Case 3 -->
174
+ <div class="bg-gray-800 rounded-lg overflow-hidden shadow-lg transition-all duration-300 case-hover">
175
+ <div class="relative">
176
+ <img src="https://steamcdn-a.akamaihd.net/apps/730/icons/econ/cases/case_weapon_03.4e7b1c4d2d4c3c6c7e3a6d5d0b1b1a8.png" alt="Rust Premium Case" class="w-full h-32 object-contain">
177
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-2">
178
+ <span class="text-white font-semibold text-sm">Rust Premium Case</span>
179
+ </div>
180
+ </div>
181
+ <div class="p-3">
182
+ <div class="flex justify-between items-center">
183
+ <span class="text-yellow-400 font-bold">$4.99</span>
184
+ <button class="bg-green-600 hover:bg-green-700 text-white px-3 py-1 rounded text-sm">Open</button>
185
+ </div>
186
+ </div>
187
+ </div>
188
+
189
+ <!-- Case 4 -->
190
+ <div class="bg-gray-800 rounded-lg overflow-hidden shadow-lg transition-all duration-300 case-hover">
191
+ <div class="relative">
192
+ <img src="https://steamcdn-a.akamaihd.net/apps/730/icons/econ/cases/case_weapon_04.4e7b1c4d2d4c3c6c7e3a6d5d0b1b1a8.png" alt="Daily Free Case" class="w-full h-32 object-contain">
193
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-2">
194
+ <span class="text-white font-semibold text-sm">Daily Free Case</span>
195
+ </div>
196
+ <div class="absolute top-2 right-2 bg-purple-600 text-white text-xs px-2 py-1 rounded">FREE</div>
197
+ </div>
198
+ <div class="p-3">
199
+ <div class="flex justify-between items-center">
200
+ <span class="text-green-400 font-bold">$0.00</span>
201
+ <button class="bg-green-600 hover:bg-green-700 text-white px-3 py-1 rounded text-sm">Open</button>
202
+ </div>
203
+ </div>
204
+ </div>
205
+ </div>
206
+ </section>
207
+
208
+ <!-- Game Modes Section -->
209
+ <section class="mb-8">
210
+ <div class="flex justify-between items-center mb-4">
211
+ <h2 class="text-2xl font-bold">Game Modes</h2>
212
+ <a href="#" class="text-blue-400 hover:text-blue-300 text-sm">View All</a>
213
+ </div>
214
+ <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
215
+ <!-- Game Mode 1 -->
216
+ <div class="bg-gray-800 rounded-lg p-4 text-center hover:bg-gray-700 transition-all duration-300 cursor-pointer">
217
+ <div class="bg-blue-900 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-3">
218
+ <i class="fas fa-dice text-2xl"></i>
219
+ </div>
220
+ <h3 class="font-semibold">Roulette</h3>
221
+ <p class="text-gray-400 text-sm mt-1">Bet on colors</p>
222
+ </div>
223
+
224
+ <!-- Game Mode 2 -->
225
+ <div class="bg-gray-800 rounded-lg p-4 text-center hover:bg-gray-700 transition-all duration-300 cursor-pointer">
226
+ <div class="bg-red-900 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-3">
227
+ <i class="fas fa-chart-line text-2xl"></i>
228
+ </div>
229
+ <h3 class="font-semibold">Crash</h3>
230
+ <p class="text-gray-400 text-sm mt-1">Cash out in time</p>
231
+ </div>
232
+
233
+ <!-- Game Mode 3 -->
234
+ <div class="bg-gray-800 rounded-lg p-4 text-center hover:bg-gray-700 transition-all duration-300 cursor-pointer">
235
+ <div class="bg-yellow-900 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-3">
236
+ <i class="fas fa-trophy text-2xl"></i>
237
+ </div>
238
+ <h3 class="font-semibold">Jackpot</h3>
239
+ <p class="text-gray-400 text-sm mt-1">Winner takes all</p>
240
+ </div>
241
+
242
+ <!-- Game Mode 4 -->
243
+ <div class="bg-gray-800 rounded-lg p-4 text-center hover:bg-gray-700 transition-all duration-300 cursor-pointer">
244
+ <div class="bg-green-900 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-3">
245
+ <i class="fas fa-coins text-2xl"></i>
246
+ </div>
247
+ <h3 class="font-semibold">Coinflip</h3>
248
+ <p class="text-gray-400 text-sm mt-1">50/50 chance</p>
249
+ </div>
250
+ </div>
251
+ </section>
252
+
253
+ <!-- Recent Wins Section -->
254
+ <section class="mb-8">
255
+ <div class="flex justify-between items-center mb-4">
256
+ <h2 class="text-2xl font-bold">Recent Wins</h2>
257
+ <a href="#" class="text-blue-400 hover:text-blue-300 text-sm">View All</a>
258
+ </div>
259
+ <div class="bg-gray-800 rounded-lg overflow-hidden">
260
+ <div class="overflow-x-auto">
261
+ <table class="min-w-full divide-y divide-gray-700">
262
+ <thead class="bg-gray-900">
263
+ <tr>
264
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Player</th>
265
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Game</th>
266
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Item</th>
267
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Value</th>
268
+ </tr>
269
+ </thead>
270
+ <tbody class="bg-gray-800 divide-y divide-gray-700">
271
+ <tr>
272
+ <td class="px-6 py-4 whitespace-nowrap">
273
+ <div class="flex items-center">
274
+ <img class="h-8 w-8 rounded-full" src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/fe/fef49e7fa7e1997310d705b2a6158ff8dc1cdfeb_full.jpg" alt="">
275
+ <div class="ml-4">
276
+ <div class="text-sm font-medium text-white">Player123</div>
277
+ </div>
278
+ </div>
279
+ </td>
280
+ <td class="px-6 py-4 whitespace-nowrap">
281
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-900 text-blue-100">Case</span>
282
+ </td>
283
+ <td class="px-6 py-4 whitespace-nowrap">
284
+ <div class="flex items-center">
285
+ <img class="h-8 w-8" src="https://steamcdn-a.akamaihd.net/apps/730/icons/econ/default_generated/weapon_knife_karambit_aa_fade_light_large.4e7b1c4d2d4c3c6c7e3a6d5d0b1b1a8.png" alt="">
286
+ <div class="ml-2 text-sm text-gray-300">Karambit | Fade</div>
287
+ </div>
288
+ </td>
289
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-yellow-400 font-bold">$1,245.32</td>
290
+ </tr>
291
+ <tr>
292
+ <td class="px-6 py-4 whitespace-nowrap">
293
+ <div class="flex items-center">
294
+ <img class="h-8 w-8 rounded-full" src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/12/1234567890123456789012345678901234567890.jpg" alt="">
295
+ <div class="ml-4">
296
+ <div class="text-sm font-medium text-white">CS2Pro</div>
297
+ </div>
298
+ </div>
299
+ </td>
300
+ <td class="px-6 py-4 whitespace-nowrap">
301
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-900 text-red-100">Jackpot</span>
302
+ </td>
303
+ <td class="px-6 py-4 whitespace-nowrap">
304
+ <div class="flex items-center">
305
+ <img class="h-8 w-8" src="https://steamcdn-a.akamaihd.net/apps/730/icons/econ/default_generated/weapon_ak47_aa_vulcan_light_large.4e7b1c4d2d4c3c6c7e3a6d5d0b1b1a8.png" alt="">
306
+ <div class="ml-2 text-sm text-gray-300">AK-47 | Vulcan</div>
307
+ </div>
308
+ </td>
309
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-yellow-400 font-bold">$342.15</td>
310
+ </tr>
311
+ <tr>
312
+ <td class="px-6 py-4 whitespace-nowrap">
313
+ <div class="flex items-center">
314
+ <img class="h-8 w-8 rounded-full" src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/ab/abcdefghijklmnopqrstuvwxyz0123456789.jpg" alt="">
315
+ <div class="ml-4">
316
+ <div class="text-sm font-medium text-white">RustKing</div>
317
+ </div>
318
+ </div>
319
+ </td>
320
+ <td class="px-6 py-4 whitespace-nowrap">
321
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-900 text-green-100">Coinflip</span>
322
+ </td>
323
+ <td class="px-6 py-4 whitespace-nowrap">
324
+ <div class="flex items-center">
325
+ <img class="h-8 w-8" src="https://steamcdn-a.akamaihd.net/apps/252490/icons/econ/rust/skins/ak47/ak47_bloodbath.4e7b1c4d2d4c3c6c7e3a6d5d0b1b1a8.png" alt="">
326
+ <div class="ml-2 text-sm text-gray-300">AK-47 Bloodbath</div>
327
+ </div>
328
+ </td>
329
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-yellow-400 font-bold">$87.50</td>
330
+ </tr>
331
+ </tbody>
332
+ </table>
333
+ </div>
334
+ </div>
335
+ </section>
336
+ </div>
337
+
338
+ <!-- Right column (sidebar) -->
339
+ <div class="w-full lg:w-1/4">
340
+ <!-- User Stats Card -->
341
+ <div class="bg-gray-800 rounded-lg shadow-lg mb-6 p-4">
342
+ <div class="flex items-center mb-4">
343
+ <img class="h-12 w-12 rounded-full" src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/fe/fef49e7fa7e1997310d705b2a6158ff8dc1cdfeb_full.jpg" alt="User avatar">
344
+ <div class="ml-3">
345
+ <h3 class="font-bold">Player123</h3>
346
+ <p class="text-sm text-gray-400">Level 24</p>
347
+ </div>
348
+ </div>
349
+ <div class="grid grid-cols-2 gap-2 mb-4">
350
+ <div class="bg-gray-900 rounded p-2 text-center">
351
+ <p class="text-xs text-gray-400">Balance</p>
352
+ <p class="text-yellow-400 font-bold">$12.45</p>
353
+ </div>
354
+ <div class="bg-gray-900 rounded p-2 text-center">
355
+ <p class="text-xs text-gray-400">Wagered</p>
356
+ <p class="text-blue-400 font-bold">$1,245.67</p>
357
+ </div>
358
+ <div class="bg-gray-900 rounded p-2 text-center">
359
+ <p class="text-xs text-gray-400">Profit</p>
360
+ <p class="text-green-400 font-bold">+$342.15</p>
361
+ </div>
362
+ <div class="bg-gray-900 rounded p-2 text-center">
363
+ <p class="text-xs text-gray-400">Cases Opened</p>
364
+ <p class="text-purple-400 font-bold">247</p>
365
+ </div>
366
+ </div>
367
+ <div class="flex space-x-2">
368
+ <button class="flex-1 bg-blue-700 hover:bg-blue-800 text-white py-2 rounded text-sm">Deposit</button>
369
+ <button class="flex-1 bg-green-700 hover:bg-green-800 text-white py-2 rounded text-sm">Withdraw</button>
370
+ </div>
371
+ </div>
372
+
373
+ <!-- Daily Bonus Card -->
374
+ <div class="bg-gray-800 rounded-lg shadow-lg mb-6 p-4">
375
+ <h3 class="font-bold mb-2 flex items-center">
376
+ <i class="fas fa-gift text-yellow-400 mr-2"></i> Daily Bonus
377
+ </h3>
378
+ <div class="bg-gray-900 rounded p-3 mb-3">
379
+ <div class="flex justify-between items-center mb-1">
380
+ <span class="text-sm">Day 3 Bonus</span>
381
+ <span class="text-xs bg-purple-700 text-white px-2 py-1 rounded">$0.50</span>
382
+ </div>
383
+ <div class="w-full bg-gray-700 rounded-full h-2">
384
+ <div class="bg-purple-600 h-2 rounded-full" style="width: 60%"></div>
385
+ </div>
386
+ </div>
387
+ <button class="w-full bg-purple-700 hover:bg-purple-800 text-white py-2 rounded text-sm">Claim Bonus</button>
388
+ </div>
389
+
390
+ <!-- Live Case Battles -->
391
+ <div class="bg-gray-800 rounded-lg shadow-lg mb-6 overflow-hidden">
392
+ <div class="bg-gray-900 px-4 py-3 border-b border-gray-700">
393
+ <h3 class="font-bold flex items-center">
394
+ <i class="fas fa-fire text-red-400 mr-2"></i> Live Case Battles
395
+ </h3>
396
+ </div>
397
+ <div class="p-4">
398
+ <div class="mb-4">
399
+ <div class="flex justify-between items-center mb-1">
400
+ <span class="text-sm">Battle #1245</span>
401
+ <span class="text-xs bg-blue-700 text-white px-2 py-1 rounded">$24.50</span>
402
+ </div>
403
+ <div class="flex justify-between items-center text-xs text-gray-400 mb-1">
404
+ <span>2/8 players</span>
405
+ <span>00:45 left</span>
406
+ </div>
407
+ <button class="w-full bg-blue-700 hover:bg-blue-800 text-white py-1 rounded text-xs">Join Battle</button>
408
+ </div>
409
+ <div class="mb-4">
410
+ <div class="flex justify-between items-center mb-1">
411
+ <span class="text-sm">Battle #1246</span>
412
+ <span class="text-xs bg-blue-700 text-white px-2 py-1 rounded">$12.75</span>
413
+ </div>
414
+ <div class="flex justify-between items-center text-xs text-gray-400 mb-1">
415
+ <span>5/8 players</span>
416
+ <span>01:15 left</span>
417
+ </div>
418
+ <button class="w-full bg-blue-700 hover:bg-blue-800 text-white py-1 rounded text-xs">Join Battle</button>
419
+ </div>
420
+ <button class="w-full bg-gray-700 hover:bg-gray-600 text-white py-2 rounded text-sm">View All Battles</button>
421
+ </div>
422
+ </div>
423
+
424
+ <!-- Chat Section -->
425
+ <div class="bg-gray-800 rounded-lg shadow-lg overflow-hidden">
426
+ <div class="bg-gray-900 px-4 py-3 border-b border-gray-700">
427
+ <div class="flex justify-between items-center">
428
+ <h3 class="font-bold flex items-center">
429
+ <i class="fas fa-comments text-green-400 mr-2"></i> Community Chat
430
+ </h3>
431
+ <div class="flex space-x-2">
432
+ <button class="text-gray-400 hover:text-white">
433
+ <i class="fas fa-cog"></i>
434
+ </button>
435
+ <button class="text-gray-400 hover:text-white">
436
+ <i class="fas fa-ellipsis-v"></i>
437
+ </button>
438
+ </div>
439
+ </div>
440
+ <div class="flex mt-2 overflow-x-auto">
441
+ <button class="text-xs bg-blue-900 text-white px-2 py-1 rounded mr-2">General</button>
442
+ <button class="text-xs bg-gray-700 hover:bg-gray-600 text-white px-2 py-1 rounded mr-2">Trading</button>
443
+ <button class="text-xs bg-gray-700 hover:bg-gray-600 text-white px-2 py-1 rounded mr-2">Support</button>
444
+ <button class="text-xs bg-gray-700 hover:bg-gray-600 text-white px-2 py-1 rounded">English</button>
445
+ </div>
446
+ </div>
447
+ <div class="h-64 overflow-y-auto p-3 chat-container">
448
+ <!-- Chat messages will be added here by JavaScript -->
449
+ </div>
450
+ <div class="p-3 border-t border-gray-700">
451
+ <div class="flex">
452
+ <input type="text" placeholder="Type a message..." class="flex-1 bg-gray-700 text-white px-3 py-2 rounded-l focus:outline-none">
453
+ <button class="bg-green-700 hover:bg-green-800 text-white px-3 py-2 rounded-r">
454
+ <i class="fas fa-paper-plane"></i>
455
+ </button>
456
+ </div>
457
+ <div class="flex justify-between mt-2 text-xs text-gray-400">
458
+ <span>120 online</span>
459
+ <span>Chat rules</span>
460
+ </div>
461
+ </div>
462
+ </div>
463
+ </div>
464
+ </div>
465
+ </div>
466
+
467
+ <!-- Footer -->
468
+ <footer class="bg-gray-900 border-t border-gray-800 mt-8">
469
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
470
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
471
+ <div>
472
+ <h3 class="text-lg font-semibold mb-4">UNBOXPRO</h3>
473
+ <p class="text-gray-400 text-sm">The best platform for unboxing CS2 and Rust items with various game modes and fair system.</p>
474
+ </div>
475
+ <div>
476
+ <h3 class="text-lg font-semibold mb-4">Quick Links</h3>
477
+ <ul class="space-y-2">
478
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Home</a></li>
479
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Cases</a></li>
480
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Games</a></li>
481
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Leaderboard</a></li>
482
+ </ul>
483
+ </div>
484
+ <div>
485
+ <h3 class="text-lg font-semibold mb-4">Information</h3>
486
+ <ul class="space-y-2">
487
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">FAQ</a></li>
488
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Provably Fair</a></li>
489
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Terms of Service</a></li>
490
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Privacy Policy</a></li>
491
+ </ul>
492
+ </div>
493
+ <div>
494
+ <h3 class="text-lg font-semibold mb-4">Contact Us</h3>
495
+ <ul class="space-y-2">
496
+ <li class="text-gray-400 text-sm">[email protected]</li>
497
+ <li class="text-gray-400 text-sm">Discord: unboxpro</li>
498
+ <li class="text-gray-400 text-sm">Twitter: @unboxpro</li>
499
+ </ul>
500
+ </div>
501
+ </div>
502
+ <div class="border-t border-gray-800 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center">
503
+ <p class="text-gray-400 text-sm">© 2023 UNBOXPRO. All rights reserved.</p>
504
+ <div class="flex space-x-4 mt-4 md:mt-0">
505
+ <a href="#" class="text-gray-400 hover:text-white">
506
+ <i class="fab fa-steam"></i>
507
+ </a>
508
+ <a href="#" class="text-gray-400 hover:text-white">
509
+ <i class="fab fa-discord"></i>
510
+ </a>
511
+ <a href="#" class="text-gray-400 hover:text-white">
512
+ <i class="fab fa-twitter"></i>
513
+ </a>
514
+ </div>
515
+ </div>
516
+ </div>
517
+ </footer>
518
+
519
+ <!-- Unboxing Modal (hidden by default) -->
520
+ <div class="fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50 hidden" id="unboxingModal">
521
+ <div class="bg-gray-900 rounded-lg max-w-2xl w-full p-6 relative">
522
+ <button class="absolute top-4 right-4 text-gray-400 hover:text-white" id="closeModal">
523
+ <i class="fas fa-times"></i>
524
+ </button>
525
+ <h2 class="text-2xl font-bold mb-4">Unboxing Rust Weapon Case</h2>
526
+ <div class="flex justify-center mb-6">
527
+ <div class="relative">
528
+ <img src="https://steamcdn-a.akamaihd.net/apps/730/icons/econ/cases/case_weapon_01.4e7b1c4d2d4c3c6c7e3a6d5d0b1b1a8.png" alt="Case" class="h-32 w-32 object-contain unboxing-animation" id="caseImage">
529
+ </div>
530
+ </div>
531
+ <div class="bg-gray-800 rounded-lg p-4 mb-6 hidden" id="unboxedItem">
532
+ <div class="flex items-center justify-center">
533
+ <img src="" alt="Unboxed Item" class="h-16 w-16 mr-4" id="itemImage">
534
+ <div>
535
+ <h3 class="font-bold" id="itemName">Item Name</h3>
536
+ <p class="text-yellow-400 font-bold" id="itemValue">$0.00</p>
537
+ </div>
538
+ </div>
539
+ </div>
540
+ <div class="flex justify-between">
541
+ <button class="bg-blue-700 hover:bg-blue-800 text-white px-6 py-2 rounded" id="openOne">Open 1 ($2.99)</button>
542
+ <button class="bg-purple-700 hover:bg-purple-800 text-white px-6 py-2 rounded" id="openTen">Open 10 ($27.99)</button>
543
+ </div>
544
+ </div>
545
+ </div>
546
+
547
+ <script>
548
+ // Mobile menu toggle
549
+ const mobileMenuButton = document.querySelector('.mobile-menu-button');
550
+ const mobileMenu = document.querySelector('.mobile-menu');
551
+
552
+ mobileMenuButton.addEventListener('click', () => {
553
+ mobileMenu.classList.toggle('hidden');
554
+ });
555
+
556
+ // User dropdown toggle
557
+ const userDropdown = document.querySelector('.relative');
558
+
559
+ userDropdown.addEventListener('click', () => {
560
+ const dropdownMenu = userDropdown.querySelector('.hidden');
561
+ dropdownMenu.classList.toggle('hidden');
562
+ });
563
+
564
+ // Chat messages (simulated)
565
+ const chatMessages = [
566
+ { user: "CS2Pro", message: "Just won a Karambit Fade from a case! So hyped!", color: "text-blue-400" },
567
+ { user: "RustKing", message: "Anyone want to trade for my AK Bloodbath?", color: "text-green-400" },
568
+ { user: "UnboxMaster", message: "Opening 10 cases now, wish me luck!", color: "text-purple-400" },
569
+ { user: "LuckyGambler", message: "Hit 10x on crash game, $500 profit!", color: "text-yellow-400" },
570
+ { user: "NewPlayer", message: "How do I deposit skins?", color: "text-gray-400" },
571
+ { user: "SupportBot", message: "Type !help for assistance", color: "text-red-400" }
572
+ ];
573
+
574
+ const chatContainer = document.querySelector('.chat-container');
575
+
576
+ chatMessages.forEach(msg => {
577
+ const messageElement = document.createElement('div');
578
+ messageElement.className = 'chat-message mb-2 p-2 rounded';
579
+ messageElement.innerHTML = `
580
+ <span class="font-bold ${msg.color}">${msg.user}:</span>
581
+ <span class="text-gray-300">${msg.message}</span>
582
+ `;
583
+ chatContainer.appendChild(messageElement);
584
+ });
585
+
586
+ // Scroll chat to bottom
587
+ chatContainer.scrollTop = chatContainer.scrollHeight;
588
+
589
+ // Unboxing modal functionality
590
+ const unboxingModal = document.getElementById('unboxingModal');
591
+ const closeModal = document.getElementById('closeModal');
592
+ const openOne = document.getElementById('openOne');
593
+ const openTen = document.getElementById('openTen');
594
+ const caseImage = document.getElementById('caseImage');
595
+ const unboxedItem = document.getElementById('unboxedItem');
596
+ const itemImage = document.getElementById('itemImage');
597
+ const itemName = document.getElementById('itemName');
598
+ const itemValue = document.getElementById('itemValue');
599
+
600
+ // Sample case open buttons (would normally be attached to each case)
601
+ document.querySelectorAll('button:contains("Open")').forEach(button => {
602
+ button.addEventListener('click', () => {
603
+ unboxingModal.classList.remove('hidden');
604
+ document.body.style.overflow = 'hidden';
605
+ });
606
+ });
607
+
608
+ closeModal.addEventListener('click', () => {
609
+ unboxingModal.classList.add('hidden');
610
+ document.body.style.overflow = 'auto';
611
+ unboxedItem.classList.add('hidden');
612
+ caseImage.classList.add('unboxing-animation');
613
+ });
614
+
615
+ openOne.addEventListener('click', () => {
616
+ // Simulate unboxing animation
617
+ caseImage.classList.add('unboxing-animation');
618
+
619
+ setTimeout(() => {
620
+ // After animation, show result
621
+ caseImage.classList.remove('unboxing-animation');
622
+
623
+ // Random item for demo
624
+ const items = [
625
+ { name: "M4A4 | Dragon King", value: "$12.45", image: "https://steamcdn-a.akamaihd.net/apps/730/icons/econ/default_generated/weapon_m4a1_am_dragon_king_light_large.4e7b1c4d2d4c3c6c7e3a6d5d0b1b1a8.png" },
626
+ { name: "AK-47 | Bloodbath", value: "$87.50", image: "https://steamcdn-a.akamaihd.net/apps/252490/icons/econ/rust/skins/ak47/ak47_bloodbath.4e7b1c4d2d4c3c6c7e3a6d5d0b1b1a8.png" },
627
+ { name: "AWP | Lightning Strike", value: "$245.32", image: "https://steamcdn-a.akamaihd.net/apps/730/icons/econ/default_generated/weapon_awp_am_lightning_awp_light_large.4e7b1c4d2d4c3c6c7e3a6d5d0b1b1a8.png" }
628
+ ];
629
+
630
+ const randomItem = items[Math.floor(Math.random() * items.length)];
631
+
632
+ itemImage.src = randomItem.image;
633
+ itemName.textContent = randomItem.name;
634
+ itemValue.textContent = randomItem.value;
635
+
636
+ unboxedItem.classList.remove('hidden');
637
+ }, 2000);
638
+ });
639
+
640
+ openTen.addEventListener('click', () => {
641
+ alert("Opening 10 cases would be implemented here with proper API calls in a real application.");
642
+ });
643
+
644
+ // Claim daily bonus
645
+ document.querySelector('button:contains("Claim Bonus")').addEventListener('click', () => {
646
+ alert("Daily bonus claimed! $0.50 has been added to your balance.");
647
+ });
648
+
649
+ // Join case battle
650
+ document.querySelectorAll('button:contains("Join Battle")').forEach(button => {
651
+ button.addEventListener('click', () => {
652
+ alert("Joining case battle would be implemented here with proper API calls in a real application.");
653
+ });
654
+ });
655
+ </script>
656
+ <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=Ghust68/test" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
657
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ RECENTLY ADDED: Rust Cases for Unboxing New Games Design Live History Coinflip and Case Battle Bots Chat Updated DEPOSIT / WITHDRAW METHODS: Cryptocurrency (ETH, BTC, LTC, BCH and more) Steam (CS2, RUST, DOTA2, H1Z1, TF2 and more) P2P (CS2, RUST, DOTA2, H1Z1, TF2 and more) GAMEMODES: Roulette Crash Jackpot Coinflip Dice Unboxing Upgrader Case Battle Tower Minesweeper Plinko ALL FEATURES: Inventory System Admin Panel (Site Control, Manage Users, Withdraw Manually Confirmations, Case Creator, Game Bots) Dashboard Tracking Links Create / Apply Deposit Bonus Code A large Database with CS2 and Rust items for Cases Case Creator (Create Unboxing / Daily Case Cases / Edit Cases) Crypto / Steam Withdraw Manually Confirmations Affiliate System Chat Commands Chat Channels Support System Chat Rain Login With Steam, Email / Username + Passowrd Recover Password, Verify Profile, Two Factory Authenticator EOS Block Frovably Fair Configurable Script Table Pagination Others