Hugging Face's logo

Spaces:
Bujurocks
/
nexusmine
Running

App Files Community
Bujurocks commited on
Commit
daedac2
·
verified ·
1 Parent(s): 226cc34

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +595 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Nexusmine
3
- emoji: 🔥
4
  colorFrom: blue
5
- colorTo: indigo
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: nexusmine
3
+ emoji: 🐳
4
  colorFrom: blue
5
+ colorTo: green
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,595 @@
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>NexusMine | Futuristic Cloud Mining</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
+ neon: {
15
+ 100: '#e0f9ff',
16
+ 200: '#b0f0ff',
17
+ 300: '#80e6ff',
18
+ 400: '#50ddff',
19
+ 500: '#20d4ff',
20
+ 600: '#00aacc',
21
+ 700: '#007f99',
22
+ 800: '#005566',
23
+ 900: '#002a33',
24
+ },
25
+ dark: {
26
+ 900: '#0a0a0a',
27
+ 800: '#1a1a1a',
28
+ 700: '#2a2a2a',
29
+ }
30
+ },
31
+ fontFamily: {
32
+ 'sans': ['"Exo 2"', 'sans-serif'],
33
+ 'mono': ['"Space Mono"', 'monospace'],
34
+ },
35
+ animation: {
36
+ 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
37
+ 'float': 'float 6s ease-in-out infinite',
38
+ 'glow': 'glow 2s ease-in-out infinite alternate',
39
+ },
40
+ keyframes: {
41
+ float: {
42
+ '0%, 100%': { transform: 'translateY(0)' },
43
+ '50%': { transform: 'translateY(-10px)' },
44
+ },
45
+ glow: {
46
+ '0%': { 'box-shadow': '0 0 5px #20d4ff' },
47
+ '100%': { 'box-shadow': '0 0 20px #20d4ff' },
48
+ }
49
+ }
50
+ }
51
+ }
52
+ }
53
+ </script>
54
+ <style>
55
+ @import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');
56
+
57
+ body {
58
+ background-color: #0a0a0a;
59
+ color: white;
60
+ font-family: 'Exo 2', sans-serif;
61
+ overflow-x: hidden;
62
+ }
63
+
64
+ .gradient-text {
65
+ background: linear-gradient(90deg, #20d4ff, #a162e8);
66
+ -webkit-background-clip: text;
67
+ background-clip: text;
68
+ color: transparent;
69
+ }
70
+
71
+ .cyber-border {
72
+ position: relative;
73
+ border: 2px solid transparent;
74
+ border-radius: 0.5rem;
75
+ }
76
+
77
+ .cyber-border::before {
78
+ content: '';
79
+ position: absolute;
80
+ inset: 0;
81
+ border-radius: 0.5rem;
82
+ padding: 2px;
83
+ background: linear-gradient(45deg, #20d4ff, #a162e8);
84
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
85
+ -webkit-mask-composite: xor;
86
+ mask-composite: exclude;
87
+ pointer-events: none;
88
+ }
89
+
90
+ .grid-pattern {
91
+ background-image:
92
+ linear-gradient(rgba(32, 212, 255, 0.1) 1px, transparent 1px),
93
+ linear-gradient(90deg, rgba(32, 212, 255, 0.1) 1px, transparent 1px);
94
+ background-size: 20px 20px;
95
+ }
96
+
97
+ .particle {
98
+ position: absolute;
99
+ background-color: rgba(32, 212, 255, 0.5);
100
+ border-radius: 50%;
101
+ pointer-events: none;
102
+ }
103
+
104
+ @keyframes particle-move {
105
+ 0% {
106
+ transform: translateY(0) translateX(0);
107
+ opacity: 1;
108
+ }
109
+ 100% {
110
+ transform: translateY(-100vh) translateX(100px);
111
+ opacity: 0;
112
+ }
113
+ }
114
+ </style>
115
+ </head>
116
+ <body class="min-h-screen grid-pattern">
117
+ <!-- Floating particles -->
118
+ <div id="particles-container"></div>
119
+
120
+ <!-- Navigation -->
121
+ <nav class="py-6 px-4 md:px-12 backdrop-blur-md bg-dark-900/80 sticky top-0 z-50 border-b border-neon-900">
122
+ <div class="max-w-7xl mx-auto flex justify-between items-center">
123
+ <div class="flex items-center space-x-2">
124
+ <div class="w-10 h-10 bg-neon-500 rounded-full flex items-center justify-center">
125
+ <i class="fas fa-bolt text-dark-900 text-xl"></i>
126
+ </div>
127
+ <span class="text-2xl font-bold gradient-text">NexusMine</span>
128
+ </div>
129
+
130
+ <div class="hidden md:flex space-x-8">
131
+ <a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Home</a>
132
+ <a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Mining</a>
133
+ <a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Music</a>
134
+ <a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">AI Tools</a>
135
+ <a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">About</a>
136
+ </div>
137
+
138
+ <div class="flex items-center space-x-4">
139
+ <button class="px-4 py-2 bg-neon-500 text-dark-900 font-bold rounded-full hover:bg-neon-400 transition-colors">
140
+ Start Mining
141
+ </button>
142
+ <button class="md:hidden text-neon-300 text-2xl">
143
+ <i class="fas fa-bars"></i>
144
+ </button>
145
+ </div>
146
+ </div>
147
+ </nav>
148
+
149
+ <!-- Hero Section -->
150
+ <section class="relative py-20 px-4 md:px-12">
151
+ <div class="max-w-7xl mx-auto grid md:grid-cols-2 gap-12 items-center">
152
+ <div class="space-y-8 z-10">
153
+ <h1 class="text-4xl md:text-6xl font-bold leading-tight">
154
+ <span class="gradient-text">Mine Crypto</span><br>
155
+ <span class="text-white">While Listening to</span><br>
156
+ <span class="gradient-text">Generational Talent</span>
157
+ </h1>
158
+
159
+ <p class="text-neon-300 text-lg">
160
+ The ultimate fusion of cryptocurrency mining and music. Our AI-powered platform dynamically allocates hash rates while you enjoy the meteoric rise of today's musical talents.
161
+ </p>
162
+
163
+ <div class="flex flex-col sm:flex-row gap-4">
164
+ <button class="px-8 py-4 bg-neon-500 text-dark-900 font-bold rounded-full hover:bg-neon-400 transition-colors flex items-center justify-center space-x-2">
165
+ <i class="fas fa-play"></i>
166
+ <span>Watch Demo</span>
167
+ </button>
168
+ <button class="px-8 py-4 border-2 border-neon-500 text-neon-300 font-bold rounded-full hover:bg-neon-900/30 transition-colors flex items-center justify-center space-x-2">
169
+ <i class="fas fa-chart-line"></i>
170
+ <span>View Stats</span>
171
+ </button>
172
+ </div>
173
+
174
+ <div class="flex items-center space-x-4 pt-4">
175
+ <div class="flex -space-x-2">
176
+ <img src="https://randomuser.me/api/portraits/women/12.jpg" class="w-10 h-10 rounded-full border-2 border-dark-900">
177
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" class="w-10 h-10 rounded-full border-2 border-dark-900">
178
+ <img src="https://randomuser.me/api/portraits/women/45.jpg" class="w-10 h-10 rounded-full border-2 border-dark-900">
179
+ </div>
180
+ <p class="text-neon-300">
181
+ <span class="font-bold text-white">2.4M+</span> users mining now
182
+ </p>
183
+ </div>
184
+ </div>
185
+
186
+ <div class="relative">
187
+ <div class="cyber-border p-1 bg-dark-800 rounded-lg">
188
+ <div class="bg-dark-900 rounded-lg overflow-hidden">
189
+ <div class="h-64 md:h-96 bg-gradient-to-br from-dark-700 to-dark-800 flex items-center justify-center">
190
+ <div class="text-center p-8">
191
+ <div class="w-24 h-24 md:w-32 md:h-32 bg-neon-500/20 rounded-full flex items-center justify-center mx-auto mb-6 border-2 border-neon-500 animate-pulse-slow">
192
+ <i class="fas fa-music text-neon-300 text-3xl md:text-5xl"></i>
193
+ </div>
194
+ <h3 class="text-xl md:text-2xl font-bold text-white mb-2">Now Playing</h3>
195
+ <p class="text-neon-300 text-lg md:text-xl">BujuRocks - Generational Talent</p>
196
+ <div class="mt-6">
197
+ <a href="https://youtu.be/ZtvvvBnjOZI?si=FqP5lmVdOrCjHwNU" target="_blank" class="inline-flex items-center text-neon-400 hover:text-neon-300">
198
+ <i class="fab fa-youtube mr-2"></i>
199
+ Watch on YouTube
200
+ </a>
201
+ </div>
202
+ </div>
203
+ </div>
204
+ </div>
205
+ </div>
206
+
207
+ <div class="absolute -bottom-6 -left-6 w-32 h-32 bg-neon-500/10 rounded-full blur-xl"></div>
208
+ <div class="absolute -top-6 -right-6 w-40 h-40 bg-purple-500/10 rounded-full blur-xl"></div>
209
+ </div>
210
+ </div>
211
+ </section>
212
+
213
+ <!-- Stats Section -->
214
+ <section class="py-16 px-4 md:px-12 bg-gradient-to-b from-dark-900 to-dark-800">
215
+ <div class="max-w-7xl mx-auto">
216
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
217
+ <div class="cyber-border p-6 bg-dark-800 rounded-lg text-center">
218
+ <div class="text-neon-500 text-4xl mb-2">
219
+ <i class="fas fa-chart-line"></i>
220
+ </div>
221
+ <h3 class="text-3xl font-bold gradient-text">$4.2B</h3>
222
+ <p class="text-neon-300">Total Mined</p>
223
+ </div>
224
+
225
+ <div class="cyber-border p-6 bg-dark-800 rounded-lg text-center">
226
+ <div class="text-neon-500 text-4xl mb-2">
227
+ <i class="fas fa-users"></i>
228
+ </div>
229
+ <h3 class="text-3xl font-bold gradient-text">2.4M+</h3>
230
+ <p class="text-neon-300">Active Miners</p>
231
+ </div>
232
+
233
+ <div class="cyber-border p-6 bg-dark-800 rounded-lg text-center">
234
+ <div class="text-neon-500 text-4xl mb-2">
235
+ <i class="fas fa-microchip"></i>
236
+ </div>
237
+ <h3 class="text-3xl font-bold gradient-text">42.7K</h3>
238
+ <p class="text-neon-300">TH/s Power</p>
239
+ </div>
240
+
241
+ <div class="cyber-border p-6 bg-dark-800 rounded-lg text-center">
242
+ <div class="text-neon-500 text-4xl mb-2">
243
+ <i class="fas fa-music"></i>
244
+ </div>
245
+ <h3 class="text-3xl font-bold gradient-text">1.8M</h3>
246
+ <p class="text-neon-300">Music Streams</p>
247
+ </div>
248
+ </div>
249
+ </div>
250
+ </section>
251
+
252
+ <!-- Features Section -->
253
+ <section class="py-20 px-4 md:px-12">
254
+ <div class="max-w-7xl mx-auto">
255
+ <div class="text-center mb-16">
256
+ <h2 class="text-3xl md:text-5xl font-bold mb-4">
257
+ <span class="gradient-text">The Future of Cloud Mining</span>
258
+ </h2>
259
+ <p class="text-neon-300 max-w-2xl mx-auto">
260
+ Combining blockchain technology with AI optimization and musical escapism to create a revolutionary mining experience.
261
+ </p>
262
+ </div>
263
+
264
+ <div class="grid md:grid-cols-3 gap-8">
265
+ <div class="cyber-border p-8 bg-dark-800 rounded-lg hover:bg-dark-700 transition-colors group">
266
+ <div class="w-16 h-16 bg-neon-500/10 rounded-full flex items-center justify-center mb-6 group-hover:bg-neon-500/20 transition-colors">
267
+ <i class="fas fa-brain text-neon-500 text-2xl"></i>
268
+ </div>
269
+ <h3 class="text-xl font-bold text-white mb-3">AI-Powered Allocation</h3>
270
+ <p class="text-neon-300">
271
+ Our machine learning algorithms dynamically reallocate hash rates across mining pools for maximum efficiency.
272
+ </p>
273
+ </div>
274
+
275
+ <div class="cyber-border p-8 bg-dark-800 rounded-lg hover:bg-dark-700 transition-colors group">
276
+ <div class="w-16 h-16 bg-neon-500/10 rounded-full flex items-center justify-center mb-6 group-hover:bg-neon-500/20 transition-colors">
277
+ <i class="fas fa-exchange-alt text-neon-500 text-2xl"></i>
278
+ </div>
279
+ <h3 class="text-xl font-bold text-white mb-3">Instant Liquidity</h3>
280
+ <p class="text-neon-300">
281
+ Exchange-linked models enable seamless conversion of mined crypto into liquid assets.
282
+ </p>
283
+ </div>
284
+
285
+ <div class="cyber-border p-8 bg-dark-800 rounded-lg hover:bg-dark-700 transition-colors group">
286
+ <div class="w-16 h-16 bg-neon-500/10 rounded-full flex items-center justify-center mb-6 group-hover:bg-neon-500/20 transition-colors">
287
+ <i class="fas fa-headphones text-neon-500 text-2xl"></i>
288
+ </div>
289
+ <h3 class="text-xl font-bold text-white mb-3">Musical Escapism</h3>
290
+ <p class="text-neon-300">
291
+ Enjoy generational musical talent while mining, creating the perfect blend of productivity and entertainment.
292
+ </p>
293
+ </div>
294
+ </div>
295
+ </div>
296
+ </section>
297
+
298
+ <!-- Mining Demo Section -->
299
+ <section class="py-20 px-4 md:px-12 bg-dark-800">
300
+ <div class="max-w-7xl mx-auto grid md:grid-cols-2 gap-12 items-center">
301
+ <div class="relative">
302
+ <div class="cyber-border p-1 bg-dark-800 rounded-lg">
303
+ <div class="bg-dark-900 rounded-lg overflow-hidden">
304
+ <div class="p-6">
305
+ <div class="flex justify-between items-center mb-6">
306
+ <h3 class="text-xl font-bold text-white">Your Mining Dashboard</h3>
307
+ <span class="px-3 py-1 bg-neon-900/50 text-neon-400 rounded-full text-sm">Active</span>
308
+ </div>
309
+
310
+ <div class="space-y-6">
311
+ <div>
312
+ <div class="flex justify-between mb-2">
313
+ <span class="text-neon-300">Hash Rate</span>
314
+ <span class="font-mono text-neon-400">142.7 TH/s</span>
315
+ </div>
316
+ <div class="w-full bg-dark-700 rounded-full h-2">
317
+ <div class="bg-neon-500 h-2 rounded-full" style="width: 78%"></div>
318
+ </div>
319
+ </div>
320
+
321
+ <div>
322
+ <div class="flex justify-between mb-2">
323
+ <span class="text-neon-300">Estimated Daily</span>
324
+ <span class="font-mono text-neon-400">0.0042 BTC</span>
325
+ </div>
326
+ <div class="w-full bg-dark-700 rounded-full h-2">
327
+ <div class="bg-purple-500 h-2 rounded-full" style="width: 65%"></div>
328
+ </div>
329
+ </div>
330
+
331
+ <div class="grid grid-cols-3 gap-4">
332
+ <div class="cyber-border p-3 bg-dark-800 rounded-lg text-center">
333
+ <div class="text-neon-300 text-sm mb-1">Temperature</div>
334
+ <div class="font-mono text-white">62°C</div>
335
+ </div>
336
+ <div class="cyber-border p-3 bg-dark-800 rounded-lg text-center">
337
+ <div class="text-neon-300 text-sm mb-1">Efficiency</div>
338
+ <div class="font-mono text-white">94%</div>
339
+ </div>
340
+ <div class="cyber-border p-3 bg-dark-800 rounded-lg text-center">
341
+ <div class="text-neon-300 text-sm mb-1">Uptime</div>
342
+ <div class="font-mono text-white">99.8%</div>
343
+ </div>
344
+ </div>
345
+
346
+ <div class="pt-4">
347
+ <button class="w-full py-3 bg-neon-500 text-dark-900 font-bold rounded-lg hover:bg-neon-400 transition-colors">
348
+ Boost Performance
349
+ </button>
350
+ </div>
351
+ </div>
352
+ </div>
353
+ </div>
354
+ </div>
355
+
356
+ <div class="absolute -top-6 -left-6 w-32 h-32 bg-neon-500/10 rounded-full blur-xl"></div>
357
+ <div class="absolute -bottom-6 -right-6 w-40 h-40 bg-purple-500/10 rounded-full blur-xl"></div>
358
+ </div>
359
+
360
+ <div class="space-y-6">
361
+ <h2 class="text-3xl md:text-4xl font-bold">
362
+ <span class="gradient-text">Dynamic Mining</span> Experience
363
+ </h2>
364
+
365
+ <p class="text-neon-300">
366
+ Cloud cryptocurrency mining remains globally popular, driven by a mix of factors beyond just financial profit. Our platform enhances the experience with elements of skill, control, and musical escapism.
367
+ </p>
368
+
369
+ <ul class="space-y-4">
370
+ <li class="flex items-start space-x-3">
371
+ <div class="flex-shrink-0 mt-1">
372
+ <div class="w-6 h-6 rounded-full bg-neon-500/20 flex items-center justify-center">
373
+ <i class="fas fa-check text-neon-500 text-xs"></i>
374
+ </div>
375
+ </div>
376
+ <span class="text-neon-300">
377
+ <span class="font-bold text-white">AI Optimization:</span> Machine learning algorithms dynamically reallocate hash rates
378
+ </span>
379
+ </li>
380
+ <li class="flex items-start space-x-3">
381
+ <div class="flex-shrink-0 mt-1">
382
+ <div class="w-6 h-6 rounded-full bg-neon-500/20 flex items-center justify-center">
383
+ <i class="fas fa-check text-neon-500 text-xs"></i>
384
+ </div>
385
+ </div>
386
+ <span class="text-neon-300">
387
+ <span class="font-bold text-white">Liquid Assets:</span> Exchange-linked models enable instant conversion to cash
388
+ </span>
389
+ </li>
390
+ <li class="flex items-start space-x-3">
391
+ <div class="flex-shrink-0 mt-1">
392
+ <div class="w-6 h-6 rounded-full bg-neon-500/20 flex items-center justify-center">
393
+ <i class="fas fa-check text-neon-500 text-xs"></i>
394
+ </div>
395
+ </div>
396
+ <span class="text-neon-300">
397
+ <span class="font-bold text-white">Musical Integration:</span> Enjoy generational talent while you mine
398
+ </span>
399
+ </li>
400
+ </ul>
401
+
402
+ <div class="pt-4">
403
+ <button class="px-8 py-3 bg-neon-500 text-dark-900 font-bold rounded-full hover:bg-neon-400 transition-colors">
404
+ Start Mining Now
405
+ </button>
406
+ </div>
407
+ </div>
408
+ </div>
409
+ </section>
410
+
411
+ <!-- Music Integration Section -->
412
+ <section class="py-20 px-4 md:px-12">
413
+ <div class="max-w-7xl mx-auto">
414
+ <div class="text-center mb-16">
415
+ <h2 class="text-3xl md:text-5xl font-bold mb-4">
416
+ <span class="gradient-text">Mining Meets Music</span>
417
+ </h2>
418
+ <p class="text-neon-300 max-w-2xl mx-auto">
419
+ The perfect blend of cryptocurrency mining and musical escapism. Discover today's generational talents while earning crypto.
420
+ </p>
421
+ </div>
422
+
423
+ <div class="grid md:grid-cols-2 gap-8 items-center">
424
+ <div class="space-y-6">
425
+ <h3 class="text-2xl font-bold text-white">
426
+ BujuRocks - Generational Talent
427
+ </h3>
428
+
429
+ <p class="text-neon-300">
430
+ The phenomenon of "generational talent" in the music industry draws in millions of new viewers, offering a unique form of escapism. Now you can enjoy this while mining cryptocurrency.
431
+ </p>
432
+
433
+ <div class="pt-4">
434
+ <a href="https://youtu.be/ZtvvvBnjOZI?si=FqP5lmVdOrCjHwNU" target="_blank" class="inline-flex items-center px-6 py-3 bg-dark-800 border border-neon-500/50 text-neon-300 font-bold rounded-full hover:bg-neon-900/30 transition-colors">
435
+ <i class="fab fa-youtube mr-2"></i>
436
+ Watch on YouTube
437
+ </a>
438
+ </div>
439
+ </div>
440
+
441
+ <div class="relative">
442
+ <div class="cyber-border overflow-hidden rounded-lg aspect-video">
443
+ <div class="relative h-0 pb-[56.25%]">
444
+ <iframe class="absolute top-0 left-0 w-full h-full" src="https://www.youtube.com/embed/ZtvvvBnjOZI?autoplay=0&mute=1&controls=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
445
+ </div>
446
+ </div>
447
+
448
+ <div class="absolute -top-6 -left-6 w-32 h-32 bg-purple-500/10 rounded-full blur-xl -z-10"></div>
449
+ <div class="absolute -bottom-6 -right-6 w-40 h-40 bg-neon-500/10 rounded-full blur-xl -z-10"></div>
450
+ </div>
451
+ </div>
452
+ </div>
453
+ </section>
454
+
455
+ <!-- CTA Section -->
456
+ <section class="py-20 px-4 md:px-12 bg-gradient-to-b from-dark-800 to-dark-900">
457
+ <div class="max-w-4xl mx-auto text-center">
458
+ <h2 class="text-3xl md:text-5xl font-bold mb-6">
459
+ <span class="gradient-text">Join the Digital Financial Order</span>
460
+ </h2>
461
+
462
+ <p class="text-neon-300 mb-10">
463
+ The current state of blockchain technology, particularly its "talent boom" and the "meteoric rise" of AI, mirrors the early evolution of the internet. Be part of this revolution.
464
+ </p>
465
+
466
+ <div class="flex flex-col sm:flex-row gap-4 justify-center">
467
+ <button class="px-8 py-4 bg-neon-500 text-dark-900 font-bold rounded-full hover:bg-neon-400 transition-colors">
468
+ Start Mining Now
469
+ </button>
470
+ <button class="px-8 py-4 border-2 border-neon-500 text-neon-300 font-bold rounded-full hover:bg-neon-900/30 transition-colors">
471
+ Learn More
472
+ </button>
473
+ </div>
474
+ </div>
475
+ </section>
476
+
477
+ <!-- Footer -->
478
+ <footer class="py-12 px-4 md:px-12 bg-dark-900 border-t border-neon-900">
479
+ <div class="max-w-7xl mx-auto">
480
+ <div class="grid md:grid-cols-4 gap-12">
481
+ <div>
482
+ <div class="flex items-center space-x-2 mb-6">
483
+ <div class="w-10 h-10 bg-neon-500 rounded-full flex items-center justify-center">
484
+ <i class="fas fa-bolt text-dark-900 text-xl"></i>
485
+ </div>
486
+ <span class="text-2xl font-bold gradient-text">NexusMine</span>
487
+ </div>
488
+
489
+ <p class="text-neon-300 mb-6">
490
+ The future of cloud cryptocurrency mining combined with musical escapism and AI optimization.
491
+ </p>
492
+
493
+ <div class="flex space-x-4">
494
+ <a href="#" class="w-10 h-10 rounded-full bg-dark-800 flex items-center justify-center text-neon-300 hover:text-neon-500 transition-colors">
495
+ <i class="fab fa-twitter"></i>
496
+ </a>
497
+ <a href="#" class="w-10 h-10 rounded-full bg-dark-800 flex items-center justify-center text-neon-300 hover:text-neon-500 transition-colors">
498
+ <i class="fab fa-discord"></i>
499
+ </a>
500
+ <a href="#" class="w-10 h-10 rounded-full bg-dark-800 flex items-center justify-center text-neon-300 hover:text-neon-500 transition-colors">
501
+ <i class="fab fa-youtube"></i>
502
+ </a>
503
+ <a href="#" class="w-10 h-10 rounded-full bg-dark-800 flex items-center justify-center text-neon-300 hover:text-neon-500 transition-colors">
504
+ <i class="fab fa-telegram"></i>
505
+ </a>
506
+ </div>
507
+ </div>
508
+
509
+ <div>
510
+ <h3 class="text-white font-bold text-lg mb-6">Navigation</h3>
511
+ <ul class="space-y-3">
512
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Home</a></li>
513
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Mining Dashboard</a></li>
514
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Music Integration</a></li>
515
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">AI Tools</a></li>
516
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">About Us</a></li>
517
+ </ul>
518
+ </div>
519
+
520
+ <div>
521
+ <h3 class="text-white font-bold text-lg mb-6">Resources</h3>
522
+ <ul class="space-y-3">
523
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Documentation</a></li>
524
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">API Reference</a></li>
525
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Community</a></li>
526
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Blog</a></li>
527
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Status</a></li>
528
+ </ul>
529
+ </div>
530
+
531
+ <div>
532
+ <h3 class="text-white font-bold text-lg mb-6">Legal</h3>
533
+ <ul class="space-y-3">
534
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Privacy Policy</a></li>
535
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Terms of Service</a></li>
536
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Cookie Policy</a></li>
537
+ <li><a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Disclaimer</a></li>
538
+ </ul>
539
+ </div>
540
+ </div>
541
+
542
+ <div class="border-t border-neon-900 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
543
+ <p class="text-neon-300 mb-4 md:mb-0">
544
+ &copy; 2023 NexusMine. All rights reserved.
545
+ </p>
546
+
547
+ <div class="flex space-x-6">
548
+ <a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Privacy</a>
549
+ <a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Terms</a>
550
+ <a href="#" class="text-neon-300 hover:text-neon-500 transition-colors">Cookies</a>
551
+ </div>
552
+ </div>
553
+ </div>
554
+ </footer>
555
+
556
+ <script>
557
+ // Create floating particles
558
+ function createParticles() {
559
+ const container = document.getElementById('particles-container');
560
+ const particleCount = 30;
561
+
562
+ for (let i = 0; i < particleCount; i++) {
563
+ const particle = document.createElement('div');
564
+ particle.classList.add('particle');
565
+
566
+ // Random size between 2px and 5px
567
+ const size = Math.random() * 3 + 2;
568
+ particle.style.width = `${size}px`;
569
+ particle.style.height = `${size}px`;
570
+
571
+ // Random position
572
+ const posX = Math.random() * window.innerWidth;
573
+ const posY = Math.random() * window.innerHeight;
574
+ particle.style.left = `${posX}px`;
575
+ particle.style.top = `${posY}px`;
576
+
577
+ // Random animation
578
+ const duration = Math.random() * 20 + 10;
579
+ const delay = Math.random() * 5;
580
+ particle.style.animation = `particle-move ${duration}s linear ${delay}s infinite`;
581
+
582
+ container.appendChild(particle);
583
+ }
584
+ }
585
+
586
+ // Initialize particles when DOM is loaded
587
+ document.addEventListener('DOMContentLoaded', createParticles);
588
+
589
+ // Mobile menu toggle (placeholder functionality)
590
+ document.querySelector('.md\\:hidden').addEventListener('click', function() {
591
+ alert('Mobile menu would open here in a full implementation');
592
+ });
593
+ </script>
594
+ <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=Bujurocks/nexusmine" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
595
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Make a super futuristic webside with using this information "Cloud cryptocurrency mining remains globally popular, driven by a mix of factors beyond just financial profit. These include elements often seen in games of chance, such as the perceived skill and control involved in selecting specific numbers, and the use of superstitions to create an ilusion of influence over outcomes. This ilusion of skill and control" also, contributes to the enduring appeal of "generational talent " in the music industry, drawing in milions of new viewers. This phenomenon offers a unique form of escapism, allowing people to escape daily realities by listening to music while mining. The current state of blockchain technology, particularly its "talent boom" and the "meteoric rise" of Al, mirrors the early evolution of Al. This involves scaling technical capabilities and developing specialized talent pipelines. There's a strong trend ("tailwinds") in major tokens, facilitating the conversion of mined crypto into liquid assets, blurring the line between mining and trading. This contributes to a new "digital financial order." Machine learning algorithms are being used to dynamically reallocate hash rates across mining pools, streamlining the user experience, and exchange-linked models enable the conversion of mined crypto into liquid assets" for milions of new viewers.link to webside BujuRocks https://youtu.be/ZtvvvBnjOZI?si=FqP5lmVdOrCjHwNU