Hugging Face's logo

Spaces:
cu3126
/
crypto-gaurdian
Running

App Files Community
cu3126 commited on
Commit
7a00e80
·
verified ·
1 Parent(s): fa9609a

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +500 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Crypto Gaurdian
3
- emoji: 🐨
4
- colorFrom: blue
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: crypto-gaurdian
3
+ emoji: 🐳
4
+ colorFrom: green
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,500 @@
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>Crypto Risk Mitigation Trading Bot</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
+ <style>
11
+ .gradient-bg {
12
+ background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
13
+ }
14
+ .card-hover:hover {
15
+ transform: translateY(-5px);
16
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
17
+ }
18
+ .risk-indicator {
19
+ transition: all 0.3s ease;
20
+ }
21
+ .slider-thumb::-webkit-slider-thumb {
22
+ -webkit-appearance: none;
23
+ appearance: none;
24
+ width: 20px;
25
+ height: 20px;
26
+ border-radius: 50%;
27
+ background: #3b82f6;
28
+ cursor: pointer;
29
+ }
30
+ .slider-thumb::-moz-range-thumb {
31
+ width: 20px;
32
+ height: 20px;
33
+ border-radius: 50%;
34
+ background: #3b82f6;
35
+ cursor: pointer;
36
+ }
37
+ </style>
38
+ </head>
39
+ <body class="bg-gray-100 font-sans">
40
+ <div class="min-h-screen flex flex-col">
41
+ <!-- Header -->
42
+ <header class="gradient-bg text-white shadow-lg">
43
+ <div class="container mx-auto px-4 py-6">
44
+ <div class="flex justify-between items-center">
45
+ <div class="flex items-center space-x-4">
46
+ <i class="fas fa-robot text-3xl text-blue-300"></i>
47
+ <h1 class="text-2xl font-bold">CryptoGuardian</h1>
48
+ </div>
49
+ <div class="flex items-center space-x-6">
50
+ <div class="relative">
51
+ <select class="bg-blue-800 text-white px-4 py-2 rounded-lg focus:outline-none">
52
+ <option>Binance</option>
53
+ <option>Coinbase</option>
54
+ <option>Kraken</option>
55
+ <option>FTX</option>
56
+ </select>
57
+ </div>
58
+ <button class="bg-green-500 hover:bg-green-600 px-4 py-2 rounded-lg font-medium transition">
59
+ <i class="fas fa-wallet mr-2"></i>Connect Wallet
60
+ </button>
61
+ </div>
62
+ </div>
63
+ </div>
64
+ </header>
65
+
66
+ <!-- Main Content -->
67
+ <main class="flex-grow container mx-auto px-4 py-8">
68
+ <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
69
+ <!-- Left Sidebar -->
70
+ <div class="lg:col-span-1 space-y-6">
71
+ <!-- Bot Status -->
72
+ <div class="bg-white rounded-xl shadow-md p-6 transition duration-300 card-hover">
73
+ <div class="flex justify-between items-center mb-4">
74
+ <h2 class="text-lg font-semibold">Bot Status</h2>
75
+ <div class="relative">
76
+ <label class="inline-flex items-center cursor-pointer">
77
+ <input type="checkbox" class="sr-only peer" checked>
78
+ <div class="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-green-500"></div>
79
+ </label>
80
+ </div>
81
+ </div>
82
+ <div class="space-y-4">
83
+ <div class="flex justify-between">
84
+ <span class="text-gray-600">Running Time:</span>
85
+ <span class="font-medium">12h 34m</span>
86
+ </div>
87
+ <div class="flex justify-between">
88
+ <span class="text-gray-600">Trades Today:</span>
89
+ <span class="font-medium">27</span>
90
+ </div>
91
+ <div class="flex justify-between">
92
+ <span class="text-gray-600">Profit/Loss:</span>
93
+ <span class="font-medium text-green-500">+2.34%</span>
94
+ </div>
95
+ </div>
96
+ </div>
97
+
98
+ <!-- Risk Profile -->
99
+ <div class="bg-white rounded-xl shadow-md p-6 transition duration-300 card-hover">
100
+ <h2 class="text-lg font-semibold mb-4">Risk Profile</h2>
101
+ <div class="mb-4">
102
+ <div class="flex justify-between mb-2">
103
+ <span class="text-gray-600">Current Risk Level</span>
104
+ <span class="font-medium">Medium</span>
105
+ </div>
106
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
107
+ <div class="bg-yellow-500 h-2.5 rounded-full" style="width: 60%"></div>
108
+ </div>
109
+ </div>
110
+ <div class="space-y-4">
111
+ <div>
112
+ <label class="block text-sm font-medium text-gray-700 mb-1">Max Position Size (%)</label>
113
+ <input type="range" min="1" max="100" value="15" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-thumb">
114
+ <div class="flex justify-between text-xs text-gray-500">
115
+ <span>1%</span>
116
+ <span>15%</span>
117
+ <span>100%</span>
118
+ </div>
119
+ </div>
120
+ <div>
121
+ <label class="block text-sm font-medium text-gray-700 mb-1">Daily Loss Limit (%)</label>
122
+ <input type="range" min="1" max="20" value="5" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-thumb">
123
+ <div class="flex justify-between text-xs text-gray-500">
124
+ <span>1%</span>
125
+ <span>5%</span>
126
+ <span>20%</span>
127
+ </div>
128
+ </div>
129
+ <div>
130
+ <label class="block text-sm font-medium text-gray-700 mb-1">Volatility Threshold</label>
131
+ <input type="range" min="1" max="10" value="6" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-thumb">
132
+ <div class="flex justify-between text-xs text-gray-500">
133
+ <span>Low</span>
134
+ <span>Medium</span>
135
+ <span>High</span>
136
+ </div>
137
+ </div>
138
+ </div>
139
+ </div>
140
+
141
+ <!-- Quick Actions -->
142
+ <div class="bg-white rounded-xl shadow-md p-6 transition duration-300 card-hover">
143
+ <h2 class="text-lg font-semibold mb-4">Quick Actions</h2>
144
+ <div class="grid grid-cols-2 gap-3">
145
+ <button class="bg-blue-100 text-blue-700 hover:bg-blue-200 px-3 py-2 rounded-lg text-sm font-medium transition flex items-center justify-center">
146
+ <i class="fas fa-pause mr-2"></i> Pause
147
+ </button>
148
+ <button class="bg-red-100 text-red-700 hover:bg-red-200 px-3 py-2 rounded-lg text-sm font-medium transition flex items-center justify-center">
149
+ <i class="fas fa-stop mr-2"></i> Stop
150
+ </button>
151
+ <button class="bg-green-100 text-green-700 hover:bg-green-200 px-3 py-2 rounded-lg text-sm font-medium transition flex items-center justify-center">
152
+ <i class="fas fa-sync-alt mr-2"></i> Reset
153
+ </button>
154
+ <button class="bg-purple-100 text-purple-700 hover:bg-purple-200 px-3 py-2 rounded-lg text-sm font-medium transition flex items-center justify-center">
155
+ <i class="fas fa-cog mr-2"></i> Settings
156
+ </button>
157
+ </div>
158
+ </div>
159
+ </div>
160
+
161
+ <!-- Main Dashboard -->
162
+ <div class="lg:col-span-3 space-y-6">
163
+ <!-- Market Overview -->
164
+ <div class="bg-white rounded-xl shadow-md p-6 transition duration-300 card-hover">
165
+ <h2 class="text-lg font-semibold mb-4">Market Overview</h2>
166
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
167
+ <div class="bg-gray-50 p-4 rounded-lg">
168
+ <div class="flex items-center justify-between">
169
+ <span class="text-gray-600">BTC/USDT</span>
170
+ <i class="fab fa-bitcoin text-yellow-500"></i>
171
+ </div>
172
+ <div class="mt-2">
173
+ <span class="text-xl font-bold">$42,876.34</span>
174
+ <span class="ml-2 text-sm text-green-500">+2.4%</span>
175
+ </div>
176
+ </div>
177
+ <div class="bg-gray-50 p-4 rounded-lg">
178
+ <div class="flex items-center justify-between">
179
+ <span class="text-gray-600">ETH/USDT</span>
180
+ <i class="fab fa-ethereum text-purple-500"></i>
181
+ </div>
182
+ <div class="mt-2">
183
+ <span class="text-xl font-bold">$2,345.67</span>
184
+ <span class="ml-2 text-sm text-red-500">-1.2%</span>
185
+ </div>
186
+ </div>
187
+ <div class="bg-gray-50 p-4 rounded-lg">
188
+ <div class="flex items-center justify-between">
189
+ <span class="text-gray-600">SOL/USDT</span>
190
+ <i class="fas fa-chart-line text-blue-500"></i>
191
+ </div>
192
+ <div class="mt-2">
193
+ <span class="text-xl font-bold">$123.45</span>
194
+ <span class="ml-2 text-sm text-green-500">+5.7%</span>
195
+ </div>
196
+ </div>
197
+ <div class="bg-gray-50 p-4 rounded-lg">
198
+ <div class="flex items center justify-between">
199
+ <span class="text-gray-600">Total Balance</span>
200
+ <i class="fas fa-coins text-yellow-400"></i>
201
+ </div>
202
+ <div class="mt-2">
203
+ <span class="text-xl font-bold">$12,456.78</span>
204
+ <span class="ml-2 text-sm text-green-500">+3.1%</span>
205
+ </div>
206
+ </div>
207
+ </div>
208
+ </div>
209
+
210
+ <!-- Charts -->
211
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
212
+ <div class="bg-white rounded-xl shadow-md p-6 transition duration-300 card-hover">
213
+ <div class="flex justify-between items-center mb-4">
214
+ <h2 class="text-lg font-semibold">Portfolio Performance</h2>
215
+ <select class="bg-gray-100 text-gray-700 px-3 py-1 rounded-lg text-sm focus:outline-none">
216
+ <option>24h</option>
217
+ <option>7d</option>
218
+ <option>30d</option>
219
+ <option selected>90d</option>
220
+ </select>
221
+ </div>
222
+ <canvas id="performanceChart" height="250"></canvas>
223
+ </div>
224
+ <div class="bg-white rounded-xl shadow-md p-6 transition duration-300 card-hover">
225
+ <div class="flex justify-between items-center mb-4">
226
+ <h2 class="text-lg font-semibold">Risk Exposure</h2>
227
+ <div class="flex space-x-2">
228
+ <button class="bg-blue-100 text-blue-700 px-3 py-1 rounded-lg text-sm">Assets</button>
229
+ <button class="bg-gray-100 text-gray-700 px-3 py-1 rounded-lg text-sm">Sectors</button>
230
+ </div>
231
+ </div>
232
+ <canvas id="riskChart" height="250"></canvas>
233
+ </div>
234
+ </div>
235
+
236
+ <!-- Active Trades -->
237
+ <div class="bg-white rounded-xl shadow-md p-6 transition duration-300 card-hover">
238
+ <div class="flex justify-between items-center mb-4">
239
+ <h2 class="text-lg font-semibold">Active Trades</h2>
240
+ <button class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg text-sm font-medium transition">
241
+ <i class="fas fa-plus mr-2"></i> New Trade
242
+ </button>
243
+ </div>
244
+ <div class="overflow-x-auto">
245
+ <table class="min-w-full divide-y divide-gray-200">
246
+ <thead class="bg-gray-50">
247
+ <tr>
248
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Pair</th>
249
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Type</th>
250
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Entry</th>
251
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Current</th>
252
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Size</th>
253
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">P/L</th>
254
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
255
+ </tr>
256
+ </thead>
257
+ <tbody class="bg-white divide-y divide-gray-200">
258
+ <tr>
259
+ <td class="px-6 py-4 whitespace-nowrap">
260
+ <div class="flex items-center">
261
+ <div class="flex-shrink-0 h-10 w-10">
262
+ <img class="h-10 w-10 rounded-full" src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" alt="">
263
+ </div>
264
+ <div class="ml-4">
265
+ <div class="text-sm font-medium text-gray-900">BTC/USDT</div>
266
+ <div class="text-sm text-gray-500">Binance</div>
267
+ </div>
268
+ </div>
269
+ </td>
270
+ <td class="px-6 py-4 whitespace-nowrap">
271
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Long</span>
272
+ </td>
273
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">$41,234.56</td>
274
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">$42,876.34</td>
275
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">15%</td>
276
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-green-600">+3.98%</td>
277
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
278
+ <button class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-chart-line"></i></button>
279
+ <button class="text-red-600 hover:text-red-900"><i class="fas fa-times"></i></button>
280
+ </td>
281
+ </tr>
282
+ <tr>
283
+ <td class="px-6 py-4 whitespace-nowrap">
284
+ <div class="flex items-center">
285
+ <div class="flex-shrink-0 h-10 w-10">
286
+ <img class="h-10 w-10 rounded-full" src="https://cryptologos.cc/logos/ethereum-eth-logo.png" alt="">
287
+ </div>
288
+ <div class="ml-4">
289
+ <div class="text-sm font-medium text-gray-900">ETH/USDT</div>
290
+ <div class="text-sm text-gray-500">Binance</div>
291
+ </div>
292
+ </div>
293
+ </td>
294
+ <td class="px-6 py-4 whitespace-nowrap">
295
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">Short</span>
296
+ </td>
297
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">$2,456.78</td>
298
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">$2,345.67</td>
299
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">8%</td>
300
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-green-600">+4.52%</td>
301
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
302
+ <button class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-chart-line"></i></button>
303
+ <button class="text-red-600 hover:text-red-900"><i class="fas fa-times"></i></button>
304
+ </td>
305
+ </tr>
306
+ <tr>
307
+ <td class="px-6 py-4 whitespace-nowrap">
308
+ <div class="flex items-center">
309
+ <div class="flex-shrink-0 h-10 w-10">
310
+ <img class="h-10 w-10 rounded-full" src="https://cryptologos.cc/logos/solana-sol-logo.png" alt="">
311
+ </div>
312
+ <div class="ml-4">
313
+ <div class="text-sm font-medium text-gray-900">SOL/USDT</div>
314
+ <div class="text-sm text-gray-500">Binance</div>
315
+ </div>
316
+ </div>
317
+ </td>
318
+ <td class="px-6 py-4 whitespace-nowrap">
319
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Long</span>
320
+ </td>
321
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">$118.76</td>
322
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">$123.45</td>
323
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">5%</td>
324
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-green-600">+3.95%</td>
325
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
326
+ <button class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-chart-line"></i></button>
327
+ <button class="text-red-600 hover:text-red-900"><i class="fas fa-times"></i></button>
328
+ </td>
329
+ </tr>
330
+ </tbody>
331
+ </table>
332
+ </div>
333
+ </div>
334
+
335
+ <!-- Risk Alerts -->
336
+ <div class="bg-white rounded-xl shadow-md p-6 transition duration-300 card-hover">
337
+ <div class="flex justify-between items-center mb-4">
338
+ <h2 class="text-lg font-semibold">Risk Alerts</h2>
339
+ <span class="bg-red-500 text-white text-xs px-2 py-1 rounded-full">3 New</span>
340
+ </div>
341
+ <div class="space-y-3">
342
+ <div class="flex items-start p-3 bg-red-50 rounded-lg">
343
+ <div class="flex-shrink-0 mt-1">
344
+ <div class="flex items-center justify-center h-6 w-6 rounded-full bg-red-100 text-red-600">
345
+ <i class="fas fa-exclamation text-sm"></i>
346
+ </div>
347
+ </div>
348
+ <div class="ml-3">
349
+ <p class="text-sm font-medium text-red-800">High volatility detected in BTC/USDT</p>
350
+ <p class="text-sm text-red-600">Price moved 5.2% in last 15 minutes</p>
351
+ </div>
352
+ </div>
353
+ <div class="flex items-start p-3 bg-yellow-50 rounded-lg">
354
+ <div class="flex-shrink-0 mt-1">
355
+ <div class="flex items-center justify-center h-6 w-6 rounded-full bg-yellow-100 text-yellow-600">
356
+ <i class="fas fa-exclamation-triangle text-sm"></i>
357
+ </div>
358
+ </div>
359
+ <div class="ml-3">
360
+ <p class="text-sm font-medium text-yellow-800">Approaching daily loss limit</p>
361
+ <p class="text-sm text-yellow-600">Current daily loss: 3.8% (limit: 5%)</p>
362
+ </div>
363
+ </div>
364
+ <div class="flex items-start p-3 bg-blue-50 rounded-lg">
365
+ <div class="flex-shrink-0 mt-1">
366
+ <div class="flex items-center justify-center h-6 w-6 rounded-full bg-blue-100 text-blue-600">
367
+ <i class="fas fa-info-circle text-sm"></i>
368
+ </div>
369
+ </div>
370
+ <div class="ml-3">
371
+ <p class="text-sm font-medium text-blue-800">Liquidity warning for SOL/USDT</p>
372
+ <p class="text-sm text-blue-600">Order book depth decreased by 40%</p>
373
+ </div>
374
+ </div>
375
+ </div>
376
+ </div>
377
+ </div>
378
+ </div>
379
+ </main>
380
+
381
+ <!-- Footer -->
382
+ <footer class="bg-gray-800 text-white py-6">
383
+ <div class="container mx-auto px-4">
384
+ <div class="flex flex-col md:flex-row justify-between items-center">
385
+ <div class="mb-4 md:mb-0">
386
+ <p class="text-sm">© 2023 CryptoGuardian. All rights reserved.</p>
387
+ </div>
388
+ <div class="flex space-x-6">
389
+ <a href="#" class="text-gray-300 hover:text-white transition">
390
+ <i class="fab fa-twitter"></i>
391
+ </a>
392
+ <a href="#" class="text-gray-300 hover:text-white transition">
393
+ <i class="fab fa-discord"></i>
394
+ </a>
395
+ <a href="#" class="text-gray-300 hover:text-white transition">
396
+ <i class="fab fa-github"></i>
397
+ </a>
398
+ <a href="#" class="text-gray-300 hover:text-white transition">
399
+ <i class="fas fa-book"></i>
400
+ </a>
401
+ </div>
402
+ </div>
403
+ </div>
404
+ </footer>
405
+ </div>
406
+
407
+ <script>
408
+ // Initialize charts
409
+ document.addEventListener('DOMContentLoaded', function() {
410
+ // Performance Chart
411
+ const performanceCtx = document.getElementById('performanceChart').getContext('2d');
412
+ const performanceChart = new Chart(performanceCtx, {
413
+ type: 'line',
414
+ data: {
415
+ labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
416
+ datasets: [{
417
+ label: 'Portfolio Value',
418
+ data: [10000, 10500, 11000, 11500, 12000, 11800, 12500, 13000, 12800, 13200, 13500, 14000],
419
+ borderColor: '#3b82f6',
420
+ backgroundColor: 'rgba(59, 130, 246, 0.05)',
421
+ borderWidth: 2,
422
+ fill: true,
423
+ tension: 0.4
424
+ }]
425
+ },
426
+ options: {
427
+ responsive: true,
428
+ plugins: {
429
+ legend: {
430
+ display: false
431
+ },
432
+ tooltip: {
433
+ mode: 'index',
434
+ intersect: false
435
+ }
436
+ },
437
+ scales: {
438
+ y: {
439
+ beginAtZero: false
440
+ }
441
+ }
442
+ }
443
+ });
444
+
445
+ // Risk Chart
446
+ const riskCtx = document.getElementById('riskChart').getContext('2d');
447
+ const riskChart = new Chart(riskCtx, {
448
+ type: 'doughnut',
449
+ data: {
450
+ labels: ['Bitcoin', 'Ethereum', 'Solana', 'Cash'],
451
+ datasets: [{
452
+ data: [45, 30, 15, 10],
453
+ backgroundColor: [
454
+ '#f7931a',
455
+ '#627eea',
456
+ '#00ffbd',
457
+ '#9ca3af'
458
+ ],
459
+ borderWidth: 0
460
+ }]
461
+ },
462
+ options: {
463
+ responsive: true,
464
+ plugins: {
465
+ legend: {
466
+ position: 'right'
467
+ }
468
+ },
469
+ cutout: '70%'
470
+ }
471
+ });
472
+
473
+ // Simulate real-time updates
474
+ setInterval(() => {
475
+ // Update performance chart with random walk
476
+ const lastValue = performanceChart.data.datasets[0].data[performanceChart.data.datasets[0].data.length - 1];
477
+ const newValue = lastValue * (1 + (Math.random() * 0.02 - 0.01));
478
+ performanceChart.data.datasets[0].data.push(newValue);
479
+ performanceChart.data.labels.push('');
480
+ if (performanceChart.data.datasets[0].data.length > 15) {
481
+ performanceChart.data.datasets[0].data.shift();
482
+ performanceChart.data.labels.shift();
483
+ }
484
+ performanceChart.update();
485
+
486
+ // Update risk chart slightly
487
+ riskChart.data.datasets[0].data = riskChart.data.datasets[0].data.map(value => {
488
+ return value * (1 + (Math.random() * 0.01 - 0.005));
489
+ });
490
+ riskChart.update();
491
+ }, 3000);
492
+ });
493
+
494
+ // Toggle dark mode (example functionality)
495
+ function toggleDarkMode() {
496
+ document.body.classList.toggle('dark');
497
+ }
498
+ </script>
499
+ <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=cu3126/crypto-gaurdian" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
500
+ </html>
prompts.txt ADDED
File without changes