Hugging Face's logo

Spaces:
Kigozi
/
faded
Running

App Files Community
Kigozi commited on
Commit
7b7b6d9
·
verified ·
1 Parent(s): f326378

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +714 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Faded
3
- emoji: 🔥
4
  colorFrom: green
5
- colorTo: red
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: faded
3
+ emoji: 🐳
4
  colorFrom: green
5
+ colorTo: purple
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,714 @@
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>FX Quantum Bot - AI-Powered Forex Trading</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
+ .chart-container {
11
+ height: 400px;
12
+ background-color: #1e293b;
13
+ border-radius: 0.5rem;
14
+ }
15
+ .indicator-active {
16
+ border-bottom: 2px solid #3b82f6;
17
+ color: #3b82f6;
18
+ }
19
+ .trade-profit {
20
+ color: #10b981;
21
+ }
22
+ .trade-loss {
23
+ color: #ef4444;
24
+ }
25
+ .blink {
26
+ animation: blink-animation 1s steps(5, start) infinite;
27
+ }
28
+ @keyframes blink-animation {
29
+ to {
30
+ opacity: 0.5;
31
+ }
32
+ }
33
+ .order-book {
34
+ scrollbar-width: thin;
35
+ scrollbar-color: #334155 #1e293b;
36
+ }
37
+ .order-book::-webkit-scrollbar {
38
+ width: 6px;
39
+ }
40
+ .order-book::-webkit-scrollbar-track {
41
+ background: #1e293b;
42
+ }
43
+ .order-book::-webkit-scrollbar-thumb {
44
+ background-color: #334155;
45
+ border-radius: 3px;
46
+ }
47
+ .ai-thinking {
48
+ background: linear-gradient(90deg, #1e293b, #334155, #1e293b);
49
+ background-size: 200% 100%;
50
+ animation: gradient 2s linear infinite;
51
+ }
52
+ @keyframes gradient {
53
+ 0% { background-position: 100% 50%; }
54
+ 100% { background-position: 0% 50%; }
55
+ }
56
+ .modal-overlay {
57
+ background-color: rgba(15, 23, 42, 0.8);
58
+ }
59
+ </style>
60
+ </head>
61
+ <body class="bg-slate-900 text-slate-200">
62
+ <div class="container mx-auto px-4 py-6">
63
+ <!-- Header -->
64
+ <header class="flex justify-between items-center mb-8">
65
+ <div class="flex items-center space-x-2">
66
+ <i class="fas fa-robot text-blue-500 text-2xl"></i>
67
+ <h1 class="text-2xl font-bold bg-gradient-to-r from-blue-500 to-purple-600 bg-clip-text text-transparent">FX Quantum Bot</h1>
68
+ </div>
69
+ <div class="flex items-center space-x-4">
70
+ <div id="connection-status" class="flex items-center space-x-2 bg-slate-800 px-3 py-1 rounded-full">
71
+ <div class="h-2 w-2 rounded-full bg-red-500"></div>
72
+ <span class="text-sm">Disconnected</span>
73
+ </div>
74
+ <button id="connect-btn" class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-lg text-sm font-medium transition-colors">
75
+ <i class="fas fa-plug mr-1"></i> Connect Account
76
+ </button>
77
+ </div>
78
+ </header>
79
+
80
+ <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
81
+ <!-- Main Chart Area -->
82
+ <div class="lg:col-span-3 space-y-4">
83
+ <!-- Chart Controls -->
84
+ <div class="flex justify-between items-center bg-slate-800 p-3 rounded-lg">
85
+ <div class="flex space-x-2">
86
+ <div class="relative">
87
+ <select id="symbol-select" class="bg-slate-700 border border-slate-600 text-slate-200 rounded-lg px-3 py-1 appearance-none pr-8">
88
+ <option>EUR/USD</option>
89
+ <option>GBP/USD</option>
90
+ <option>USD/JPY</option>
91
+ <option>AUD/USD</option>
92
+ <option>USD/CAD</option>
93
+ <option>Gold</option>
94
+ <option>BTC/USD</option>
95
+ </select>
96
+ <i class="fas fa-chevron-down absolute right-3 top-2 text-xs text-slate-400 pointer-events-none"></i>
97
+ </div>
98
+ <div class="flex bg-slate-700 rounded-lg divide-x divide-slate-600">
99
+ <button class="px-3 py-1 hover:bg-slate-600">1m</button>
100
+ <button class="px-3 py-1 hover:bg-slate-600">5m</button>
101
+ <button class="px-3 py-1 hover:bg-slate-600">15m</button>
102
+ <button class="px-3 py-1 hover:bg-slate-600">1H</button>
103
+ <button class="px-3 py-1 hover:bg-slate-600">4H</button>
104
+ <button class="px-3 py-1 bg-blue-600">D</button>
105
+ </div>
106
+ </div>
107
+ <div class="flex space-x-2">
108
+ <button class="p-2 hover:bg-slate-700 rounded-lg">
109
+ <i class="fas fa-chart-line"></i>
110
+ </button>
111
+ <button class="p-2 hover:bg-slate-700 rounded-lg">
112
+ <i class="fas fa-chart-candlestick"></i>
113
+ </button>
114
+ <button class="p-2 hover:bg-slate-700 rounded-lg">
115
+ <i class="fas fa-chart-area"></i>
116
+ </button>
117
+ <button class="p-2 hover:bg-slate-700 rounded-lg">
118
+ <i class="fas fa-ruler"></i>
119
+ </button>
120
+ </div>
121
+ </div>
122
+
123
+ <!-- Chart Placeholder -->
124
+ <div class="chart-container relative">
125
+ <div class="absolute inset-0 flex items-center justify-center">
126
+ <div class="text-center">
127
+ <i class="fas fa-chart-line text-5xl text-slate-700 mb-2"></i>
128
+ <p class="text-slate-500">Live price chart would appear here</p>
129
+ </div>
130
+ </div>
131
+ </div>
132
+
133
+ <!-- AI Trading Panel -->
134
+ <div class="bg-slate-800 p-4 rounded-lg">
135
+ <div class="flex justify-between items-center mb-3">
136
+ <h3 class="font-medium">
137
+ <i class="fas fa-brain text-blue-500 mr-2"></i> AI Trading Decision Engine
138
+ </h3>
139
+ <div class="flex items-center space-x-2">
140
+ <span class="text-xs text-slate-400">Model:</span>
141
+ <span class="text-xs font-medium bg-blue-900/50 px-2 py-1 rounded">QuantumAI v3.2</span>
142
+ </div>
143
+ </div>
144
+
145
+ <div id="ai-analysis-container" class="space-y-4">
146
+ <div class="flex items-center justify-between p-3 bg-slate-700 rounded-lg">
147
+ <div class="flex items-center space-x-3">
148
+ <div class="ai-thinking h-8 w-8 rounded-full flex items-center justify-center">
149
+ <i class="fas fa-cog fa-spin text-blue-400"></i>
150
+ </div>
151
+ <div>
152
+ <div class="text-sm font-medium">Analyzing market conditions</div>
153
+ <div class="text-xs text-slate-400">EUR/USD - Daily timeframe</div>
154
+ </div>
155
+ </div>
156
+ <div class="text-xs text-slate-400">Processing...</div>
157
+ </div>
158
+
159
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-3">
160
+ <div class="bg-slate-700 p-3 rounded-lg">
161
+ <div class="text-xs text-slate-400 mb-1">Market Sentiment</div>
162
+ <div class="flex items-center">
163
+ <div class="w-16 h-8 flex items-center justify-center bg-green-900/30 rounded-l-lg">
164
+ <span class="text-xs font-medium text-green-400">68%</span>
165
+ </div>
166
+ <div class="w-16 h-8 flex items-center justify-center bg-red-900/30 rounded-r-lg">
167
+ <span class="text-xs font-medium text-red-400">32%</span>
168
+ </div>
169
+ </div>
170
+ <div class="text-xs text-slate-400 mt-1">Bullish dominance</div>
171
+ </div>
172
+
173
+ <div class="bg-slate-700 p-3 rounded-lg">
174
+ <div class="text-xs text-slate-400 mb-1">Volatility Index</div>
175
+ <div class="text-lg font-bold text-yellow-500">4.8</div>
176
+ <div class="text-xs text-slate-400 mt-1">Medium volatility</div>
177
+ </div>
178
+
179
+ <div class="bg-slate-700 p-3 rounded-lg">
180
+ <div class="text-xs text-slate-400 mb-1">Risk Assessment</div>
181
+ <div class="flex items-center space-x-2">
182
+ <div class="w-full bg-slate-600 rounded-full h-2">
183
+ <div class="bg-yellow-500 h-2 rounded-full" style="width: 45%"></div>
184
+ </div>
185
+ <span class="text-xs font-medium">Moderate</span>
186
+ </div>
187
+ <div class="text-xs text-slate-400 mt-1">Acceptable risk level</div>
188
+ </div>
189
+ </div>
190
+
191
+ <div id="ai-decision" class="border border-blue-900/50 bg-blue-900/20 rounded-lg p-3">
192
+ <div class="flex justify-between items-center mb-2">
193
+ <div class="font-medium text-blue-400">
194
+ <i class="fas fa-lightbulb mr-2"></i> AI Trading Decision
195
+ </div>
196
+ <div class="text-xs text-blue-300">Confidence: 78%</div>
197
+ </div>
198
+ <div class="text-sm">
199
+ <p class="mb-2">Based on current market analysis and historical patterns, the AI recommends:</p>
200
+ <div class="flex items-center justify-between bg-slate-800/50 p-2 rounded">
201
+ <div>
202
+ <span class="font-medium">EUR/USD</span>
203
+ <span class="text-xs text-slate-400 ml-2">Daily timeframe</span>
204
+ </div>
205
+ <button id="execute-ai-trade" class="bg-green-600 hover:bg-green-700 px-3 py-1 rounded text-xs font-medium">
206
+ <i class="fas fa-arrow-up mr-1"></i> BUY @ 1.09460
207
+ </button>
208
+ </div>
209
+ <div class="text-xs text-slate-400 mt-2">
210
+ <i class="fas fa-info-circle mr-1"></i> Suggested TP: 1.10200 | SL: 1.08900
211
+ </div>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ </div>
216
+ </div>
217
+
218
+ <!-- Sidebar -->
219
+ <div class="space-y-4">
220
+ <!-- Account Summary -->
221
+ <div class="bg-slate-800 p-4 rounded-lg">
222
+ <h3 class="font-medium mb-3">Account Summary</h3>
223
+ <div id="account-summary" class="space-y-3">
224
+ <div class="text-center py-8 text-slate-500">
225
+ <i class="fas fa-unlink text-2xl mb-2"></i>
226
+ <p>Account not connected</p>
227
+ </div>
228
+ </div>
229
+ </div>
230
+
231
+ <!-- Trading Panel -->
232
+ <div class="bg-slate-800 p-4 rounded-lg">
233
+ <h3 class="font-medium mb-3">Trading Panel</h3>
234
+ <div class="space-y-3">
235
+ <div class="grid grid-cols-2 gap-2">
236
+ <button class="bg-green-600 hover:bg-green-700 py-2 rounded-lg font-medium">
237
+ <i class="fas fa-arrow-up mr-1"></i> Buy
238
+ </button>
239
+ <button class="bg-red-600 hover:bg-red-700 py-2 rounded-lg font-medium">
240
+ <i class="fas fa-arrow-down mr-1"></i> Sell
241
+ </button>
242
+ </div>
243
+ <div>
244
+ <label class="block text-sm text-slate-400 mb-1">Lot Size</label>
245
+ <div class="relative">
246
+ <input type="number" value="0.1" step="0.1" min="0.1" max="10" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-3 py-2">
247
+ <div class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
248
+ <span class="text-slate-400">LOT</span>
249
+ </div>
250
+ </div>
251
+ </div>
252
+ <div class="grid grid-cols-2 gap-2">
253
+ <div>
254
+ <label class="block text-sm text-slate-400 mb-1">Take Profit</label>
255
+ <input type="number" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-3 py-2" placeholder="Pips">
256
+ </div>
257
+ <div>
258
+ <label class="block text-sm text-slate-400 mb-1">Stop Loss</label>
259
+ <input type="number" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-3 py-2" placeholder="Pips">
260
+ </div>
261
+ </div>
262
+ <div class="pt-2 mt-2 border-t border-slate-700">
263
+ <div class="flex justify-between text-sm">
264
+ <span>Spread:</span>
265
+ <span>1.2 pips</span>
266
+ </div>
267
+ <div class="flex justify-between text-sm">
268
+ <span>Swap Long:</span>
269
+ <span>-0.75</span>
270
+ </div>
271
+ <div class="flex justify-between text-sm">
272
+ <span>Swap Short:</span>
273
+ <span>-0.25</span>
274
+ </div>
275
+ </div>
276
+ </div>
277
+ </div>
278
+
279
+ <!-- Bot Controls -->
280
+ <div class="bg-slate-800 p-4 rounded-lg">
281
+ <h3 class="font-medium mb-3">Bot Controls</h3>
282
+ <div class="space-y-3">
283
+ <div class="flex items-center justify-between">
284
+ <span class="text-sm">Trading Mode:</span>
285
+ <div class="relative">
286
+ <select id="trading-mode" class="bg-slate-700 border border-slate-600 text-slate-200 rounded-lg px-3 py-1 text-sm appearance-none pr-8">
287
+ <option value="manual">Manual</option>
288
+ <option value="ai-assisted">AI-Assisted</option>
289
+ <option value="full-auto">Full Auto</option>
290
+ </select>
291
+ <i class="fas fa-chevron-down absolute right-3 top-2 text-xs text-slate-400 pointer-events-none"></i>
292
+ </div>
293
+ </div>
294
+ <div class="flex items-center justify-between">
295
+ <span class="text-sm">Risk Level:</span>
296
+ <div class="w-24 bg-slate-700 rounded-full h-2">
297
+ <div class="bg-green-500 h-2 rounded-full" style="width: 60%"></div>
298
+ </div>
299
+ <span class="text-sm">Medium</span>
300
+ </div>
301
+ <div class="pt-2 mt-2 border-t border-slate-700">
302
+ <div class="grid grid-cols-2 gap-2">
303
+ <button id="start-bot" class="bg-blue-600 hover:bg-blue-700 py-2 rounded-lg font-medium text-sm">
304
+ <i class="fas fa-play mr-1"></i> Start
305
+ </button>
306
+ <button class="bg-slate-700 hover:bg-slate-600 py-2 rounded-lg font-medium text-sm">
307
+ <i class="fas fa-pause mr-1"></i> Pause
308
+ </button>
309
+ </div>
310
+ </div>
311
+ </div>
312
+ </div>
313
+ </div>
314
+ </div>
315
+
316
+ <!-- Open Positions & History -->
317
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6">
318
+ <!-- Open Positions -->
319
+ <div class="bg-slate-800 p-4 rounded-lg">
320
+ <div class="flex justify-between items-center mb-3">
321
+ <h3 class="font-medium">Open Positions (3)</h3>
322
+ <button class="text-blue-500 hover:text-blue-400 text-sm">
323
+ <i class="fas fa-sync-alt mr-1"></i> Refresh
324
+ </button>
325
+ </div>
326
+ <div class="overflow-x-auto">
327
+ <table class="w-full">
328
+ <thead>
329
+ <tr class="text-left text-sm text-slate-400 border-b border-slate-700">
330
+ <th class="pb-2">Symbol</th>
331
+ <th class="pb-2">Type</th>
332
+ <th class="pb-2">Volume</th>
333
+ <th class="pb-2">Open Price</th>
334
+ <th class="pb-2">Current</th>
335
+ <th class="pb-2">P/L</th>
336
+ <th class="pb-2">Actions</th>
337
+ </tr>
338
+ </thead>
339
+ <tbody class="divide-y divide-slate-700">
340
+ <tr>
341
+ <td class="py-2">EUR/USD</td>
342
+ <td><span class="bg-green-600/20 text-green-500 px-2 py-0.5 rounded text-xs">BUY</span></td>
343
+ <td>0.5</td>
344
+ <td>1.09245</td>
345
+ <td>1.09472</td>
346
+ <td class="trade-profit">+$113.50</td>
347
+ <td>
348
+ <button class="text-red-500 hover:text-red-400 text-sm">
349
+ <i class="fas fa-times"></i> Close
350
+ </button>
351
+ </td>
352
+ </tr>
353
+ <tr>
354
+ <td class="py-2">GBP/USD</td>
355
+ <td><span class="bg-red-600/20 text-red-500 px-2 py-0.5 rounded text-xs">SELL</span></td>
356
+ <td>0.3</td>
357
+ <td>1.27410</td>
358
+ <td>1.27315</td>
359
+ <td class="trade-profit">+$28.50</td>
360
+ <td>
361
+ <button class="text-red-500 hover:text-red-400 text-sm">
362
+ <i class="fas fa-times"></i> Close
363
+ </button>
364
+ </td>
365
+ </tr>
366
+ <tr>
367
+ <td class="py-2">USD/JPY</td>
368
+ <td><span class="bg-green-600/20 text-green-500 px-2 py-0.5 rounded text-xs">BUY</span></td>
369
+ <td>0.2</td>
370
+ <td>143.872</td>
371
+ <td>143.745</td>
372
+ <td class="trade-loss">-$17.80</td>
373
+ <td>
374
+ <button class="text-red-500 hover:text-red-400 text-sm">
375
+ <i class="fas fa-times"></i> Close
376
+ </button>
377
+ </td>
378
+ </tr>
379
+ </tbody>
380
+ </table>
381
+ </div>
382
+ </div>
383
+
384
+ <!-- Trading History -->
385
+ <div class="bg-slate-800 p-4 rounded-lg">
386
+ <div class="flex justify-between items-center mb-3">
387
+ <h3 class="font-medium">Trading History</h3>
388
+ <div class="flex space-x-2">
389
+ <button class="text-blue-500 hover:text-blue-400 text-sm">
390
+ <i class="fas fa-sync-alt mr-1"></i> Refresh
391
+ </button>
392
+ <button class="text-blue-500 hover:text-blue-400 text-sm">
393
+ <i class="fas fa-download mr-1"></i> Export
394
+ </button>
395
+ </div>
396
+ </div>
397
+ <div class="overflow-x-auto">
398
+ <table class="w-full">
399
+ <thead>
400
+ <tr class="text-left text-sm text-slate-400 border-b border-slate-700">
401
+ <th class="pb-2">Time</th>
402
+ <th class="pb-2">Symbol</th>
403
+ <th class="pb-2">Type</th>
404
+ <th class="pb-2">Volume</th>
405
+ <th class="pb-2">Open</th>
406
+ <th class="pb-2">Close</th>
407
+ <th class="pb-2">P/L</th>
408
+ </tr>
409
+ </thead>
410
+ <tbody class="divide-y divide-slate-700 text-sm">
411
+ <tr>
412
+ <td class="py-2">10:23:45</td>
413
+ <td>EUR/USD</td>
414
+ <td><span class="bg-green-600/20 text-green-500 px-2 py-0.5 rounded text-xs">BUY</span></td>
415
+ <td>0.2</td>
416
+ <td>1.09120</td>
417
+ <td>1.09280</td>
418
+ <td class="trade-profit">+$32.00</td>
419
+ </tr>
420
+ <tr>
421
+ <td class="py-2">09:45:12</td>
422
+ <td>USD/JPY</td>
423
+ <td><span class="bg-red-600/20 text-red-500 px-2 py-0.5 rounded text-xs">SELL</span></td>
424
+ <td>0.3</td>
425
+ <td>143.950</td>
426
+ <td>143.820</td>
427
+ <td class="trade-profit">+$39.00</td>
428
+ </tr>
429
+ <tr>
430
+ <td class="py-2">Yesterday</td>
431
+ <td>GBP/USD</td>
432
+ <td><span class="bg-red-600/20 text-red-500 px-2 py-0.5 rounded text-xs">SELL</span></td>
433
+ <td>0.4</td>
434
+ <td>1.27650</td>
435
+ <td>1.27820</td>
436
+ <td class="trade-loss">-$68.00</td>
437
+ </tr>
438
+ <tr>
439
+ <td class="py-2">Yesterday</td>
440
+ <td>AUD/USD</td>
441
+ <td><span class="bg-green-600/20 text-green-500 px-2 py-0.5 rounded text-xs">BUY</span></td>
442
+ <td>0.5</td>
443
+ <td>0.66120</td>
444
+ <td>0.66280</td>
445
+ <td class="trade-profit">+$80.00</td>
446
+ </tr>
447
+ </tbody>
448
+ </table>
449
+ </div>
450
+ </div>
451
+ </div>
452
+
453
+ <!-- Footer -->
454
+ <footer class="mt-8 pt-6 border-t border-slate-800 text-center text-sm text-slate-500">
455
+ <p>FX Quantum Bot v2.4.1 - AI-Powered Trading Platform</p>
456
+ <p class="mt-1">Real trading involves risk. Past performance is not indicative of future results.</p>
457
+ </footer>
458
+ </div>
459
+
460
+ <!-- Connection Modal -->
461
+ <div id="connection-modal" class="fixed inset-0 z-50 flex items-center justify-center modal-overlay hidden">
462
+ <div class="bg-slate-800 rounded-lg shadow-xl w-full max-w-md mx-4">
463
+ <div class="p-6">
464
+ <div class="flex justify-between items-center mb-4">
465
+ <h3 class="text-lg font-medium">Connect Trading Account</h3>
466
+ <button id="close-modal" class="text-slate-400 hover:text-slate-200">
467
+ <i class="fas fa-times"></i>
468
+ </button>
469
+ </div>
470
+
471
+ <div class="space-y-4">
472
+ <div>
473
+ <label class="block text-sm text-slate-400 mb-1">Broker</label>
474
+ <select id="broker-select" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-3 py-2">
475
+ <option>MetaTrader 4 (MT4)</option>
476
+ <option>MetaTrader 5 (MT5)</option>
477
+ <option>cTrader</option>
478
+ <option>NinjaTrader</option>
479
+ <option>Interactive Brokers</option>
480
+ </select>
481
+ </div>
482
+
483
+ <div>
484
+ <label class="block text-sm text-slate-400 mb-1">Account ID</label>
485
+ <input type="text" id="account-id" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-3 py-2" placeholder="12345678">
486
+ </div>
487
+
488
+ <div>
489
+ <label class="block text-sm text-slate-400 mb-1">Server</label>
490
+ <input type="text" id="server" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-3 py-2" placeholder="BrokerServer">
491
+ </div>
492
+
493
+ <div>
494
+ <label class="block text-sm text-slate-400 mb-1">Password</label>
495
+ <input type="password" id="password" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-3 py-2" placeholder="••••••••">
496
+ </div>
497
+
498
+ <div class="pt-2">
499
+ <button id="connect-account" class="w-full bg-blue-600 hover:bg-blue-700 py-2 rounded-lg font-medium">
500
+ <i class="fas fa-plug mr-2"></i> Connect Account
501
+ </button>
502
+ </div>
503
+ </div>
504
+ </div>
505
+ </div>
506
+ </div>
507
+
508
+ <script>
509
+ // Trading account connection
510
+ document.addEventListener('DOMContentLoaded', function() {
511
+ const connectBtn = document.getElementById('connect-btn');
512
+ const connectionModal = document.getElementById('connection-modal');
513
+ const closeModal = document.getElementById('close-modal');
514
+ const connectAccountBtn = document.getElementById('connect-account');
515
+ const connectionStatus = document.getElementById('connection-status');
516
+ const accountSummary = document.getElementById('account-summary');
517
+ const startBotBtn = document.getElementById('start-bot');
518
+ const executeAiTradeBtn = document.getElementById('execute-ai-trade');
519
+ const tradingMode = document.getElementById('trading-mode');
520
+
521
+ // Show connection modal
522
+ connectBtn.addEventListener('click', function() {
523
+ connectionModal.classList.remove('hidden');
524
+ });
525
+
526
+ // Hide connection modal
527
+ closeModal.addEventListener('click', function() {
528
+ connectionModal.classList.add('hidden');
529
+ });
530
+
531
+ // Simulate account connection
532
+ connectAccountBtn.addEventListener('click', function() {
533
+ const broker = document.getElementById('broker-select').value;
534
+ const accountId = document.getElementById('account-id').value;
535
+ const server = document.getElementById('server').value;
536
+
537
+ if (!accountId || !server) {
538
+ alert('Please enter all required fields');
539
+ return;
540
+ }
541
+
542
+ // Show loading state
543
+ connectAccountBtn.innerHTML = '<i class="fas fa-circle-notch fa-spin mr-2"></i> Connecting...';
544
+ connectAccountBtn.disabled = true;
545
+
546
+ // Simulate API connection
547
+ setTimeout(function() {
548
+ connectionModal.classList.add('hidden');
549
+
550
+ // Update connection status
551
+ connectionStatus.innerHTML = `
552
+ <div class="h-2 w-2 rounded-full bg-green-500 animate-pulse"></div>
553
+ <span class="text-sm">Connected to ${broker}</span>
554
+ `;
555
+
556
+ // Update account summary
557
+ accountSummary.innerHTML = `
558
+ <div class="space-y-3">
559
+ <div class="flex justify-between">
560
+ <span class="text-slate-400">Balance:</span>
561
+ <span class="font-medium">$10,250.00</span>
562
+ </div>
563
+ <div class="flex justify-between">
564
+ <span class="text-slate-400">Equity:</span>
565
+ <span class="font-medium">$10,487.32</span>
566
+ </div>
567
+ <div class="flex justify-between">
568
+ <span class="text-slate-400">Margin:</span>
569
+ <span class="font-medium">$1,245.75</span>
570
+ </div>
571
+ <div class="flex justify-between">
572
+ <span class="text-slate-400">Free Margin:</span>
573
+ <span class="font-medium">$9,241.57</span>
574
+ </div>
575
+ <div class="flex justify-between">
576
+ <span class="text-slate-400">Margin Level:</span>
577
+ <span class="font-medium text-green-500">842%</span>
578
+ </div>
579
+ <div class="pt-2 mt-2 border-t border-slate-700">
580
+ <div class="flex justify-between font-bold">
581
+ <span>Profit:</span>
582
+ <span class="text-green-500">+$237.32</span>
583
+ </div>
584
+ </div>
585
+ </div>
586
+ `;
587
+
588
+ // Enable bot controls
589
+ startBotBtn.disabled = false;
590
+
591
+ // Reset connect button
592
+ connectAccountBtn.innerHTML = '<i class="fas fa-plug mr-2"></i> Connect Account';
593
+ connectAccountBtn.disabled = false;
594
+
595
+ // Show success notification
596
+ showNotification('success', 'Account connected successfully!');
597
+ }, 2000);
598
+ });
599
+
600
+ // AI trade execution
601
+ executeAiTradeBtn.addEventListener('click', function() {
602
+ if (tradingMode.value === 'manual') {
603
+ showNotification('warning', 'Switch to AI-Assisted or Full Auto mode to execute AI trades');
604
+ return;
605
+ }
606
+
607
+ const symbol = document.getElementById('symbol-select').value;
608
+
609
+ executeAiTradeBtn.innerHTML = '<i class="fas fa-circle-notch fa-spin mr-1"></i> Executing...';
610
+
611
+ // Simulate trade execution
612
+ setTimeout(function() {
613
+ executeAiTradeBtn.innerHTML = '<i class="fas fa-check mr-1"></i> Executed';
614
+ showNotification('success', `AI trade executed: BUY ${symbol} 0.2 lots @ 1.09460`);
615
+
616
+ // Reset button after delay
617
+ setTimeout(() => {
618
+ executeAiTradeBtn.innerHTML = '<i class="fas fa-arrow-up mr-1"></i> BUY @ 1.09460';
619
+ }, 2000);
620
+ }, 1500);
621
+ });
622
+
623
+ // Start bot
624
+ startBotBtn.addEventListener('click', function() {
625
+ const mode = tradingMode.value;
626
+
627
+ if (mode === 'full-auto') {
628
+ startBotBtn.innerHTML = '<i class="fas fa-circle-notch fa-spin mr-1"></i> Starting...';
629
+
630
+ setTimeout(() => {
631
+ startBotBtn.innerHTML = '<i class="fas fa-robot mr-1"></i> AI Running';
632
+ startBotBtn.classList.remove('bg-blue-600', 'hover:bg-blue-700');
633
+ startBotBtn.classList.add('bg-green-600', 'hover:bg-green-700');
634
+ showNotification('success', 'AI trading bot started in full auto mode');
635
+
636
+ // Simulate AI trade decisions
637
+ setInterval(() => {
638
+ simulateAiDecision();
639
+ }, 30000);
640
+ }, 2000);
641
+ } else {
642
+ startBotBtn.innerHTML = '<i class="fas fa-play mr-1"></i> Started';
643
+ showNotification('info', 'Trading bot started in ' + (mode === 'ai-assisted' ? 'AI-assisted' : 'manual') + ' mode');
644
+ }
645
+ });
646
+
647
+ // Helper function to show notifications
648
+ function showNotification(type, message) {
649
+ const notification = document.createElement('div');
650
+ notification.className = `fixed bottom-4 right-4 px-4 py-2 rounded-lg shadow-lg flex items-center ${
651
+ type === 'success' ? 'bg-green-600 text-white' :
652
+ type === 'warning' ? 'bg-yellow-600 text-white' :
653
+ 'bg-blue-600 text-white'
654
+ }`;
655
+ notification.innerHTML = `
656
+ <i class="fas ${
657
+ type === 'success' ? 'fa-check-circle' :
658
+ type === 'warning' ? 'fa-exclamation-triangle' :
659
+ 'fa-info-circle'
660
+ } mr-2"></i>
661
+ <span>${message}</span>
662
+ `;
663
+ document.body.appendChild(notification);
664
+ setTimeout(() => notification.remove(), 5000);
665
+ }
666
+
667
+ // Simulate AI making trading decisions
668
+ function simulateAiDecision() {
669
+ const symbols = ['EUR/USD', 'GBP/USD', 'USD/JPY', 'AUD/USD', 'USD/CAD'];
670
+ const randomSymbol = symbols[Math.floor(Math.random() * symbols.length)];
671
+ const decision = Math.random() > 0.4 ? 'BUY' : 'SELL';
672
+ const price = (Math.random() * 0.01 + 1.09).toFixed(5);
673
+ const confidence = Math.floor(Math.random() * 30 + 70);
674
+
675
+ const aiDecision = document.getElementById('ai-decision');
676
+ aiDecision.innerHTML = `
677
+ <div class="flex justify-between items-center mb-2">
678
+ <div class="font-medium text-blue-400">
679
+ <i class="fas fa-lightbulb mr-2"></i> AI Trading Decision
680
+ </div>
681
+ <div class="text-xs text-blue-300">Confidence: ${confidence}%</div>
682
+ </div>
683
+ <div class="text-sm">
684
+ <p class="mb-2">Based on current market analysis and historical patterns, the AI recommends:</p>
685
+ <div class="flex items-center justify-between bg-slate-800/50 p-2 rounded">
686
+ <div>
687
+ <span class="font-medium">${randomSymbol}</span>
688
+ <span class="text-xs text-slate-400 ml-2">Daily timeframe</span>
689
+ </div>
690
+ <button id="execute-ai-trade" class="${
691
+ decision === 'BUY' ? 'bg-green-600 hover:bg-green-700' : 'bg-red-600 hover:bg-red-700'
692
+ } px-3 py-1 rounded text-xs font-medium">
693
+ <i class="fas ${decision === 'BUY' ? 'fa-arrow-up' : 'fa-arrow-down'} mr-1"></i> ${decision} @ ${price}
694
+ </button>
695
+ </div>
696
+ <div class="text-xs text-slate-400 mt-2">
697
+ <i class="fas fa-info-circle mr-1"></i> Suggested TP: ${(parseFloat(price) + (decision === 'BUY' ? 0.007 : -0.007)).toFixed(5)} | SL: ${(parseFloat(price) + (decision === 'BUY' ? -0.005 : 0.005)).toFixed(5)}
698
+ </div>
699
+ </div>
700
+ `;
701
+
702
+ // Re-attach event listener to new button
703
+ document.getElementById('execute-ai-trade').addEventListener('click', executeAiTradeBtn.onclick);
704
+
705
+ // Show notification
706
+ showNotification('info', `New AI trading signal: ${decision} ${randomSymbol}`);
707
+ }
708
+
709
+ // Initial AI decision simulation
710
+ setTimeout(simulateAiDecision, 5000);
711
+ });
712
+ </script>
713
+ <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=Kigozi/faded" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
714
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ I want in it an ai that makes trading decisions and aplace where ti connect my account to