Hugging Face's logo

Spaces:
Kigozi
/
fahad
Running

App Files Community
Kigozi commited on
Commit
26afbec
·
verified ·
1 Parent(s): ad16296

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +622 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Fahad
3
- emoji: 🏃
4
- colorFrom: indigo
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: fahad
3
+ emoji: 🐳
4
+ colorFrom: purple
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,622 @@
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 - Advanced 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
+ </style>
48
+ </head>
49
+ <body class="bg-slate-900 text-slate-200">
50
+ <div class="container mx-auto px-4 py-6">
51
+ <!-- Header -->
52
+ <header class="flex justify-between items-center mb-8">
53
+ <div class="flex items-center space-x-2">
54
+ <i class="fas fa-robot text-blue-500 text-2xl"></i>
55
+ <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>
56
+ </div>
57
+ <div class="flex items-center space-x-4">
58
+ <div class="flex items-center space-x-2 bg-slate-800 px-3 py-1 rounded-full">
59
+ <div class="h-2 w-2 rounded-full bg-green-500 animate-pulse"></div>
60
+ <span class="text-sm">Connected</span>
61
+ </div>
62
+ <button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-lg text-sm font-medium transition-colors">
63
+ <i class="fas fa-cog mr-1"></i> Settings
64
+ </button>
65
+ </div>
66
+ </header>
67
+
68
+ <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
69
+ <!-- Main Chart Area -->
70
+ <div class="lg:col-span-3 space-y-4">
71
+ <!-- Chart Controls -->
72
+ <div class="flex justify-between items-center bg-slate-800 p-3 rounded-lg">
73
+ <div class="flex space-x-2">
74
+ <div class="relative">
75
+ <select class="bg-slate-700 border border-slate-600 text-slate-200 rounded-lg px-3 py-1 appearance-none pr-8">
76
+ <option>EUR/USD</option>
77
+ <option>GBP/USD</option>
78
+ <option>USD/JPY</option>
79
+ <option>AUD/USD</option>
80
+ <option>USD/CAD</option>
81
+ <option>Gold</option>
82
+ <option>BTC/USD</option>
83
+ </select>
84
+ <i class="fas fa-chevron-down absolute right-3 top-2 text-xs text-slate-400 pointer-events-none"></i>
85
+ </div>
86
+ <div class="flex bg-slate-700 rounded-lg divide-x divide-slate-600">
87
+ <button class="px-3 py-1 hover:bg-slate-600">1m</button>
88
+ <button class="px-3 py-1 hover:bg-slate-600">5m</button>
89
+ <button class="px-3 py-1 hover:bg-slate-600">15m</button>
90
+ <button class="px-3 py-1 hover:bg-slate-600">1H</button>
91
+ <button class="px-3 py-1 hover:bg-slate-600">4H</button>
92
+ <button class="px-3 py-1 bg-blue-600">D</button>
93
+ </div>
94
+ </div>
95
+ <div class="flex space-x-2">
96
+ <button class="p-2 hover:bg-slate-700 rounded-lg">
97
+ <i class="fas fa-chart-line"></i>
98
+ </button>
99
+ <button class="p-2 hover:bg-slate-700 rounded-lg">
100
+ <i class="fas fa-chart-candlestick"></i>
101
+ </button>
102
+ <button class="p-2 hover:bg-slate-700 rounded-lg">
103
+ <i class="fas fa-chart-area"></i>
104
+ </button>
105
+ <button class="p-2 hover:bg-slate-700 rounded-lg">
106
+ <i class="fas fa-ruler"></i>
107
+ </button>
108
+ </div>
109
+ </div>
110
+
111
+ <!-- Chart Placeholder -->
112
+ <div class="chart-container relative">
113
+ <div class="absolute inset-0 flex items-center justify-center">
114
+ <div class="text-center">
115
+ <i class="fas fa-chart-line text-5xl text-slate-700 mb-2"></i>
116
+ <p class="text-slate-500">Live price chart would appear here</p>
117
+ </div>
118
+ </div>
119
+ </div>
120
+
121
+ <!-- Indicators -->
122
+ <div class="bg-slate-800 p-4 rounded-lg">
123
+ <h3 class="font-medium mb-3">Technical Indicators</h3>
124
+ <div class="flex flex-wrap gap-2">
125
+ <button class="px-3 py-1 bg-slate-700 hover:bg-slate-600 rounded-lg text-sm indicator-active">RSI</button>
126
+ <button class="px-3 py-1 bg-slate-700 hover:bg-slate-600 rounded-lg text-sm">MACD</button>
127
+ <button class="px-3 py-1 bg-slate-700 hover:bg-slate-600 rounded-lg text-sm">Bollinger</button>
128
+ <button class="px-3 py-1 bg-slate-700 hover:bg-slate-600 rounded-lg text-sm">Stochastic</button>
129
+ <button class="px-3 py-1 bg-slate-700 hover:bg-slate-600 rounded-lg text-sm">EMA</button>
130
+ <button class="px-3 py-1 bg-slate-700 hover:bg-slate-600 rounded-lg text-sm">SMA</button>
131
+ <button class="px-3 py-1 bg-slate-700 hover:bg-slate-600 rounded-lg text-sm">Volume</button>
132
+ <button class="px-3 py-1 bg-blue-600 hover:bg-blue-700 rounded-lg text-sm">
133
+ <i class="fas fa-plus mr-1"></i> Add
134
+ </button>
135
+ </div>
136
+ <div class="mt-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
137
+ <div class="bg-slate-700 p-3 rounded-lg">
138
+ <div class="flex justify-between items-center mb-2">
139
+ <span class="font-medium">RSI (14)</span>
140
+ <div class="flex space-x-2">
141
+ <button class="text-slate-400 hover:text-slate-200"><i class="fas fa-cog"></i></button>
142
+ <button class="text-red-500 hover:text-red-400"><i class="fas fa-times"></i></button>
143
+ </div>
144
+ </div>
145
+ <div class="space-y-2">
146
+ <div class="flex justify-between text-sm">
147
+ <span>Period:</span>
148
+ <span>14</span>
149
+ </div>
150
+ <div class="flex justify-between text-sm">
151
+ <span>Overbought:</span>
152
+ <span>70</span>
153
+ </div>
154
+ <div class="flex justify-between text-sm">
155
+ <span>Oversold:</span>
156
+ <span>30</span>
157
+ </div>
158
+ <div class="flex justify-between text-sm">
159
+ <span>Current:</span>
160
+ <span class="text-yellow-500">54.23</span>
161
+ </div>
162
+ </div>
163
+ </div>
164
+ <!-- More indicators would go here -->
165
+ </div>
166
+ </div>
167
+ </div>
168
+
169
+ <!-- Sidebar -->
170
+ <div class="space-y-4">
171
+ <!-- Account Summary -->
172
+ <div class="bg-slate-800 p-4 rounded-lg">
173
+ <h3 class="font-medium mb-3">Account Summary</h3>
174
+ <div class="space-y-3">
175
+ <div class="flex justify-between">
176
+ <span class="text-slate-400">Balance:</span>
177
+ <span class="font-medium">$10,250.00</span>
178
+ </div>
179
+ <div class="flex justify-between">
180
+ <span class="text-slate-400">Equity:</span>
181
+ <span class="font-medium">$10,487.32</span>
182
+ </div>
183
+ <div class="flex justify-between">
184
+ <span class="text-slate-400">Margin:</span>
185
+ <span class="font-medium">$1,245.75</span>
186
+ </div>
187
+ <div class="flex justify-between">
188
+ <span class="text-slate-400">Free Margin:</span>
189
+ <span class="font-medium">$9,241.57</span>
190
+ </div>
191
+ <div class="flex justify-between">
192
+ <span class="text-slate-400">Margin Level:</span>
193
+ <span class="font-medium text-green-500">842%</span>
194
+ </div>
195
+ <div class="pt-2 mt-2 border-t border-slate-700">
196
+ <div class="flex justify-between font-bold">
197
+ <span>Profit:</span>
198
+ <span class="text-green-500">+$237.32</span>
199
+ </div>
200
+ </div>
201
+ </div>
202
+ </div>
203
+
204
+ <!-- Trading Panel -->
205
+ <div class="bg-slate-800 p-4 rounded-lg">
206
+ <h3 class="font-medium mb-3">Trading Panel</h3>
207
+ <div class="space-y-3">
208
+ <div class="grid grid-cols-2 gap-2">
209
+ <button class="bg-green-600 hover:bg-green-700 py-2 rounded-lg font-medium">
210
+ <i class="fas fa-arrow-up mr-1"></i> Buy
211
+ </button>
212
+ <button class="bg-red-600 hover:bg-red-700 py-2 rounded-lg font-medium">
213
+ <i class="fas fa-arrow-down mr-1"></i> Sell
214
+ </button>
215
+ </div>
216
+ <div>
217
+ <label class="block text-sm text-slate-400 mb-1">Lot Size</label>
218
+ <div class="relative">
219
+ <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">
220
+ <div class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
221
+ <span class="text-slate-400">LOT</span>
222
+ </div>
223
+ </div>
224
+ </div>
225
+ <div class="grid grid-cols-2 gap-2">
226
+ <div>
227
+ <label class="block text-sm text-slate-400 mb-1">Take Profit</label>
228
+ <input type="number" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-3 py-2" placeholder="Pips">
229
+ </div>
230
+ <div>
231
+ <label class="block text-sm text-slate-400 mb-1">Stop Loss</label>
232
+ <input type="number" class="w-full bg-slate-700 border border-slate-600 rounded-lg px-3 py-2" placeholder="Pips">
233
+ </div>
234
+ </div>
235
+ <div class="pt-2 mt-2 border-t border-slate-700">
236
+ <div class="flex justify-between text-sm">
237
+ <span>Spread:</span>
238
+ <span>1.2 pips</span>
239
+ </div>
240
+ <div class="flex justify-between text-sm">
241
+ <span>Swap Long:</span>
242
+ <span>-0.75</span>
243
+ </div>
244
+ <div class="flex justify-between text-sm">
245
+ <span>Swap Short:</span>
246
+ <span>-0.25</span>
247
+ </div>
248
+ </div>
249
+ </div>
250
+ </div>
251
+
252
+ <!-- Bot Controls -->
253
+ <div class="bg-slate-800 p-4 rounded-lg">
254
+ <h3 class="font-medium mb-3">Bot Controls</h3>
255
+ <div class="space-y-3">
256
+ <div class="flex items-center justify-between">
257
+ <span class="text-sm">Trading Strategy:</span>
258
+ <div class="relative">
259
+ <select class="bg-slate-700 border border-slate-600 text-slate-200 rounded-lg px-3 py-1 text-sm appearance-none pr-8">
260
+ <option>Trend Following</option>
261
+ <option>Mean Reversion</option>
262
+ <option>Breakout</option>
263
+ <option>Scalping</option>
264
+ <option>Custom</option>
265
+ </select>
266
+ <i class="fas fa-chevron-down absolute right-3 top-2 text-xs text-slate-400 pointer-events-none"></i>
267
+ </div>
268
+ </div>
269
+ <div class="flex items-center justify-between">
270
+ <span class="text-sm">Risk Level:</span>
271
+ <div class="w-24 bg-slate-700 rounded-full h-2">
272
+ <div class="bg-green-500 h-2 rounded-full" style="width: 60%"></div>
273
+ </div>
274
+ <span class="text-sm">Medium</span>
275
+ </div>
276
+ <div class="pt-2 mt-2 border-t border-slate-700">
277
+ <div class="grid grid-cols-2 gap-2">
278
+ <button class="bg-blue-600 hover:bg-blue-700 py-2 rounded-lg font-medium text-sm">
279
+ <i class="fas fa-play mr-1"></i> Start
280
+ </button>
281
+ <button class="bg-slate-700 hover:bg-slate-600 py-2 rounded-lg font-medium text-sm">
282
+ <i class="fas fa-pause mr-1"></i> Pause
283
+ </button>
284
+ </div>
285
+ </div>
286
+ </div>
287
+ </div>
288
+ </div>
289
+ </div>
290
+
291
+ <!-- Open Positions & History -->
292
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6">
293
+ <!-- Open Positions -->
294
+ <div class="bg-slate-800 p-4 rounded-lg">
295
+ <div class="flex justify-between items-center mb-3">
296
+ <h3 class="font-medium">Open Positions (3)</h3>
297
+ <button class="text-blue-500 hover:text-blue-400 text-sm">
298
+ <i class="fas fa-sync-alt mr-1"></i> Refresh
299
+ </button>
300
+ </div>
301
+ <div class="overflow-x-auto">
302
+ <table class="w-full">
303
+ <thead>
304
+ <tr class="text-left text-sm text-slate-400 border-b border-slate-700">
305
+ <th class="pb-2">Symbol</th>
306
+ <th class="pb-2">Type</th>
307
+ <th class="pb-2">Volume</th>
308
+ <th class="pb-2">Open Price</th>
309
+ <th class="pb-2">Current</th>
310
+ <th class="pb-2">P/L</th>
311
+ <th class="pb-2">Actions</th>
312
+ </tr>
313
+ </thead>
314
+ <tbody class="divide-y divide-slate-700">
315
+ <tr>
316
+ <td class="py-2">EUR/USD</td>
317
+ <td><span class="bg-green-600/20 text-green-500 px-2 py-0.5 rounded text-xs">BUY</span></td>
318
+ <td>0.5</td>
319
+ <td>1.09245</td>
320
+ <td>1.09472</td>
321
+ <td class="trade-profit">+$113.50</td>
322
+ <td>
323
+ <button class="text-red-500 hover:text-red-400 text-sm">
324
+ <i class="fas fa-times"></i> Close
325
+ </button>
326
+ </td>
327
+ </tr>
328
+ <tr>
329
+ <td class="py-2">GBP/USD</td>
330
+ <td><span class="bg-red-600/20 text-red-500 px-2 py-0.5 rounded text-xs">SELL</span></td>
331
+ <td>0.3</td>
332
+ <td>1.27410</td>
333
+ <td>1.27315</td>
334
+ <td class="trade-profit">+$28.50</td>
335
+ <td>
336
+ <button class="text-red-500 hover:text-red-400 text-sm">
337
+ <i class="fas fa-times"></i> Close
338
+ </button>
339
+ </td>
340
+ </tr>
341
+ <tr>
342
+ <td class="py-2">USD/JPY</td>
343
+ <td><span class="bg-green-600/20 text-green-500 px-2 py-0.5 rounded text-xs">BUY</span></td>
344
+ <td>0.2</td>
345
+ <td>143.872</td>
346
+ <td>143.745</td>
347
+ <td class="trade-loss">-$17.80</td>
348
+ <td>
349
+ <button class="text-red-500 hover:text-red-400 text-sm">
350
+ <i class="fas fa-times"></i> Close
351
+ </button>
352
+ </td>
353
+ </tr>
354
+ </tbody>
355
+ </table>
356
+ </div>
357
+ </div>
358
+
359
+ <!-- Trading History -->
360
+ <div class="bg-slate-800 p-4 rounded-lg">
361
+ <div class="flex justify-between items-center mb-3">
362
+ <h3 class="font-medium">Trading History</h3>
363
+ <div class="flex space-x-2">
364
+ <button class="text-blue-500 hover:text-blue-400 text-sm">
365
+ <i class="fas fa-sync-alt mr-1"></i> Refresh
366
+ </button>
367
+ <button class="text-blue-500 hover:text-blue-400 text-sm">
368
+ <i class="fas fa-download mr-1"></i> Export
369
+ </button>
370
+ </div>
371
+ </div>
372
+ <div class="overflow-x-auto">
373
+ <table class="w-full">
374
+ <thead>
375
+ <tr class="text-left text-sm text-slate-400 border-b border-slate-700">
376
+ <th class="pb-2">Time</th>
377
+ <th class="pb-2">Symbol</th>
378
+ <th class="pb-2">Type</th>
379
+ <th class="pb-2">Volume</th>
380
+ <th class="pb-2">Open</th>
381
+ <th class="pb-2">Close</th>
382
+ <th class="pb-2">P/L</th>
383
+ </tr>
384
+ </thead>
385
+ <tbody class="divide-y divide-slate-700 text-sm">
386
+ <tr>
387
+ <td class="py-2">10:23:45</td>
388
+ <td>EUR/USD</td>
389
+ <td><span class="bg-green-600/20 text-green-500 px-2 py-0.5 rounded text-xs">BUY</span></td>
390
+ <td>0.2</td>
391
+ <td>1.09120</td>
392
+ <td>1.09280</td>
393
+ <td class="trade-profit">+$32.00</td>
394
+ </tr>
395
+ <tr>
396
+ <td class="py-2">09:45:12</td>
397
+ <td>USD/JPY</td>
398
+ <td><span class="bg-red-600/20 text-red-500 px-2 py-0.5 rounded text-xs">SELL</span></td>
399
+ <td>0.3</td>
400
+ <td>143.950</td>
401
+ <td>143.820</td>
402
+ <td class="trade-profit">+$39.00</td>
403
+ </tr>
404
+ <tr>
405
+ <td class="py-2">Yesterday</td>
406
+ <td>GBP/USD</td>
407
+ <td><span class="bg-red-600/20 text-red-500 px-2 py-0.5 rounded text-xs">SELL</span></td>
408
+ <td>0.4</td>
409
+ <td>1.27650</td>
410
+ <td>1.27820</td>
411
+ <td class="trade-loss">-$68.00</td>
412
+ </tr>
413
+ <tr>
414
+ <td class="py-2">Yesterday</td>
415
+ <td>AUD/USD</td>
416
+ <td><span class="bg-green-600/20 text-green-500 px-2 py-0.5 rounded text-xs">BUY</span></td>
417
+ <td>0.5</td>
418
+ <td>0.66120</td>
419
+ <td>0.66280</td>
420
+ <td class="trade-profit">+$80.00</td>
421
+ </tr>
422
+ </tbody>
423
+ </table>
424
+ </div>
425
+ </div>
426
+ </div>
427
+
428
+ <!-- Order Book & Market Data -->
429
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mt-6">
430
+ <!-- Order Book -->
431
+ <div class="bg-slate-800 p-4 rounded-lg">
432
+ <h3 class="font-medium mb-3">Order Book - EUR/USD</h3>
433
+ <div class="flex justify-between text-xs text-slate-400 mb-1">
434
+ <span>Price</span>
435
+ <span>Volume</span>
436
+ </div>
437
+ <div class="order-book max-h-60 overflow-y-auto">
438
+ <div class="space-y-1">
439
+ <!-- Sell orders (red) -->
440
+ <div class="text-right">
441
+ <div class="bg-red-900/30 text-red-400 text-sm py-0.5" style="width: 70%">1.09485</div>
442
+ <span class="text-xs">0.5</span>
443
+ </div>
444
+ <div class="text-right">
445
+ <div class="bg-red-900/30 text-red-400 text-sm py-0.5" style="width: 65%">1.09480</div>
446
+ <span class="text-xs">1.2</span>
447
+ </div>
448
+ <div class="text-right">
449
+ <div class="bg-red-900/30 text-red-400 text-sm py-0.5" style="width: 60%">1.09475</div>
450
+ <span class="text-xs">0.8</span>
451
+ </div>
452
+ <div class="text-right">
453
+ <div class="bg-red-900/30 text-red-400 text-sm py-0.5" style="width: 55%">1.09470</div>
454
+ <span class="text-xs">1.5</span>
455
+ </div>
456
+ <div class="text-right">
457
+ <div class="bg-red-900/30 text-red-400 text-sm py-0.5" style="width: 50%">1.09465</div>
458
+ <span class="text-xs">0.7</span>
459
+ </div>
460
+
461
+ <!-- Current price -->
462
+ <div class="text-center py-1 border-y border-slate-700 my-1">
463
+ <span class="font-medium">1.09460</span>
464
+ <span class="text-xs text-slate-400 ml-2">Spread: 1.2</span>
465
+ </div>
466
+
467
+ <!-- Buy orders (green) -->
468
+ <div class="text-left">
469
+ <div class="bg-green-900/30 text-green-400 text-sm py-0.5 ml-auto" style="width: 45%">1.09455</div>
470
+ <span class="text-xs">0.9</span>
471
+ </div>
472
+ <div class="text-left">
473
+ <div class="bg-green-900/30 text-green-400 text-sm py-0.5 ml-auto" style="width: 40%">1.09450</div>
474
+ <span class="text-xs">1.1</span>
475
+ </div>
476
+ <div class="text-left">
477
+ <div class="bg-green-900/30 text-green-400 text-sm py-0.5 ml-auto" style="width: 35%">1.09445</div>
478
+ <span class="text-xs">0.6</span>
479
+ </div>
480
+ <div class="text-left">
481
+ <div class="bg-green-900/30 text-green-400 text-sm py-0.5 ml-auto" style="width: 30%">1.09440</div>
482
+ <span class="text-xs">1.3</span>
483
+ </div>
484
+ <div class="text-left">
485
+ <div class="bg-green-900/30 text-green-400 text-sm py-0.5 ml-auto" style="width: 25%">1.09435</div>
486
+ <span class="text-xs">0.8</span>
487
+ </div>
488
+ </div>
489
+ </div>
490
+ </div>
491
+
492
+ <!-- Market News -->
493
+ <div class="bg-slate-800 p-4 rounded-lg">
494
+ <h3 class="font-medium mb-3">Market News</h3>
495
+ <div class="space-y-4">
496
+ <div class="border-b border-slate-700 pb-3">
497
+ <div class="flex justify-between items-start mb-1">
498
+ <span class="text-sm font-medium">ECB Holds Rates Steady</span>
499
+ <span class="text-xs text-slate-400">2h ago</span>
500
+ </div>
501
+ <p class="text-sm text-slate-400">The European Central Bank kept interest rates unchanged as expected, with President Lagarde signaling...</p>
502
+ </div>
503
+ <div class="border-b border-slate-700 pb-3">
504
+ <div class="flex justify-between items-start mb-1">
505
+ <span class="text-sm font-medium">US NFP Data Tomorrow</span>
506
+ <span class="text-xs text-slate-400">5h ago</span>
507
+ </div>
508
+ <p class="text-sm text-slate-400">Markets await US Non-Farm Payrolls data expected to show 180K jobs added in June. Unemployment rate...</p>
509
+ </div>
510
+ <div class="border-b border-slate-700 pb-3">
511
+ <div class="flex justify-between items-start mb-1">
512
+ <span class="text-sm font-medium">Oil Prices Surge</span>
513
+ <span class="text-xs text-slate-400">8h ago</span>
514
+ </div>
515
+ <p class="text-sm text-slate-400">Crude oil prices jumped 3% after EIA reported larger-than-expected draw in US crude inventories...</p>
516
+ </div>
517
+ <button class="text-blue-500 hover:text-blue-400 text-sm w-full text-center mt-2">
518
+ <i class="fas fa-plus mr-1"></i> Load More
519
+ </button>
520
+ </div>
521
+ </div>
522
+
523
+ <!-- Performance Metrics -->
524
+ <div class="bg-slate-800 p-4 rounded-lg">
525
+ <h3 class="font-medium mb-3">Bot Performance</h3>
526
+ <div class="grid grid-cols-2 gap-4">
527
+ <div class="bg-slate-700 p-3 rounded-lg">
528
+ <div class="text-sm text-slate-400 mb-1">Win Rate</div>
529
+ <div class="text-2xl font-bold text-green-500">72%</div>
530
+ <div class="text-xs text-slate-400 mt-1">Last 30 trades</div>
531
+ </div>
532
+ <div class="bg-slate-700 p-3 rounded-lg">
533
+ <div class="text-sm text-slate-400 mb-1">Profit Factor</div>
534
+ <div class="text-2xl font-bold text-green-500">2.1</div>
535
+ <div class="text-xs text-slate-400 mt-1">Gross Profit/Loss</div>
536
+ </div>
537
+ <div class="bg-slate-700 p-3 rounded-lg">
538
+ <div class="text-sm text-slate-400 mb-1">Avg. Win</div>
539
+ <div class="text-2xl font-bold text-green-500">$84.50</div>
540
+ <div class="text-xs text-slate-400 mt-1">Per trade</div>
541
+ </div>
542
+ <div class="bg-slate-700 p-3 rounded-lg">
543
+ <div class="text-sm text-slate-400 mb-1">Avg. Loss</div>
544
+ <div class="text-2xl font-bold text-red-500">$52.30</div>
545
+ <div class="text-xs text-slate-400 mt-1">Per trade</div>
546
+ </div>
547
+ </div>
548
+ <div class="mt-4 bg-slate-700 p-3 rounded-lg">
549
+ <div class="flex justify-between items-center mb-2">
550
+ <div class="text-sm text-slate-400">Monthly Profit</div>
551
+ <div class="text-sm font-bold text-green-500">+$1,284.75</div>
552
+ </div>
553
+ <div class="h-2 bg-slate-600 rounded-full overflow-hidden">
554
+ <div class="h-full bg-gradient-to-r from-green-500 to-blue-500" style="width: 75%"></div>
555
+ </div>
556
+ <div class="flex justify-between text-xs text-slate-400 mt-1">
557
+ <span>Jun 1</span>
558
+ <span>Jun 30</span>
559
+ </div>
560
+ </div>
561
+ </div>
562
+ </div>
563
+
564
+ <!-- Footer -->
565
+ <footer class="mt-8 pt-6 border-t border-slate-800 text-center text-sm text-slate-500">
566
+ <p>FX Quantum Bot v2.4.1 - For demonstration purposes only</p>
567
+ <p class="mt-1">Real trading involves risk. Past performance is not indicative of future results.</p>
568
+ </footer>
569
+ </div>
570
+
571
+ <script>
572
+ // Simple interactive elements
573
+ document.addEventListener('DOMContentLoaded', function() {
574
+ // Toggle indicator buttons
575
+ const indicatorButtons = document.querySelectorAll('.bg-slate-700.hover\\:bg-slate-600.rounded-lg.text-sm');
576
+ indicatorButtons.forEach(button => {
577
+ button.addEventListener('click', function() {
578
+ document.querySelector('.indicator-active')?.classList.remove('indicator-active');
579
+ this.classList.add('indicator-active');
580
+ });
581
+ });
582
+
583
+ // Simulate price updates
584
+ function updatePrice() {
585
+ const priceElements = document.querySelectorAll('[data-price]');
586
+ priceElements.forEach(el => {
587
+ const current = parseFloat(el.textContent);
588
+ const change = (Math.random() - 0.5) * 0.0005;
589
+ const newPrice = current + change;
590
+ el.textContent = newPrice.toFixed(5);
591
+
592
+ // Add visual feedback for price changes
593
+ if (change > 0) {
594
+ el.classList.add('text-green-500');
595
+ el.classList.remove('text-red-500');
596
+ setTimeout(() => el.classList.remove('text-green-500'), 500);
597
+ } else if (change < 0) {
598
+ el.classList.add('text-red-500');
599
+ el.classList.remove('text-green-500');
600
+ setTimeout(() => el.classList.remove('text-red-500'), 500);
601
+ }
602
+ });
603
+ }
604
+
605
+ // Update prices every second
606
+ setInterval(updatePrice, 1000);
607
+
608
+ // Simulate new trade notification
609
+ setTimeout(() => {
610
+ const notification = document.createElement('div');
611
+ notification.className = 'fixed bottom-4 right-4 bg-blue-600 text-white px-4 py-2 rounded-lg shadow-lg flex items-center';
612
+ notification.innerHTML = `
613
+ <i class="fas fa-bell mr-2"></i>
614
+ <span>New trade: BUY EUR/USD 0.2 lots at 1.09480</span>
615
+ `;
616
+ document.body.appendChild(notification);
617
+ setTimeout(() => notification.remove(), 5000);
618
+ }, 3000);
619
+ });
620
+ </script>
621
+ <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/fahad" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
622
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Write a code for a forex trading bot