Hugging Face's logo

Spaces:
Steph1985
/
steph
Running

App Files Community
Steph1985 commited on
Commit
3258c76
·
verified ·
1 Parent(s): c82a2c3

Create a BTC minning app that mines btc for me at a fast rate - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +425 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Steph
3
- emoji: 🏃
4
- colorFrom: green
5
- colorTo: green
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: steph
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,425 @@
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>Quantum Miner | Ultra-Fast BTC 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
+ <style>
10
+ .mining-animation {
11
+ animation: pulse 2s infinite;
12
+ }
13
+ @keyframes pulse {
14
+ 0% { opacity: 0.7; }
15
+ 50% { opacity: 1; }
16
+ 100% { opacity: 0.7; }
17
+ }
18
+ .progress-bar {
19
+ transition: width 0.3s ease-in-out;
20
+ }
21
+ .hash-particle {
22
+ position: absolute;
23
+ background-color: rgba(247, 147, 26, 0.7);
24
+ border-radius: 50%;
25
+ pointer-events: none;
26
+ }
27
+ </style>
28
+ </head>
29
+ <body class="bg-gray-900 text-white min-h-screen">
30
+ <div class="container mx-auto px-4 py-8">
31
+ <!-- Header -->
32
+ <header class="flex justify-between items-center mb-10">
33
+ <div class="flex items-center">
34
+ <i class="fab fa-bitcoin text-3xl text-orange-500 mr-3"></i>
35
+ <h1 class="text-2xl font-bold bg-gradient-to-r from-orange-500 to-yellow-400 bg-clip-text text-transparent">Quantum Miner</h1>
36
+ </div>
37
+ <div class="flex items-center space-x-4">
38
+ <div class="hidden md:flex items-center space-x-2">
39
+ <span class="text-gray-400">Current BTC Price:</span>
40
+ <span class="font-bold text-green-400">$<span id="btc-price">68,421.34</span></span>
41
+ </div>
42
+ <button class="bg-gray-800 hover:bg-gray-700 px-4 py-2 rounded-lg flex items-center">
43
+ <i class="fas fa-wallet mr-2"></i>
44
+ <span>Wallet</span>
45
+ </button>
46
+ </div>
47
+ </header>
48
+
49
+ <!-- Main Dashboard -->
50
+ <main>
51
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
52
+ <!-- Mining Control Panel -->
53
+ <div class="lg:col-span-2 bg-gray-800 rounded-xl p-6 shadow-lg">
54
+ <div class="flex justify-between items-center mb-6">
55
+ <h2 class="text-xl font-bold">Mining Control Panel</h2>
56
+ <div class="flex items-center space-x-2">
57
+ <span class="text-sm text-gray-400">Connection:</span>
58
+ <span class="h-3 w-3 rounded-full bg-green-500 animate-pulse"></span>
59
+ <span class="text-green-400">Secure</span>
60
+ </div>
61
+ </div>
62
+
63
+ <!-- Mining Status -->
64
+ <div class="bg-gray-900 rounded-lg p-6 mb-6 relative overflow-hidden">
65
+ <div id="particles-container" class="absolute inset-0 overflow-hidden"></div>
66
+ <div class="relative z-10">
67
+ <div class="flex flex-col md:flex-row justify-between items-center mb-4">
68
+ <div>
69
+ <h3 class="text-lg font-semibold mb-1">Quantum Mining Engine</h3>
70
+ <p class="text-gray-400 text-sm">Ultra-fast SHA-256 algorithm</p>
71
+ </div>
72
+ <div class="mt-4 md:mt-0">
73
+ <button id="mining-toggle" class="bg-gradient-to-r from-orange-500 to-yellow-500 hover:from-orange-600 hover:to-yellow-600 text-white px-6 py-3 rounded-lg font-bold flex items-center mining-animation">
74
+ <i class="fas fa-power-off mr-2"></i>
75
+ <span>START MINING</span>
76
+ </button>
77
+ </div>
78
+ </div>
79
+
80
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mt-6">
81
+ <div class="bg-gray-800 p-4 rounded-lg">
82
+ <p class="text-gray-400 text-sm">Hash Rate</p>
83
+ <p class="text-xl font-bold"><span id="hash-rate">0</span> TH/s</p>
84
+ </div>
85
+ <div class="bg-gray-800 p-4 rounded-lg">
86
+ <p class="text-gray-400 text-sm">Mined Today</p>
87
+ <p class="text-xl font-bold"><span id="mined-today">0.000000</span> BTC</p>
88
+ </div>
89
+ <div class="bg-gray-800 p-4 rounded-lg">
90
+ <p class="text-gray-400 text-sm">Estimated Daily</p>
91
+ <p class="text-xl font-bold">$<span id="estimated-daily">0.00</span></p>
92
+ </div>
93
+ <div class="bg-gray-800 p-4 rounded-lg">
94
+ <p class="text-gray-400 text-sm">Active Workers</p>
95
+ <p class="text-xl font-bold"><span id="active-workers">0</span>/8</p>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ </div>
100
+
101
+ <!-- Mining Progress -->
102
+ <div class="mb-6">
103
+ <div class="flex justify-between mb-2">
104
+ <span class="text-gray-400">Current Block Progress</span>
105
+ <span class="font-bold"><span id="block-progress">0</span>%</span>
106
+ </div>
107
+ <div class="w-full bg-gray-700 rounded-full h-3">
108
+ <div id="progress-bar" class="progress-bar h-3 rounded-full bg-gradient-to-r from-orange-500 to-yellow-400" style="width: 0%"></div>
109
+ </div>
110
+ <div class="flex justify-between mt-2 text-sm text-gray-400">
111
+ <span>Block #<span id="current-block">789,456</span></span>
112
+ <span>Difficulty: <span id="difficulty">36.76T</span></span>
113
+ </div>
114
+ </div>
115
+
116
+ <!-- Boost Options -->
117
+ <div>
118
+ <h3 class="text-lg font-semibold mb-4">Boost Your Mining</h3>
119
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
120
+ <div class="bg-gray-900 p-4 rounded-lg border border-gray-700 hover:border-orange-500 transition cursor-pointer">
121
+ <div class="flex justify-between items-start mb-2">
122
+ <i class="fas fa-bolt text-yellow-400 text-xl"></i>
123
+ <span class="bg-green-900 text-green-400 text-xs px-2 py-1 rounded">+25%</span>
124
+ </div>
125
+ <h4 class="font-bold mb-1">Turbo Mode</h4>
126
+ <p class="text-gray-400 text-sm">Increase hash rate by 25%</p>
127
+ </div>
128
+ <div class="bg-gray-900 p-4 rounded-lg border border-gray-700 hover:border-orange-500 transition cursor-pointer">
129
+ <div class="flex justify-between items-start mb-2">
130
+ <i class="fas fa-server text-blue-400 text-xl"></i>
131
+ <span class="bg-blue-900 text-blue-400 text-xs px-2 py-1 rounded">+50%</span>
132
+ </div>
133
+ <h4 class="font-bold mb-1">Add Cloud Worker</h4>
134
+ <p class="text-gray-400 text-sm">Deploy additional cloud miner</p>
135
+ </div>
136
+ <div class="bg-gray-900 p-4 rounded-lg border border-gray-700 hover:border-orange-500 transition cursor-pointer">
137
+ <div class="flex justify-between items-start mb-2">
138
+ <i class="fas fa-gem text-purple-400 text-xl"></i>
139
+ <span class="bg-purple-900 text-purple-400 text-xs px-2 py-1 rounded">+100%</span>
140
+ </div>
141
+ <h4 class="font-bold mb-1">Quantum Boost</h4>
142
+ <p class="text-gray-400 text-sm">Activate quantum algorithms</p>
143
+ </div>
144
+ </div>
145
+ </div>
146
+ </div>
147
+
148
+ <!-- Stats and Earnings -->
149
+ <div class="space-y-6">
150
+ <!-- Earnings Summary -->
151
+ <div class="bg-gray-800 rounded-xl p-6 shadow-lg">
152
+ <h2 class="text-xl font-bold mb-6">Your Earnings</h2>
153
+ <div class="space-y-4">
154
+ <div class="flex justify-between items-center">
155
+ <div>
156
+ <p class="text-gray-400">Total Mined</p>
157
+ <p class="text-2xl font-bold"><span id="total-mined">0.002345</span> BTC</p>
158
+ <p class="text-green-400 text-sm">≈ $<span id="total-mined-usd">160.42</span></p>
159
+ </div>
160
+ <i class="fas fa-coins text-3xl text-yellow-400"></i>
161
+ </div>
162
+ <div class="pt-4 border-t border-gray-700">
163
+ <div class="flex justify-between mb-2">
164
+ <span class="text-gray-400">Last 24h</span>
165
+ <span class="font-bold"><span id="last-24h">0.000056</span> BTC</span>
166
+ </div>
167
+ <div class="flex justify-between">
168
+ <span class="text-gray-400">Last 7d</span>
169
+ <span class="font-bold"><span id="last-7d">0.000412</span> BTC</span>
170
+ </div>
171
+ </div>
172
+ <button class="w-full bg-orange-600 hover:bg-orange-700 text-white py-3 rounded-lg font-bold mt-4 flex items-center justify-center">
173
+ <i class="fas fa-download mr-2"></i>
174
+ <span>Withdraw Earnings</span>
175
+ </button>
176
+ </div>
177
+ </div>
178
+
179
+ <!-- Mining Pool Stats -->
180
+ <div class="bg-gray-800 rounded-xl p-6 shadow-lg">
181
+ <h2 class="text-xl font-bold mb-6">Pool Statistics</h2>
182
+ <div class="space-y-4">
183
+ <div>
184
+ <p class="text-gray-400 mb-1">Pool Hash Rate</p>
185
+ <p class="text-xl font-bold">124.56 EH/s</p>
186
+ </div>
187
+ <div>
188
+ <p class="text-gray-400 mb-1">Pool Fee</p>
189
+ <p class="text-xl font-bold">1.0%</p>
190
+ </div>
191
+ <div>
192
+ <p class="text-gray-400 mb-1">Next Payout</p>
193
+ <p class="text-xl font-bold">In <span id="next-payout">3h 24m</span></p>
194
+ </div>
195
+ <div class="pt-4 border-t border-gray-700">
196
+ <p class="text-gray-400 mb-2">Your Pool Share</p>
197
+ <div class="w-full bg-gray-700 rounded-full h-2">
198
+ <div class="h-2 rounded-full bg-green-500" style="width: 0.02%"></div>
199
+ </div>
200
+ </div>
201
+ </div>
202
+ </div>
203
+
204
+ <!-- Referral Program -->
205
+ <div class="bg-gradient-to-br from-orange-900 to-gray-800 rounded-xl p-6 shadow-lg">
206
+ <h2 class="text-xl font-bold mb-4">Invite Friends</h2>
207
+ <p class="text-gray-300 mb-4">Earn 15% of your friends' mining rewards for life!</p>
208
+ <div class="bg-black bg-opacity-30 p-3 rounded-lg mb-4">
209
+ <p class="text-gray-400 text-sm mb-1">Your referral link:</p>
210
+ <div class="flex">
211
+ <input type="text" id="referral-link" value="https://quantumminer.io/ref/akx7b9" class="bg-gray-900 text-white text-sm rounded-l-lg px-3 py-2 flex-grow" readonly>
212
+ <button onclick="copyReferralLink()" class="bg-orange-600 hover:bg-orange-700 text-white px-3 py-2 rounded-r-lg text-sm">
213
+ <i class="fas fa-copy"></i>
214
+ </button>
215
+ </div>
216
+ </div>
217
+ <div class="flex justify-between items-center">
218
+ <div>
219
+ <p class="text-gray-300 text-sm">Referrals</p>
220
+ <p class="font-bold">12</p>
221
+ </div>
222
+ <div>
223
+ <p class="text-gray-300 text-sm">Earned from referrals</p>
224
+ <p class="font-bold">0.0012 BTC</p>
225
+ </div>
226
+ </div>
227
+ </div>
228
+ </div>
229
+ </div>
230
+ </main>
231
+
232
+ <!-- Notification -->
233
+ <div id="notification" class="fixed bottom-4 right-4 bg-gray-800 border-l-4 border-green-500 text-white px-6 py-4 rounded-lg shadow-xl transform translate-y-10 opacity-0 transition-all duration-300 hidden">
234
+ <div class="flex items-center">
235
+ <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
236
+ <div>
237
+ <p class="font-bold">Mining Started</p>
238
+ <p class="text-sm text-gray-400">Your quantum miner is now running at full speed!</p>
239
+ </div>
240
+ </div>
241
+ </div>
242
+ </div>
243
+
244
+ <script>
245
+ // Mining simulation variables
246
+ let isMining = false;
247
+ let hashRate = 0;
248
+ let minedToday = 0;
249
+ let activeWorkers = 0;
250
+ let blockProgress = 0;
251
+ let miningInterval;
252
+ let particleInterval;
253
+
254
+ // DOM elements
255
+ const miningToggle = document.getElementById('mining-toggle');
256
+ const hashRateElement = document.getElementById('hash-rate');
257
+ const minedTodayElement = document.getElementById('mined-today');
258
+ const estimatedDailyElement = document.getElementById('estimated-daily');
259
+ const activeWorkersElement = document.getElementById('active-workers');
260
+ const blockProgressElement = document.getElementById('block-progress');
261
+ const progressBar = document.getElementById('progress-bar');
262
+ const notification = document.getElementById('notification');
263
+ const particlesContainer = document.getElementById('particles-container');
264
+
265
+ // Toggle mining
266
+ miningToggle.addEventListener('click', function() {
267
+ isMining = !isMining;
268
+
269
+ if (isMining) {
270
+ // Start mining
271
+ miningToggle.innerHTML = '<i class="fas fa-power-off mr-2"></i><span>STOP MINING</span>';
272
+ miningToggle.classList.remove('from-orange-500', 'to-yellow-500', 'hover:from-orange-600', 'hover:to-yellow-600');
273
+ miningToggle.classList.add('from-red-500', 'to-red-600', 'hover:from-red-600', 'hover:to-red-700');
274
+
275
+ // Start simulation
276
+ activeWorkers = 8;
277
+ hashRate = 124.56;
278
+ miningInterval = setInterval(updateMiningStats, 500);
279
+ particleInterval = setInterval(createParticle, 50);
280
+
281
+ // Show notification
282
+ showNotification('Mining Started', 'Your quantum miner is now running at full speed!', 'green');
283
+ } else {
284
+ // Stop mining
285
+ miningToggle.innerHTML = '<i class="fas fa-power-off mr-2"></i><span>START MINING</span>';
286
+ miningToggle.classList.remove('from-red-500', 'to-red-600', 'hover:from-red-600', 'hover:to-red-700');
287
+ miningToggle.classList.add('from-orange-500', 'to-yellow-500', 'hover:from-orange-600', 'hover:to-yellow-600');
288
+
289
+ // Stop simulation
290
+ clearInterval(miningInterval);
291
+ clearInterval(particleInterval);
292
+ activeWorkers = 0;
293
+ hashRate = 0;
294
+
295
+ // Show notification
296
+ showNotification('Mining Stopped', 'Your quantum miner has been turned off.', 'red');
297
+ }
298
+
299
+ updateUI();
300
+ });
301
+
302
+ // Update mining stats
303
+ function updateMiningStats() {
304
+ // Random increments to simulate mining
305
+ const increment = Math.random() * 0.000001;
306
+ minedToday += increment;
307
+
308
+ // Update BTC price (simulate small fluctuations)
309
+ const btcPriceElement = document.getElementById('btc-price');
310
+ let currentPrice = parseFloat(btcPriceElement.textContent.replace(/,/g, ''));
311
+ currentPrice += (Math.random() - 0.5) * 100;
312
+ btcPriceElement.textContent = currentPrice.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
313
+
314
+ // Update block progress
315
+ blockProgress += Math.random() * 0.5;
316
+ if (blockProgress >= 100) {
317
+ blockProgress = 0;
318
+ // Simulate finding a block
319
+ minedToday += 0.0001;
320
+ showNotification('Block Found!', 'You earned 0.0001 BTC for solving a block!', 'green');
321
+ }
322
+
323
+ updateUI();
324
+ }
325
+
326
+ // Update UI elements
327
+ function updateUI() {
328
+ hashRateElement.textContent = hashRate.toFixed(2);
329
+ minedTodayElement.textContent = minedToday.toFixed(6);
330
+ estimatedDailyElement.textContent = (minedToday * parseFloat(document.getElementById('btc-price').textContent.replace(/,/g, '')) * 24).toFixed(2);
331
+ activeWorkersElement.textContent = activeWorkers;
332
+ blockProgressElement.textContent = blockProgress.toFixed(1);
333
+ progressBar.style.width = `${blockProgress}%`;
334
+
335
+ // Update total mined (simulate small increments)
336
+ const totalMinedElement = document.getElementById('total-mined');
337
+ let totalMined = parseFloat(totalMinedElement.textContent);
338
+ totalMined += Math.random() * 0.000001;
339
+ totalMinedElement.textContent = totalMined.toFixed(6);
340
+ document.getElementById('total-mined-usd').textContent = (totalMined * parseFloat(document.getElementById('btc-price').textContent.replace(/,/g, ''))).toFixed(2);
341
+ }
342
+
343
+ // Show notification
344
+ function showNotification(title, message, color) {
345
+ notification.querySelector('p.font-bold').textContent = title;
346
+ notification.querySelector('p.text-sm').textContent = message;
347
+
348
+ // Change border color
349
+ notification.classList.remove('border-green-500', 'border-red-500', 'border-blue-500');
350
+ notification.classList.add(`border-${color}-500`);
351
+
352
+ // Change icon
353
+ const icon = notification.querySelector('i');
354
+ icon.classList.remove('fa-check-circle', 'fa-times-circle', 'fa-info-circle');
355
+
356
+ if (color === 'green') {
357
+ icon.classList.add('fa-check-circle');
358
+ } else if (color === 'red') {
359
+ icon.classList.add('fa-times-circle');
360
+ } else {
361
+ icon.classList.add('fa-info-circle');
362
+ }
363
+
364
+ // Show notification
365
+ notification.classList.remove('hidden');
366
+ notification.classList.remove('translate-y-10', 'opacity-0');
367
+ notification.classList.add('translate-y-0', 'opacity-100');
368
+
369
+ // Hide after 5 seconds
370
+ setTimeout(() => {
371
+ notification.classList.remove('translate-y-0', 'opacity-100');
372
+ notification.classList.add('translate-y-10', 'opacity-0');
373
+ setTimeout(() => notification.classList.add('hidden'), 300);
374
+ }, 5000);
375
+ }
376
+
377
+ // Create mining particles
378
+ function createParticle() {
379
+ const particle = document.createElement('div');
380
+ particle.classList.add('hash-particle');
381
+
382
+ // Random size
383
+ const size = Math.random() * 5 + 2;
384
+ particle.style.width = `${size}px`;
385
+ particle.style.height = `${size}px`;
386
+
387
+ // Random position
388
+ const x = Math.random() * particlesContainer.offsetWidth;
389
+ const y = Math.random() * particlesContainer.offsetHeight;
390
+ particle.style.left = `${x}px`;
391
+ particle.style.top = `${y}px`;
392
+
393
+ // Random animation
394
+ const duration = Math.random() * 3 + 1;
395
+ particle.style.animation = `float ${duration}s linear infinite`;
396
+
397
+ particlesContainer.appendChild(particle);
398
+
399
+ // Remove particle after animation
400
+ setTimeout(() => {
401
+ particle.remove();
402
+ }, duration * 1000);
403
+ }
404
+
405
+ // Copy referral link
406
+ function copyReferralLink() {
407
+ const referralLink = document.getElementById('referral-link');
408
+ referralLink.select();
409
+ document.execCommand('copy');
410
+
411
+ showNotification('Copied!', 'Referral link copied to clipboard.', 'blue');
412
+ }
413
+
414
+ // Add animation for particles
415
+ document.head.insertAdjacentHTML('beforeend', `
416
+ <style>
417
+ @keyframes float {
418
+ 0% { transform: translateY(0) translateX(0); opacity: 1; }
419
+ 100% { transform: translateY(-100px) translateX(${Math.random() > 0.5 ? '-' : ''}${Math.random() * 50}px); opacity: 0; }
420
+ }
421
+ </style>
422
+ `);
423
+ </script>
424
+ <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=Steph1985/steph" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
425
+ </html>