Hugging Face's logo

Spaces:
Akademics
/
https-huggingface-co-spaces-akademics
Running

App Files Community
Akademics commited on
Commit
0a8a55b
·
verified ·
1 Parent(s): 1865b7a

undefined - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +953 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Https Huggingface Co Spaces Akademics
3
- emoji: 💻
4
- colorFrom: blue
5
  colorTo: yellow
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: https-huggingface-co-spaces-akademics
3
+ emoji: 🐳
4
+ colorFrom: pink
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,953 @@
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>QuantumTrade AI - Advanced Trading Scanner</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 src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
11
+ <script>
12
+ tailwind.config = {
13
+ theme: {
14
+ extend: {
15
+ colors: {
16
+ primary: '#1e40af',
17
+ secondary: '#1e3a8a',
18
+ accent: '#3b82f6',
19
+ dark: '#0f172a',
20
+ light: '#f8fafc',
21
+ success: '#10b981',
22
+ danger: '#ef4444',
23
+ warning: '#f59e0b',
24
+ },
25
+ screens: {
26
+ 'xs': '475px',
27
+ }
28
+ }
29
+ }
30
+ }
31
+ </script>
32
+ <style>
33
+ .chart-container {
34
+ height: 400px;
35
+ background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
36
+ border-radius: 0.5rem;
37
+ }
38
+
39
+ .signal-buy {
40
+ animation: pulseBuy 2s infinite;
41
+ }
42
+
43
+ .signal-sell {
44
+ animation: pulseSell 2s infinite;
45
+ }
46
+
47
+ @keyframes pulseBuy {
48
+ 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
49
+ 70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
50
+ 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
51
+ }
52
+
53
+ @keyframes pulseSell {
54
+ 0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
55
+ 70% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
56
+ 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
57
+ }
58
+
59
+ .scrollbar-hide::-webkit-scrollbar {
60
+ display: none;
61
+ }
62
+
63
+ .scrollbar-hide {
64
+ -ms-overflow-style: none;
65
+ scrollbar-width: none;
66
+ }
67
+
68
+ .tradingview-widget-container {
69
+ height: 100%;
70
+ width: 100%;
71
+ border-radius: 0.5rem;
72
+ }
73
+
74
+ .optimizer-chart {
75
+ height: 200px;
76
+ }
77
+
78
+ .bot-status-active {
79
+ animation: pulseStatus 1.5s infinite;
80
+ }
81
+
82
+ @keyframes pulseStatus {
83
+ 0% { opacity: 1; }
84
+ 50% { opacity: 0.5; }
85
+ 100% { opacity: 1; }
86
+ }
87
+
88
+ /* Enhanced Button Styles */
89
+ .btn {
90
+ transition: all 0.3s ease;
91
+ transform: translateY(0);
92
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
93
+ }
94
+
95
+ .btn:hover {
96
+ transform: translateY(-1px);
97
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
98
+ }
99
+
100
+ .btn:active {
101
+ transform: translateY(0);
102
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.05);
103
+ }
104
+
105
+ .btn-primary {
106
+ background-color: #1e40af;
107
+ }
108
+
109
+ .btn-primary:hover {
110
+ background-color: #1e3a8a;
111
+ }
112
+
113
+ .btn-success {
114
+ background-color: #10b981;
115
+ }
116
+
117
+ .btn-success:hover {
118
+ background-color: #0d9f6e;
119
+ }
120
+
121
+ .btn-danger {
122
+ background-color: #ef4444;
123
+ }
124
+
125
+ .btn-danger:hover {
126
+ background-color: #dc2626;
127
+ }
128
+
129
+ .btn-accent {
130
+ background-color: #3b82f6;
131
+ }
132
+
133
+ .btn-accent:hover {
134
+ background-color: #2563eb;
135
+ }
136
+
137
+ /* Responsive adjustments */
138
+ @media (max-width: 768px) {
139
+ .btn-text {
140
+ display: none;
141
+ }
142
+
143
+ .btn-icon {
144
+ margin-right: 0 !important;
145
+ }
146
+
147
+ .btn-sm {
148
+ padding: 0.5rem;
149
+ min-width: auto;
150
+ }
151
+
152
+ .chart-container {
153
+ height: 300px;
154
+ }
155
+ }
156
+
157
+ /* Button focus states */
158
+ .btn:focus {
159
+ outline: 2px solid transparent;
160
+ outline-offset: 2px;
161
+ box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);
162
+ }
163
+ </style>
164
+ </head>
165
+ <body class="bg-gray-900 text-gray-100">
166
+ <div class="min-h-screen flex flex-col">
167
+ <!-- Header -->
168
+ <header class="bg-dark py-4 px-6 shadow-lg">
169
+ <div class="flex justify-between items-center">
170
+ <div class="flex items-center space-x-4">
171
+ <div class="bg-accent p-2 rounded-lg">
172
+ <i class="fas fa-robot text-2xl"></i>
173
+ </div>
174
+ <h1 class="text-2xl font-bold">QuantumTrade AI</h1>
175
+ </div>
176
+ <div class="flex items-center space-x-2 sm:space-x-6">
177
+ <div class="relative group">
178
+ <button class="btn btn-primary flex items-center space-x-2 px-3 py-2 rounded-lg transition min-w-[150px]">
179
+ <span class="btn-text">Connect Exchange</span>
180
+ <i class="fas fa-exchange-alt btn-icon"></i>
181
+ </button>
182
+ <div class="absolute right-0 mt-2 w-64 bg-gray-800 rounded-lg shadow-xl z-50 hidden group-hover:block">
183
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700 rounded-t-lg"><i class="fab fa-bitcoin mr-2"></i> Binance</a>
184
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700"><i class="fab fa-ethereum mr-2"></i> Coinbase</a>
185
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700"><i class="fas fa-chart-line mr-2"></i> Kraken</a>
186
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700"><i class="fas fa-exchange-alt mr-2"></i> FTX</a>
187
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700"><i class="fas fa-university mr-2"></i> Interactive Brokers</a>
188
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700"><i class="fas fa-landmark mr-2"></i> TD Ameritrade</a>
189
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700"><i class="fab fa-cc-visa mr-2"></i> eToro</a>
190
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700 rounded-b-lg"><i class="fas fa-globe mr-2"></i> MetaTrader 5</a>
191
+ </div>
192
+ </div>
193
+ <div class="flex items-center space-x-2">
194
+ <div class="h-10 w-10 rounded-full bg-accent flex items-center justify-center">
195
+ <i class="fas fa-user"></i>
196
+ </div>
197
+ <span class="hidden sm:inline">Trader</span>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ </header>
202
+
203
+ <!-- Main Content -->
204
+ <main class="flex-1 grid grid-cols-1 lg:grid-cols-4 gap-6 p-4 sm:p-6">
205
+ <!-- Left Sidebar -->
206
+ <div class="lg:col-span-1 space-y-6">
207
+ <!-- Asset Class Selector -->
208
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
209
+ <h2 class="text-lg font-semibold mb-4 flex items-center">
210
+ <i class="fas fa-chart-pie mr-2"></i> Asset Classes
211
+ </h2>
212
+ <div class="grid grid-cols-2 gap-2">
213
+ <button class="asset-btn btn btn-primary active py-2 px-2 sm:px-4 rounded-lg flex items-center justify-center">
214
+ <i class="fab fa-bitcoin mr-1 sm:mr-2"></i>
215
+ <span class="hidden xs:inline">Crypto</span>
216
+ </button>
217
+ <button class="asset-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 sm:px-4 rounded-lg flex items-center justify-center">
218
+ <i class="fas fa-chart-line mr-1 sm:mr-2"></i>
219
+ <span class="hidden xs:inline">Stocks</span>
220
+ </button>
221
+ <button class="asset-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 sm:px-4 rounded-lg flex items-center justify-center">
222
+ <i class="fas fa-dollar-sign mr-1 sm:mr-2"></i>
223
+ <span class="hidden xs:inline">Forex</span>
224
+ </button>
225
+ <button class="asset-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 sm:px-4 rounded-lg flex items-center justify-center">
226
+ <i class="fas fa-clock mr-1 sm:mr-2"></i>
227
+ <span class="hidden xs:inline">Futures</span>
228
+ </button>
229
+ <button class="asset-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 sm:px-4 rounded-lg flex items-center justify-center">
230
+ <i class="fas fa-cog mr-1 sm:mr-2"></i>
231
+ <span class="hidden xs:inline">Options</span>
232
+ </button>
233
+ <button class="asset-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 sm:px-4 rounded-lg flex items-center justify-center">
234
+ <i class="fas fa-globe mr-1 sm:mr-2"></i>
235
+ <span class="hidden xs:inline">All</span>
236
+ </button>
237
+ </div>
238
+ </div>
239
+
240
+ <!-- Timeframe Selector -->
241
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
242
+ <h2 class="text-lg font-semibold mb-4 flex items-center">
243
+ <i class="fas fa-clock mr-2"></i> Timeframes
244
+ </h2>
245
+ <div class="grid grid-cols-3 gap-2">
246
+ <button class="timeframe-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 rounded-lg text-sm">1m</button>
247
+ <button class="timeframe-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 rounded-lg text-sm">5m</button>
248
+ <button class="timeframe-btn btn btn-primary active py-2 px-2 rounded-lg text-sm">15m</button>
249
+ <button class="timeframe-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 rounded-lg text-sm">1h</button>
250
+ <button class="timeframe-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 rounded-lg text-sm">4h</button>
251
+ <button class="timeframe-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 rounded-lg text-sm">1d</button>
252
+ <button class="timeframe-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 rounded-lg text-sm">1w</button>
253
+ <button class="timeframe-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 rounded-lg text-sm">1M</button>
254
+ <button class="timeframe-btn btn bg-gray-700 hover:bg-gray-600 py-2 px-2 rounded-lg text-sm">Custom</button>
255
+ </div>
256
+ </div>
257
+
258
+ <!-- Trading Style Selector -->
259
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
260
+ <h2 class="text-lg font-semibold mb-4 flex items-center">
261
+ <i class="fas fa-running mr-2"></i> Trading Style
262
+ </h2>
263
+ <div class="space-y-2">
264
+ <button class="style-btn btn w-full bg-gray-700 hover:bg-gray-600 py-2 px-2 sm:px-4 rounded-lg flex items-center justify-between">
265
+ <span class="hidden sm:inline">Scalping</span>
266
+ <i class="fas fa-bolt"></i>
267
+ </button>
268
+ <button class="style-btn btn w-full bg-gray-700 hover:bg-gray-600 py-2 px-2 sm:px-4 rounded-lg flex items-center justify-between">
269
+ <span class="hidden sm:inline">Day Trading</span>
270
+ <i class="fas fa-sun"></i>
271
+ </button>
272
+ <button class="style-btn btn btn-primary active w-full py-2 px-2 sm:px-4 rounded-lg flex items-center justify-between">
273
+ <span class="hidden sm:inline">Swing Trading</span>
274
+ <i class="fas fa-wave-square"></i>
275
+ </button>
276
+ <button class="style-btn btn w-full bg-gray-700 hover:bg-gray-600 py-2 px-2 sm:px-4 rounded-lg flex items-center justify-between">
277
+ <span class="hidden sm:inline">Investing</span>
278
+ <i class="fas fa-piggy-bank"></i>
279
+ </button>
280
+ </div>
281
+ </div>
282
+
283
+ <!-- Strategy Configuration -->
284
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
285
+ <h2 class="text-lg font-semibold mb-4 flex items-center">
286
+ <i class="fas fa-cogs mr-2"></i> Strategy Config
287
+ </h2>
288
+ <div class="space-y-4">
289
+ <div>
290
+ <label class="block text-sm mb-1">Signal Strength</label>
291
+ <input type="range" min="0" max="100" value="75" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
292
+ </div>
293
+ <div>
294
+ <label class="block text-sm mb-1">Risk Tolerance</label>
295
+ <select class="w-full bg-gray-700 border border-gray-600 rounded-lg px-3 py-2">
296
+ <option>Low</option>
297
+ <option selected>Medium</option>
298
+ <option>High</option>
299
+ </select>
300
+ </div>
301
+ <div>
302
+ <label class="block text-sm mb-1">AI Model</label>
303
+ <select class="w-full bg-gray-700 border border-gray-600 rounded-lg px-3 py-2">
304
+ <option>Neural Network v3.2</option>
305
+ <option selected>Deep Learning v4.1</option>
306
+ <option>Reinforcement v2.7</option>
307
+ </select>
308
+ </div>
309
+ <button class="btn btn-accent w-full py-2 px-4 rounded-lg flex items-center justify-center">
310
+ <i class="fas fa-save mr-2"></i>
311
+ <span class="hidden sm:inline">Save Configuration</span>
312
+ </button>
313
+ </div>
314
+ </div>
315
+ </div>
316
+
317
+ <!-- Main Chart Area -->
318
+ <div class="lg:col-span-2 space-y-6">
319
+ <!-- Chart Header -->
320
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg flex flex-col sm:flex-row items-center justify-between gap-2">
321
+ <div class="flex items-center space-x-4">
322
+ <div class="flex items-center">
323
+ <img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" alt="BTC" class="h-8 w-8 mr-2">
324
+ <span class="font-bold text-lg">BTC/USDT</span>
325
+ </div>
326
+ <div class="text-success">
327
+ <span class="font-bold" id="current-price">$42,876.45</span>
328
+ <span class="text-sm ml-1" id="price-change">+2.34%</span>
329
+ </div>
330
+ </div>
331
+ <div class="flex items-center space-x-2 sm:space-x-4">
332
+ <div class="flex items-center space-x-2">
333
+ <span class="hidden sm:inline">Volume:</span>
334
+ <span class="font-bold" id="current-volume">24.5K BTC</span>
335
+ </div>
336
+ <div class="flex space-x-2">
337
+ <button class="btn btn-sm bg-gray-700 hover:bg-gray-600 p-2 rounded-lg">
338
+ <i class="fas fa-indicator"></i>
339
+ </button>
340
+ <button class="btn btn-sm bg-gray-700 hover:bg-gray-600 p-2 rounded-lg">
341
+ <i class="fas fa-drawing"></i>
342
+ </button>
343
+ <button class="btn btn-sm bg-gray-700 hover:bg-gray-600 p-2 rounded-lg">
344
+ <i class="fas fa-cog"></i>
345
+ </button>
346
+ </div>
347
+ </div>
348
+ </div>
349
+
350
+ <!-- Main Chart -->
351
+ <div class="chart-container p-4 shadow-lg">
352
+ <!-- TradingView Widget -->
353
+ <div class="tradingview-widget-container">
354
+ <div class="tradingview-widget-container__widget"></div>
355
+ <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-advanced-chart.js" async>
356
+ {
357
+ "autosize": true,
358
+ "symbol": "BINANCE:BTCUSDT",
359
+ "interval": "15",
360
+ "timezone": "Etc/UTC",
361
+ "theme": "dark",
362
+ "style": "1",
363
+ "locale": "en",
364
+ "enable_publishing": false,
365
+ "hide_top_toolbar": true,
366
+ "allow_symbol_change": true,
367
+ "studies": [
368
+ "BB@tv-basicstudies",
369
+ "MAExp@tv-basicstudies",
370
+ "RSI@tv-basicstudies"
371
+ ],
372
+ "support_host": "https://www.tradingview.com"
373
+ }
374
+ </script>
375
+ </div>
376
+ </div>
377
+
378
+ <!-- Trading Bot Controls -->
379
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
380
+ <h2 class="text-lg font-semibold mb-4 flex items-center">
381
+ <i class="fas fa-robot mr-2"></i> Auto Trading Bot
382
+ </h2>
383
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
384
+ <div class="p-4 rounded-lg bg-gray-700">
385
+ <div class="flex items-center justify-between mb-2">
386
+ <span class="font-bold">Bot Status</span>
387
+ <span id="bot-status" class="px-2 py-1 rounded-full text-xs bg-danger">OFFLINE</span>
388
+ </div>
389
+ <div class="flex justify-between items-center mt-4">
390
+ <button id="start-bot" class="btn btn-success hover:bg-green-600 px-3 sm:px-4 py-2 rounded-lg flex items-center">
391
+ <i class="fas fa-play mr-1 sm:mr-2"></i>
392
+ <span class="hidden sm:inline">Start</span>
393
+ </button>
394
+ <button id="stop-bot" class="btn btn-danger hover:bg-red-600 px-3 sm:px-4 py-2 rounded-lg flex items-center">
395
+ <i class="fas fa-stop mr-1 sm:mr-2"></i>
396
+ <span class="hidden sm:inline">Stop</span>
397
+ </button>
398
+ </div>
399
+ </div>
400
+ <div class="p-4 rounded-lg bg-gray-700">
401
+ <div class="flex items-center justify-between mb-2">
402
+ <span class="font-bold">Trading Mode</span>
403
+ <i class="fas fa-cog text-accent"></i>
404
+ </div>
405
+ <select id="trading-mode" class="w-full mt-4 bg-gray-700 border border-gray-600 rounded-lg px-3 py-2">
406
+ <option>Paper Trading</option>
407
+ <option selected>Live Trading</option>
408
+ <option>Backtesting</option>
409
+ </select>
410
+ </div>
411
+ <div class="p-4 rounded-lg bg-gray-700">
412
+ <div class="flex items-center justify-between mb-2">
413
+ <span class="font-bold">Today's Stats</span>
414
+ <i class="fas fa-chart-bar text-accent"></i>
415
+ </div>
416
+ <div class="grid grid-cols-2 gap-2 mt-2 text-sm">
417
+ <div>Trades:</div>
418
+ <div class="font-bold" id="today-trades">12</div>
419
+ <div>Profit:</div>
420
+ <div class="font-bold text-success" id="today-profit">+3.2%</div>
421
+ <div>Win Rate:</div>
422
+ <div class="font-bold" id="today-winrate">75%</div>
423
+ </div>
424
+ </div>
425
+ </div>
426
+ </div>
427
+
428
+ <!-- Signal Details -->
429
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
430
+ <h2 class="text-lg font-semibold mb-4 flex items-center">
431
+ <i class="fas fa-bell mr-2"></i> Current Signal Details
432
+ </h2>
433
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
434
+ <div class="signal-buy p-4 rounded-lg bg-gray-700">
435
+ <div class="flex items-center justify-between mb-2">
436
+ <span class="font-bold">BUY Signal</span>
437
+ <span class="text-success font-bold">87% Confidence</span>
438
+ </div>
439
+ <div class="grid grid-cols-2 gap-2 text-sm">
440
+ <div>Entry Price:</div>
441
+ <div class="font-bold">$42,120.00</div>
442
+ <div>Stop Loss:</div>
443
+ <div class="font-bold text-danger">$40,850.00 (-3.0%)</div>
444
+ <div>Take Profit 1:</div>
445
+ <div class="font-bold text-success">$43,500.00 (+3.3%)</div>
446
+ <div>Take Profit 2:</div>
447
+ <div class="font-bold text-success">$45,200.00 (+7.3%)</div>
448
+ </div>
449
+ </div>
450
+ <div class="p-4 rounded-lg bg-gray-700">
451
+ <div class="flex items-center justify-between mb-2">
452
+ <span class="font-bold">AI Analysis</span>
453
+ <i class="fas fa-brain text-accent"></i>
454
+ </div>
455
+ <div class="text-sm">
456
+ <p class="mb-2">The neural network detects strong accumulation at current levels with decreasing selling pressure.</p>
457
+ <p>RSI divergence detected with improving momentum indicators. Volume profile shows absorption of supply.</p>
458
+ </div>
459
+ </div>
460
+ <div class="p-4 rounded-lg bg-gray-700">
461
+ <div class="flex items-center justify-between mb-2">
462
+ <span class="font-bold">Risk Management</span>
463
+ <i class="fas fa-shield-alt text-accent"></i>
464
+ </div>
465
+ <div class="grid grid-cols-2 gap-2 text-sm">
466
+ <div>Position Size:</div>
467
+ <div class="font-bold">2.5% of Portfolio</div>
468
+ <div>Risk/Reward:</div>
469
+ <div class="font-bold">1:2.4</div>
470
+ <div>Volatility:</div>
471
+ <div class="font-bold">Medium</div>
472
+ <div>Liquidity:</div>
473
+ <div class="font-bold">High</div>
474
+ </div>
475
+ </div>
476
+ </div>
477
+ </div>
478
+ </div>
479
+
480
+ <!-- Right Sidebar -->
481
+ <div class="lg:col-span-1 space-y-6">
482
+ <!-- Machine Learning Optimizer -->
483
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
484
+ <h2 class="text-lg font-semibold mb-4 flex items-center">
485
+ <i class="fas fa-brain mr-2"></i> ML Signal Optimizer
486
+ </h2>
487
+ <div class="optimizer-chart mb-4">
488
+ <canvas id="optimizerChart"></canvas>
489
+ </div>
490
+ <div class="grid grid-cols-2 gap-2 text-sm mb-4">
491
+ <div>Current Accuracy:</div>
492
+ <div class="font-bold text-success">82.7%</div>
493
+ <div>Optimized Accuracy:</div>
494
+ <div class="font-bold text-success">89.3%</div>
495
+ <div>Improvement:</div>
496
+ <div class="font-bold text-success">+6.6%</div>
497
+ </div>
498
+ <button id="run-optimizer" class="btn btn-accent w-full py-2 px-4 rounded-lg flex items-center justify-center">
499
+ <i class="fas fa-magic mr-2"></i>
500
+ <span class="hidden sm:inline">Run Optimization</span>
501
+ </button>
502
+ </div>
503
+
504
+ <!-- Real-time Signals -->
505
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
506
+ <div class="flex justify-between items-center mb-4">
507
+ <h2 class="text-lg font-semibold flex items-center">
508
+ <i class="fas fa-bolt mr-2"></i> Live Signals
509
+ </h2>
510
+ <div class="flex items-center space-x-2">
511
+ <span class="text-xs bg-primary px-2 py-1 rounded-full">15 New</span>
512
+ <button class="btn btn-sm bg-gray-700 hover:bg-gray-600 px-2 py-1 rounded-full text-xs">
513
+ <i class="fas fa-filter"></i>
514
+ <span class="hidden sm:inline">Filter</span>
515
+ </button>
516
+ </div>
517
+ </div>
518
+ <div class="space-y-3 max-h-96 overflow-y-auto scrollbar-hide" id="signals-container">
519
+ <div class="signal-buy p-3 rounded-lg bg-gray-700">
520
+ <div class="flex justify-between items-start">
521
+ <div>
522
+ <div class="font-bold">BTC/USDT</div>
523
+ <div class="text-xs">15m Chart • Swing Trade</div>
524
+ </div>
525
+ <div class="text-success font-bold">BUY</div>
526
+ </div>
527
+ <div class="flex justify-between items-center mt-2 text-sm">
528
+ <div>Entry: $42,120</div>
529
+ <div>TP1: $43,500</div>
530
+ <button class="btn btn-success hover:bg-green-600 px-2 py-1 rounded text-xs">
531
+ <i class="fas fa-robot mr-1"></i>
532
+ <span class="hidden sm:inline">Auto Trade</span>
533
+ </button>
534
+ </div>
535
+ </div>
536
+ <div class="signal-sell p-3 rounded-lg bg-gray-700">
537
+ <div class="flex justify-between items-start">
538
+ <div>
539
+ <div class="font-bold">ETH/USDT</div>
540
+ <div class="text-xs">1h Chart • Day Trade</div>
541
+ </div>
542
+ <div class="text-danger font-bold">SELL</div>
543
+ </div>
544
+ <div class="flex justify-between items-center mt-2 text-sm">
545
+ <div>Entry: $2,345</div>
546
+ <div>TP1: $2,280</div>
547
+ <button class="btn btn-danger hover:bg-red-600 px-2 py-1 rounded text-xs">
548
+ <i class="fas fa-robot mr-1"></i>
549
+ <span class="hidden sm:inline">Auto Trade</span>
550
+ </button>
551
+ </div>
552
+ </div>
553
+ <div class="signal-buy p-3 rounded-lg bg-gray-700">
554
+ <div class="flex justify-between items-start">
555
+ <div>
556
+ <div class="font-bold">AAPL</div>
557
+ <div class="text-xs">4h Chart ��� Swing Trade</div>
558
+ </div>
559
+ <div class="text-success font-bold">BUY</div>
560
+ </div>
561
+ <div class="flex justify-between items-center mt-2 text-sm">
562
+ <div>Entry: $175.20</div>
563
+ <div>TP1: $182.50</div>
564
+ <button class="btn btn-success hover:bg-green-600 px-2 py-1 rounded text-xs">
565
+ <i class="fas fa-robot mr-1"></i>
566
+ <span class="hidden sm:inline">Auto Trade</span>
567
+ </button>
568
+ </div>
569
+ </div>
570
+ <div class="signal-buy p-3 rounded-lg bg-gray-700">
571
+ <div class="flex justify-between items-start">
572
+ <div>
573
+ <div class="font-bold">EUR/USD</div>
574
+ <div class="text-xs">1d Chart • Position Trade</div>
575
+ </div>
576
+ <div class="text-success font-bold">BUY</div>
577
+ </div>
578
+ <div class="flex justify-between items-center mt-2 text-sm">
579
+ <div>Entry: 1.0950</div>
580
+ <div>TP1: 1.1120</div>
581
+ <button class="btn btn-success hover:bg-green-600 px-2 py-1 rounded text-xs">
582
+ <i class="fas fa-robot mr-1"></i>
583
+ <span class="hidden sm:inline">Auto Trade</span>
584
+ </button>
585
+ </div>
586
+ </div>
587
+ <div class="signal-sell p-3 rounded-lg bg-gray-700">
588
+ <div class="flex justify-between items-start">
589
+ <div>
590
+ <div class="font-bold">TSLA</div>
591
+ <div class="text-xs">1h Chart • Day Trade</div>
592
+ </div>
593
+ <div class="text-danger font-bold">SELL</div>
594
+ </div>
595
+ <div class="flex justify-between items-center mt-2 text-sm">
596
+ <div>Entry: $265.75</div>
597
+ <div>TP1: $258.30</div>
598
+ <button class="btn btn-danger hover:bg-red-600 px-2 py-1 rounded text-xs">
599
+ <i class="fas fa-robot mr-1"></i>
600
+ <span class="hidden sm:inline">Auto Trade</span>
601
+ </button>
602
+ </div>
603
+ </div>
604
+ </div>
605
+ </div>
606
+
607
+ <!-- Performance Metrics -->
608
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
609
+ <h2 class="text-lg font-semibold mb-4 flex items-center">
610
+ <i class="fas fa-trophy mr-2"></i> Strategy Performance
611
+ </h2>
612
+ <div class="grid grid-cols-2 gap-4">
613
+ <div class="bg-gray-700 p-3 rounded-lg">
614
+ <div class="text-sm mb-1">Win Rate</div>
615
+ <div class="text-2xl font-bold text-success">72.4%</div>
616
+ <div class="text-xs text-gray-400">Last 30 Days</div>
617
+ </div>
618
+ <div class="bg-gray-700 p-3 rounded-lg">
619
+ <div class="text-sm mb-1">Avg Profit</div>
620
+ <div class="text-2xl font-bold text-success">+3.2%</div>
621
+ <div class="text-xs text-gray-400">Per Trade</div>
622
+ </div>
623
+ <div class="bg-gray-700 p-3 rounded-lg">
624
+ <div class="text-sm mb-1">Max Drawdown</div>
625
+ <div class="text-2xl font-bold text-danger">-8.7%</div>
626
+ <div class="text-xs text-gray-400">Last 90 Days</div>
627
+ </div>
628
+ <div class="bg-gray-700 p-3 rounded-lg">
629
+ <div class="text-sm mb-1">Sharpe Ratio</div>
630
+ <div class="text-2xl font-bold text-success">2.1</div>
631
+ <div class="text-xs text-gray-400">Risk Adjusted</div>
632
+ </div>
633
+ </div>
634
+ </div>
635
+
636
+ <!-- News & Sentiment -->
637
+ <div class="bg-gray-800 rounded-xl p-4 shadow-lg">
638
+ <h2 class="text-lg font-semibold mb-4 flex items-center">
639
+ <i class="fas fa-newspaper mr-2"></i> Market Sentiment
640
+ </h2>
641
+ <div class="space-y-3">
642
+ <div class="flex items-start space-x-3">
643
+ <div class="bg-accent p-2 rounded-full">
644
+ <i class="fas fa-bullhorn text-sm"></i>
645
+ </div>
646
+ <div>
647
+ <div class="font-medium">Fed Signals Potential Rate Pause</div>
648
+ <div class="text-xs text-gray-400">2 hours ago • Bullish</div>
649
+ </div>
650
+ </div>
651
+ <div class="flex items-start space-x-3">
652
+ <div class="bg-danger p-2 rounded-full">
653
+ <i class="fas fa-exclamation-triangle text-sm"></i>
654
+ </div>
655
+ <div>
656
+ <div class="font-medium">Binance Regulatory Concerns</div>
657
+ <div class="text-xs text-gray-400">4 hours ago • Bearish</div>
658
+ </div>
659
+ </div>
660
+ <div class="flex items-start space-x-3">
661
+ <div class="bg-success p-2 rounded-full">
662
+ <i class="fas fa-chart-line text-sm"></i>
663
+ </div>
664
+ <div>
665
+ <div class="font-medium">Bitcoin ETF Approval Odds Increase</div>
666
+ <div class="text-xs text-gray-400">6 hours ago • Bullish</div>
667
+ </div>
668
+ </div>
669
+ </div>
670
+ </div>
671
+ </div>
672
+ </main>
673
+
674
+ <!-- Footer -->
675
+ <footer class="bg-dark py-3 px-6 border-t border-gray-800">
676
+ <div class="flex flex-col sm:flex-row justify-between items-center text-sm text-gray-400 gap-2">
677
+ <div>
678
+ <span>QuantumTrade AI v4.2.1</span>
679
+ <span class="mx-2 hidden sm:inline">•</span>
680
+ <span>Last Updated: <span id="current-time"></span></span>
681
+ </div>
682
+ <div class="flex items-center space-x-4">
683
+ <span class="hidden sm:inline">Server Load: <span id="server-load">24%</span></span>
684
+ <span>Latency: <span id="server-latency">38ms</span></span>
685
+ <button class="text-accent hover:text-blue-400">
686
+ <i class="fas fa-question-circle"></i>
687
+ </button>
688
+ </div>
689
+ </div>
690
+ </footer>
691
+ </div>
692
+
693
+ <script>
694
+ // Initialize Chart.js for ML Optimizer
695
+ const ctx = document.getElementById('optimizerChart').getContext('2d');
696
+ const optimizerChart = new Chart(ctx, {
697
+ type: 'line',
698
+ data: {
699
+ labels: ['Before', 'After'],
700
+ datasets: [{
701
+ label: 'Signal Accuracy',
702
+ data: [82.7, 89.3],
703
+ backgroundColor: 'rgba(59, 130, 246, 0.2)',
704
+ borderColor: 'rgba(59, 130, 246, 1)',
705
+ borderWidth: 2,
706
+ tension: 0.1,
707
+ fill: true
708
+ }]
709
+ },
710
+ options: {
711
+ responsive: true,
712
+ maintainAspectRatio: false,
713
+ scales: {
714
+ y: {
715
+ beginAtZero: false,
716
+ min: 80,
717
+ max: 100
718
+ }
719
+ },
720
+ plugins: {
721
+ legend: {
722
+ display: false
723
+ }
724
+ }
725
+ }
726
+ });
727
+
728
+ // Update current time
729
+ function updateTime() {
730
+ const now = new Date();
731
+ const timeString = now.toLocaleTimeString();
732
+ document.getElementById('current-time').textContent = timeString;
733
+ }
734
+ setInterval(updateTime, 1000);
735
+ updateTime();
736
+
737
+ // Simulate live price updates
738
+ function updatePrice() {
739
+ // In a real app, you would fetch this from an API
740
+ const basePrice = 42876.45;
741
+ const change = (Math.random() - 0.5) * 200;
742
+ const newPrice = basePrice + change;
743
+ const percentChange = (change / basePrice * 100).toFixed(2);
744
+
745
+ document.getElementById('current-price').textContent = `$${newPrice.toFixed(2)}`;
746
+
747
+ const priceChangeElement = document.getElementById('price-change');
748
+ if (change >= 0) {
749
+ priceChangeElement.textContent = `+${percentChange}%`;
750
+ priceChangeElement.className = 'text-sm ml-1 text-success';
751
+ } else {
752
+ priceChangeElement.textContent = `${percentChange}%`;
753
+ priceChangeElement.className = 'text-sm ml-1 text-danger';
754
+ }
755
+
756
+ // Update volume randomly
757
+ const baseVolume = 24500;
758
+ const volumeChange = (Math.random() - 0.3) * 5000;
759
+ const newVolume = baseVolume + volumeChange;
760
+ document.getElementById('current-volume').textContent = `${(newVolume/1000).toFixed(1)}K BTC`;
761
+
762
+ // Update server metrics
763
+ document.getElementById('server-load').textContent = `${Math.floor(Math.random() * 30) + 10}%`;
764
+ document.getElementById('server-latency').textContent = `${Math.floor(Math.random() * 50) + 20}ms`;
765
+ }
766
+ setInterval(updatePrice, 3000);
767
+ updatePrice();
768
+
769
+ // Button interactions
770
+ document.querySelectorAll('.asset-btn').forEach(btn => {
771
+ btn.addEventListener('click', function() {
772
+ document.querySelectorAll('.asset-btn').forEach(b => b.classList.remove('active', 'bg-primary'));
773
+ document.querySelectorAll('.asset-btn').forEach(b => b.classList.add('bg-gray-700'));
774
+ this.classList.remove('bg-gray-700');
775
+ this.classList.add('active', 'bg-primary');
776
+ });
777
+ });
778
+
779
+ document.querySelectorAll('.timeframe-btn').forEach(btn => {
780
+ btn.addEventListener('click', function() {
781
+ document.querySelectorAll('.timeframe-btn').forEach(b => b.classList.remove('active', 'bg-primary'));
782
+ document.querySelectorAll('.timeframe-btn').forEach(b => b.classList.add('bg-gray-700'));
783
+ this.classList.remove('bg-gray-700');
784
+ this.classList.add('active', 'bg-primary');
785
+ });
786
+ });
787
+
788
+ document.querySelectorAll('.style-btn').forEach(btn => {
789
+ btn.addEventListener('click', function() {
790
+ document.querySelectorAll('.style-btn').forEach(b => b.classList.remove('active', 'bg-primary'));
791
+ document.querySelectorAll('.style-btn').forEach(b => b.classList.add('bg-gray-700'));
792
+ this.classList.remove('bg-gray-700');
793
+ this.classList.add('active', 'bg-primary');
794
+ });
795
+ });
796
+
797
+ // Trading Bot Controls
798
+ document.getElementById('start-bot').addEventListener('click', function() {
799
+ const statusElement = document.getElementById('bot-status');
800
+ statusElement.textContent = 'ACTIVE';
801
+ statusElement.classList.remove('bg-danger');
802
+ statusElement.classList.add('bg-success', 'bot-status-active');
803
+
804
+ // Update today's stats
805
+ document.getElementById('today-trades').textContent = '0';
806
+ document.getElementById('today-profit').textContent = '+0.0%';
807
+ document.getElementById('today-winrate').textContent = '0%';
808
+
809
+ // Simulate bot activity
810
+ let trades = 0;
811
+ let profit = 0;
812
+ let wins = 0;
813
+
814
+ const botInterval = setInterval(() => {
815
+ trades++;
816
+ const tradeProfit = (Math.random() * 2).toFixed(2);
817
+ const isWin = Math.random() > 0.3;
818
+
819
+ if (isWin) {
820
+ profit += parseFloat(tradeProfit);
821
+ wins++;
822
+ } else {
823
+ profit -= parseFloat(tradeProfit);
824
+ }
825
+
826
+ document.getElementById('today-trades').textContent = trades;
827
+ document.getElementById('today-profit').textContent = `${profit >= 0 ? '+' : ''}${profit.toFixed(2)}%`;
828
+ document.getElementById('today-winrate').textContent = `${Math.round((wins / trades) * 100)}%`;
829
+ }, 5000);
830
+
831
+ // Store interval so we can clear it when stopping
832
+ this.dataset.interval = botInterval;
833
+ });
834
+
835
+ document.getElementById('stop-bot').addEventListener('click', function() {
836
+ const statusElement = document.getElementById('bot-status');
837
+ statusElement.textContent = 'OFFLINE';
838
+ statusElement.classList.remove('bg-success', 'bot-status-active');
839
+ statusElement.classList.add('bg-danger');
840
+
841
+ // Clear the bot interval if it exists
842
+ const startButton = document.getElementById('start-bot');
843
+ if (startButton.dataset.interval) {
844
+ clearInterval(parseInt(startButton.dataset.interval));
845
+ delete startButton.dataset.interval;
846
+ }
847
+ });
848
+
849
+ // ML Optimizer Button
850
+ document.getElementById('run-optimizer').addEventListener('click', function() {
851
+ const button = this;
852
+ const originalText = button.innerHTML;
853
+
854
+ // Show loading state
855
+ button.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Optimizing...';
856
+ button.disabled = true;
857
+
858
+ // Simulate optimization process
859
+ setTimeout(() => {
860
+ // Update chart with new optimized values
861
+ const improvement = (Math.random() * 10).toFixed(1);
862
+ const newAccuracy = 82.7 + parseFloat(improvement);
863
+
864
+ optimizerChart.data.datasets[0].data = [82.7, newAccuracy];
865
+ optimizerChart.update();
866
+
867
+ // Update text displays
868
+ document.querySelectorAll('.optimizer-chart + div div:nth-child(2)').forEach(el => {
869
+ el.textContent = `${newAccuracy.toFixed(1)}%`;
870
+ });
871
+ document.querySelectorAll('.optimizer-chart + div div:nth-child(4)').forEach(el => {
872
+ el.textContent = `+${improvement}%`;
873
+ });
874
+
875
+ // Restore button
876
+ button.innerHTML = originalText;
877
+ button.disabled = false;
878
+
879
+ // Show notification
880
+ const notification = document.createElement('div');
881
+ notification.className = 'fixed bottom-4 right-4 bg-success text-white px-4 py-2 rounded-lg shadow-lg';
882
+ notification.innerHTML = '<i class="fas fa-check-circle mr-2"></i> Optimization complete! Signal accuracy improved.';
883
+ document.body.appendChild(notification);
884
+
885
+ setTimeout(() => {
886
+ notification.remove();
887
+ }, 3000);
888
+ }, 2000);
889
+ });
890
+
891
+ // Simulate real-time signal updates
892
+ const symbols = ['BTC/USDT', 'ETH/USDT', 'AAPL', 'EUR/USD', 'TSLA', 'MSFT', 'XAU/USD', 'AMZN'];
893
+ const timeframes = ['1m', '5m', '15m', '1h', '4h', '1d'];
894
+ const strategies = ['Scalping', 'Day Trade', 'Swing Trade', 'Position Trade'];
895
+
896
+ function updateSignals() {
897
+ const container = document.getElementById('signals-container');
898
+
899
+ // Randomly remove some signals
900
+ if (Math.random() > 0.7 && container.children.length > 3) {
901
+ const indexToRemove = Math.floor(Math.random() * container.children.length);
902
+ container.removeChild(container.children[indexToRemove]);
903
+ }
904
+
905
+ // Randomly add new signals
906
+ if (Math.random() > 0.5) {
907
+ const symbol = symbols[Math.floor(Math.random() * symbols.length)];
908
+ const timeframe = timeframes[Math.floor(Math.random() * timeframes.length)];
909
+ const strategy = strategies[Math.floor(Math.random() * strategies.length)];
910
+ const isBuy = Math.random() > 0.4;
911
+
912
+ const price = isBuy ?
913
+ (Math.random() * 50000).toFixed(2) :
914
+ (Math.random() * 1000).toFixed(2);
915
+ const tp1 = isBuy ?
916
+ (parseFloat(price) * 1.03).toFixed(2) :
917
+ (parseFloat(price) * 0.98).toFixed(2);
918
+
919
+ const signal = document.createElement('div');
920
+ signal.className = isBuy ? 'signal-buy p-3 rounded-lg bg-gray-700' : 'signal-sell p-3 rounded-lg bg-gray-700';
921
+ signal.innerHTML = `
922
+ <div class="flex justify-between items-start">
923
+ <div>
924
+ <div class="font-bold">${symbol}</div>
925
+ <div class="text-xs">${timeframe} Chart • ${strategy}</div>
926
+ </div>
927
+ <div class="${isBuy ? 'text-success' : 'text-danger'} font-bold">${isBuy ? 'BUY' : 'SELL'}</div>
928
+ </div>
929
+ <div class="flex justify-between items-center mt-2 text-sm">
930
+ <div>Entry: $${price}</div>
931
+ <div>TP1: $${tp1}</div>
932
+ <button class="btn ${isBuy ? 'btn-success hover:bg-green-600' : 'btn-danger hover:bg-red-600'} px-2 py-1 rounded text-xs">
933
+ <i class="fas fa-robot mr-1"></i>
934
+ <span class="hidden sm:inline">Auto Trade</span>
935
+ </button>
936
+ </div>
937
+ `;
938
+
939
+ // Add to top of container
940
+ container.insertBefore(signal, container.firstChild);
941
+
942
+ // Update counter
943
+ const counter = document.querySelector('.bg-primary.text-xs');
944
+ if (counter) {
945
+ const currentCount = parseInt(counter.textContent);
946
+ counter.textContent = `${currentCount + 1} New`;
947
+ }
948
+ }
949
+ }
950
+ setInterval(updateSignals, 8000);
951
+ </script>
952
+ <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=Akademics/https-huggingface-co-spaces-akademics" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
953
+ </html>
prompts.txt ADDED
File without changes