Hugging Face's logo

Spaces:
rajeshhugface
/
masra
Running

App Files Community
rajeshhugface commited on
Commit
9a983e9
·
verified ·
1 Parent(s): b0c46ce

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +557 -19
  3. prompts.txt +4 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Masra
3
- emoji: 📚
4
- colorFrom: red
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: masra
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,557 @@
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>MaSRA - Macro Sentiment Risk Adjuster</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
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 100%);
12
+ }
13
+ .dashboard-grid {
14
+ display: grid;
15
+ grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
16
+ gap: 1.5rem;
17
+ }
18
+ .news-card:hover {
19
+ transform: translateY(-5px);
20
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
21
+ }
22
+ .risk-indicator {
23
+ transition: all 0.3s ease;
24
+ }
25
+ .sector-chart {
26
+ height: 300px;
27
+ }
28
+ @keyframes pulse {
29
+ 0%, 100% {
30
+ opacity: 1;
31
+ }
32
+ 50% {
33
+ opacity: 0.5;
34
+ }
35
+ }
36
+ .animate-pulse {
37
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
38
+ }
39
+ </style>
40
+ </head>
41
+ <body class="bg-gray-50 font-sans">
42
+ <!-- Navigation -->
43
+ <nav class="gradient-bg text-white shadow-lg">
44
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
45
+ <div class="flex items-center space-x-2">
46
+ <i class="fas fa-chart-line text-2xl"></i>
47
+ <span class="text-xl font-bold">MaSRA</span>
48
+ <span class="text-sm opacity-80">Macro Sentiment Risk Adjuster</span>
49
+ </div>
50
+ <div class="hidden md:flex items-center space-x-6">
51
+ <a href="#" class="hover:text-blue-200 transition">Dashboard</a>
52
+ <a href="#" class="hover:text-blue-200 transition">Portfolio</a>
53
+ <a href="#" class="hover:text-blue-200 transition">Macro News</a>
54
+ <a href="#" class="hover:text-blue-200 transition">Risk Analysis</a>
55
+ <a href="#" class="hover:text-blue-200 transition">API</a>
56
+ </div>
57
+ <div class="flex items-center space-x-4">
58
+ <button class="bg-white text-blue-800 px-4 py-2 rounded-md font-medium hover:bg-blue-100 transition">
59
+ Sign In
60
+ </button>
61
+ <button class="md:hidden text-white">
62
+ <i class="fas fa-bars text-xl"></i>
63
+ </button>
64
+ </div>
65
+ </div>
66
+ </nav>
67
+
68
+ <!-- Main Content -->
69
+ <main class="container mx-auto px-4 py-8">
70
+ <!-- Dashboard Header -->
71
+ <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-8">
72
+ <div>
73
+ <h1 class="text-3xl font-bold text-gray-800">Portfolio Risk Dashboard</h1>
74
+ <p class="text-gray-600">Last updated: <span id="current-time" class="font-medium">Loading...</span></p>
75
+ </div>
76
+ <div class="mt-4 md:mt-0 flex space-x-3">
77
+ <div class="relative">
78
+ <select class="appearance-none bg-white border border-gray-300 rounded-md pl-4 pr-8 py-2 text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500">
79
+ <option>All Portfolios</option>
80
+ <option>Main Portfolio</option>
81
+ <option>Retirement</option>
82
+ <option>High Risk</option>
83
+ </select>
84
+ <div class="absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none">
85
+ <i class="fas fa-chevron-down text-gray-500"></i>
86
+ </div>
87
+ </div>
88
+ <button class="bg-blue-600 text-white px-4 py-2 rounded-md font-medium hover:bg-blue-700 transition flex items-center">
89
+ <i class="fas fa-sync-alt mr-2"></i> Refresh
90
+ </button>
91
+ </div>
92
+ </div>
93
+
94
+ <!-- Risk Overview Cards -->
95
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
96
+ <div class="bg-white rounded-lg shadow p-6 border-l-4 border-blue-500">
97
+ <div class="flex justify-between items-start">
98
+ <div>
99
+ <p class="text-gray-500">Overall Risk Score</p>
100
+ <h2 class="text-3xl font-bold text-gray-800 mt-2">6.8</h2>
101
+ <p class="text-sm text-gray-500 mt-1">Medium Risk</p>
102
+ </div>
103
+ <div class="bg-blue-100 text-blue-800 p-2 rounded-full">
104
+ <i class="fas fa-shield-alt"></i>
105
+ </div>
106
+ </div>
107
+ <div class="mt-4">
108
+ <div class="w-full bg-gray-200 rounded-full h-2">
109
+ <div class="bg-blue-600 h-2 rounded-full" style="width: 68%"></div>
110
+ </div>
111
+ </div>
112
+ </div>
113
+
114
+ <div class="bg-white rounded-lg shadow p-6 border-l-4 border-yellow-500">
115
+ <div class="flex justify-between items-start">
116
+ <div>
117
+ <p class="text-gray-500">Inflation Sensitivity</p>
118
+ <h2 class="text-3xl font-bold text-gray-800 mt-2">8.2</h2>
119
+ <p class="text-sm text-gray-500 mt-1">High Exposure</p>
120
+ </div>
121
+ <div class="bg-yellow-100 text-yellow-800 p-2 rounded-full">
122
+ <i class="fas fa-fire"></i>
123
+ </div>
124
+ </div>
125
+ <div class="mt-4">
126
+ <div class="w-full bg-gray-200 rounded-full h-2">
127
+ <div class="bg-yellow-500 h-2 rounded-full" style="width: 82%"></div>
128
+ </div>
129
+ </div>
130
+ </div>
131
+
132
+ <div class="bg-white rounded-lg shadow p-6 border-l-4 border-green-500">
133
+ <div class="flex justify-between items-start">
134
+ <div>
135
+ <p class="text-gray-500">Rate Hike Impact</p>
136
+ <h2 class="text-3xl font-bold text-gray-800 mt-2">4.5</h2>
137
+ <p class="text-sm text-gray-500 mt-1">Low Impact</p>
138
+ </div>
139
+ <div class="bg-green-100 text-green-800 p-2 rounded-full">
140
+ <i class="fas fa-chart-bar"></i>
141
+ </div>
142
+ </div>
143
+ <div class="mt-4">
144
+ <div class="w-full bg-gray-200 rounded-full h-2">
145
+ <div class="bg-green-500 h-2 rounded-full" style="width: 45%"></div>
146
+ </div>
147
+ </div>
148
+ </div>
149
+
150
+ <div class="bg-white rounded-lg shadow p-6 border-l-4 border-red-500">
151
+ <div class="flex justify-between items-start">
152
+ <div>
153
+ <p class="text-gray-500">Geopolitical Risk</p>
154
+ <h2 class="text-3xl font-bold text-gray-800 mt-2">7.1</h2>
155
+ <p class="text-sm text-gray-500 mt-1">Elevated</p>
156
+ </div>
157
+ <div class="bg-red-100 text-red-800 p-2 rounded-full">
158
+ <i class="fas fa-globe-europe"></i>
159
+ </div>
160
+ </div>
161
+ <div class="mt-4">
162
+ <div class="w-full bg-gray-200 rounded-full h-2">
163
+ <div class="bg-red-500 h-2 rounded-full" style="width: 71%"></div>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+
169
+ <!-- Main Dashboard Grid -->
170
+ <div class="dashboard-grid mb-8">
171
+ <!-- Macro News Feed -->
172
+ <div class="bg-white rounded-lg shadow overflow-hidden col-span-2">
173
+ <div class="border-b border-gray-200 px-6 py-4 flex justify-between items-center">
174
+ <h3 class="text-lg font-medium text-gray-900">Live Macro News Feed</h3>
175
+ <div class="flex items-center space-x-2">
176
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
177
+ <span class="w-2 h-2 mr-1 rounded-full bg-blue-500 animate-pulse"></span>
178
+ LIVE
179
+ </span>
180
+ <button class="text-gray-500 hover:text-gray-700">
181
+ <i class="fas fa-ellipsis-h"></i>
182
+ </button>
183
+ </div>
184
+ </div>
185
+ <div class="divide-y divide-gray-200 max-h-96 overflow-y-auto">
186
+ <!-- News Item 1 -->
187
+ <div class="news-card p-6 hover:bg-gray-50 transition cursor-pointer">
188
+ <div class="flex items-start">
189
+ <div class="flex-shrink-0">
190
+ <div class="flex items-center justify-center h-10 w-10 rounded-md bg-red-100 text-red-600">
191
+ <i class="fas fa-exclamation-triangle"></i>
192
+ </div>
193
+ </div>
194
+ <div class="ml-4 flex-1">
195
+ <div class="flex items-center justify-between">
196
+ <p class="text-sm font-medium text-red-600">High Impact</p>
197
+ <p class="text-sm text-gray-500">2 min ago</p>
198
+ </div>
199
+ <h4 class="mt-1 text-sm font-medium text-gray-900">Fed Signals More Aggressive Rate Hikes to Combat Inflation</h4>
200
+ <p class="mt-1 text-sm text-gray-500">Sentiment: <span class="font-medium text-red-600">Negative (-0.87)</span></p>
201
+ <div class="mt-2 flex flex-wrap gap-2">
202
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800">
203
+ Interest Rates
204
+ </span>
205
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800">
206
+ Monetary Policy
207
+ </span>
208
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">
209
+ Inflation
210
+ </span>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ </div>
215
+
216
+ <!-- News Item 2 -->
217
+ <div class="news-card p-6 hover:bg-gray-50 transition cursor-pointer">
218
+ <div class="flex items-start">
219
+ <div class="flex-shrink-0">
220
+ <div class="flex items-center justify-center h-10 w-10 rounded-md bg-yellow-100 text-yellow-600">
221
+ <i class="fas fa-chart-line"></i>
222
+ </div>
223
+ </div>
224
+ <div class="ml-4 flex-1">
225
+ <div class="flex items-center justify-between">
226
+ <p class="text-sm font-medium text-yellow-600">Medium Impact</p>
227
+ <p class="text-sm text-gray-500">15 min ago</p>
228
+ </div>
229
+ <h4 class="mt-1 text-sm font-medium text-gray-900">Eurozone Inflation Hits Record High of 8.9% in July</h4>
230
+ <p class="mt-1 text-sm text-gray-500">Sentiment: <span class="font-medium text-yellow-600">Neutral (-0.12)</span></p>
231
+ <div class="mt-2 flex flex-wrap gap-2">
232
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">
233
+ Inflation
234
+ </span>
235
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
236
+ Europe
237
+ </span>
238
+ </div>
239
+ </div>
240
+ </div>
241
+ </div>
242
+
243
+ <!-- News Item 3 -->
244
+ <div class="news-card p-6 hover:bg-gray-50 transition cursor-pointer">
245
+ <div class="flex items-start">
246
+ <div class="flex-shrink-0">
247
+ <div class="flex items-center justify-center h-10 w-10 rounded-md bg-green-100 text-green-600">
248
+ <i class="fas fa-check-circle"></i>
249
+ </div>
250
+ </div>
251
+ <div class="ml-4 flex-1">
252
+ <div class="flex items-center justify-between">
253
+ <p class="text-sm font-medium text-green-600">Low Impact</p>
254
+ <p class="text-sm text-gray-500">32 min ago</p>
255
+ </div>
256
+ <h4 class="mt-1 text-sm font-medium text-gray-900">US-China Trade Talks Show Positive Signs of Progress</h4>
257
+ <p class="mt-1 text-sm text-gray-500">Sentiment: <span class="font-medium text-green-600">Positive (0.65)</span></p>
258
+ <div class="mt-2 flex flex-wrap gap-2">
259
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800">
260
+ Trade
261
+ </span>
262
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800">
263
+ Geopolitics
264
+ </span>
265
+ </div>
266
+ </div>
267
+ </div>
268
+ </div>
269
+
270
+ <!-- News Item 4 -->
271
+ <div class="news-card p-6 hover:bg-gray-50 transition cursor-pointer">
272
+ <div class="flex items-start">
273
+ <div class="flex-shrink-0">
274
+ <div class="flex items-center justify-center h-10 w-10 rounded-md bg-red-100 text-red-600">
275
+ <i class="fas fa-exclamation-triangle"></i>
276
+ </div>
277
+ </div>
278
+ <div class="ml-4 flex-1">
279
+ <div class="flex items-center justify-between">
280
+ <p class="text-sm font-medium text-red-600">High Impact</p>
281
+ <p class="text-sm text-gray-500">1 hr ago</p>
282
+ </div>
283
+ <h4 class="mt-1 text-sm font-medium text-gray-900">Russia Cuts Gas Supplies to Europe, Energy Crisis Deepens</h4>
284
+ <p class="mt-1 text-sm text-gray-500">Sentiment: <span class="font-medium text-red-600">Negative (-0.92)</span></p>
285
+ <div class="mt-2 flex flex-wrap gap-2">
286
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800">
287
+ Energy
288
+ </span>
289
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800">
290
+ Geopolitics
291
+ </span>
292
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
293
+ Europe
294
+ </span>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ </div>
299
+ </div>
300
+ <div class="bg-gray-50 px-6 py-3 text-center">
301
+ <button class="text-blue-600 font-medium text-sm hover:text-blue-800 transition">
302
+ View All Macro News <i class="fas fa-arrow-right ml-1"></i>
303
+ </button>
304
+ </div>
305
+ </div>
306
+
307
+ <!-- Portfolio Risk Breakdown -->
308
+ <div class="bg-white rounded-lg shadow overflow-hidden">
309
+ <div class="border-b border-gray-200 px-6 py-4">
310
+ <h3 class="text-lg font-medium text-gray-900">Portfolio Risk Breakdown</h3>
311
+ </div>
312
+ <div class="p-6">
313
+ <div class="sector-chart">
314
+ <!-- This would be a chart in a real implementation -->
315
+ <div class="flex items-center justify-center h-full">
316
+ <div class="w-full">
317
+ <div class="flex items-center justify-between mb-2">
318
+ <span class="text-sm font-medium text-gray-700">Technology</span>
319
+ <span class="text-sm font-medium text-red-600">8.7</span>
320
+ </div>
321
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
322
+ <div class="bg-red-500 h-2.5 rounded-full" style="width: 87%"></div>
323
+ </div>
324
+
325
+ <div class="flex items-center justify-between mb-2 mt-4">
326
+ <span class="text-sm font-medium text-gray-700">Financials</span>
327
+ <span class="text-sm font-medium text-yellow-600">6.2</span>
328
+ </div>
329
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
330
+ <div class="bg-yellow-500 h-2.5 rounded-full" style="width: 62%"></div>
331
+ </div>
332
+
333
+ <div class="flex items-center justify-between mb-2 mt-4">
334
+ <span class="text-sm font-medium text-gray-700">Energy</span>
335
+ <span class="text-sm font-medium text-green-600">3.8</span>
336
+ </div>
337
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
338
+ <div class="bg-green-500 h-2.5 rounded-full" style="width: 38%"></div>
339
+ </div>
340
+
341
+ <div class="flex items-center justify-between mb-2 mt-4">
342
+ <span class="text-sm font-medium text-gray-700">Healthcare</span>
343
+ <span class="text-sm font-medium text-blue-600">5.1</span>
344
+ </div>
345
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
346
+ <div class="bg-blue-500 h-2.5 rounded-full" style="width: 51%"></div>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ </div>
351
+ <div class="mt-6">
352
+ <h4 class="text-sm font-medium text-gray-700 mb-3">Top Risk Contributors</h4>
353
+ <ul class="space-y-3">
354
+ <li class="flex items-center justify-between">
355
+ <div class="flex items-center">
356
+ <div class="w-8 h-8 rounded-full bg-red-100 flex items-center justify-center mr-3">
357
+ <i class="fas fa-microchip text-red-600"></i>
358
+ </div>
359
+ <span class="text-sm font-medium text-gray-900">Semiconductors</span>
360
+ </div>
361
+ <span class="text-sm font-medium text-red-600">9.4</span>
362
+ </li>
363
+ <li class="flex items-center justify-between">
364
+ <div class="flex items-center">
365
+ <div class="w-8 h-8 rounded-full bg-yellow-100 flex items-center justify-center mr-3">
366
+ <i class="fas fa-university text-yellow-600"></i>
367
+ </div>
368
+ <span class="text-sm font-medium text-gray-900">Banks</span>
369
+ </div>
370
+ <span class="text-sm font-medium text-yellow-600">7.1</span>
371
+ </li>
372
+ <li class="flex items-center justify-between">
373
+ <div class="flex items-center">
374
+ <div class="w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-3">
375
+ <i class="fas fa-cloud text-blue-600"></i>
376
+ </div>
377
+ <span class="text-sm font-medium text-gray-900">Cloud Computing</span>
378
+ </div>
379
+ <span class="text-sm font-medium text-blue-600">6.9</span>
380
+ </li>
381
+ </ul>
382
+ </div>
383
+ </div>
384
+ </div>
385
+
386
+ <!-- AI Recommendations -->
387
+ <div class="bg-white rounded-lg shadow overflow-hidden">
388
+ <div class="border-b border-gray-200 px-6 py-4 flex justify-between items-center">
389
+ <h3 class="text-lg font-medium text-gray-900">AI Recommendations</h3>
390
+ <button class="text-gray-500 hover:text-gray-700">
391
+ <i class="fas fa-ellipsis-h"></i>
392
+ </button>
393
+ </div>
394
+ <div class="p-6">
395
+ <div class="bg-blue-50 border border-blue-200 rounded-lg p-4 mb-4">
396
+ <div class="flex">
397
+ <div class="flex-shrink-0">
398
+ <i class="fas fa-lightbulb text-blue-600"></i>
399
+ </div>
400
+ <div class="ml-3">
401
+ <h4 class="text-sm font-medium text-blue-800">Portfolio Adjustment</h4>
402
+ <div class="mt-1 text-sm text-blue-700">
403
+ <p>Reduce technology exposure by 5-7% due to rising rate sensitivity. Consider reallocating to defensive sectors like healthcare and consumer staples.</p>
404
+ </div>
405
+ <div class="mt-2">
406
+ <button class="inline-flex items-center px-3 py-1 border border-blue-600 text-sm font-medium rounded-full text-blue-700 bg-white hover:bg-blue-50">
407
+ View Details
408
+ </button>
409
+ </div>
410
+ </div>
411
+ </div>
412
+ </div>
413
+
414
+ <div class="bg-purple-50 border border-purple-200 rounded-lg p-4 mb-4">
415
+ <div class="flex">
416
+ <div class="flex-shrink-0">
417
+ <i class="fas fa-shield-alt text-purple-600"></i>
418
+ </div>
419
+ <div class="ml-3">
420
+ <h4 class="text-sm font-medium text-purple-800">Hedge Suggestion</h4>
421
+ <div class="mt-1 text-sm text-purple-700">
422
+ <p>Consider adding 2-3% gold exposure (GLD) as a hedge against geopolitical risks and potential dollar weakness.</p>
423
+ </div>
424
+ <div class="mt-2">
425
+ <button class="inline-flex items-center px-3 py-1 border border-purple-600 text-sm font-medium rounded-full text-purple-700 bg-white hover:bg-purple-50">
426
+ View Details
427
+ </button>
428
+ </div>
429
+ </div>
430
+ </div>
431
+ </div>
432
+
433
+ <div class="bg-green-50 border border-green-200 rounded-lg p-4">
434
+ <div class="flex">
435
+ <div class="flex-shrink-0">
436
+ <i class="fas fa-chart-line text-green-600"></i>
437
+ </div>
438
+ <div class="ml-3">
439
+ <h4 class="text-sm font-medium text-green-800">Opportunity Alert</h4>
440
+ <div class="mt-1 text-sm text-green-700">
441
+ <p>Energy sector shows attractive valuations with strong cash flows. Consider adding 3-4% exposure to integrated oil companies.</p>
442
+ </div>
443
+ <div class="mt-2">
444
+ <button class="inline-flex items-center px-3 py-1 border border-green-600 text-sm font-medium rounded-full text-green-700 bg-white hover:bg-green-50">
445
+ View Details
446
+ </button>
447
+ </div>
448
+ </div>
449
+ </div>
450
+ </div>
451
+ </div>
452
+ </div>
453
+ </div>
454
+
455
+ <!-- Risk Timeline -->
456
+ <div class="bg-white rounded-lg shadow overflow-hidden mb-8">
457
+ <div class="border-b border-gray-200 px-6 py-4 flex justify-between items-center">
458
+ <h3 class="text-lg font-medium text-gray-900">Risk Timeline</h3>
459
+ <div class="flex items-center space-x-3">
460
+ <select class="appearance-none bg-white border border-gray-300 rounded-md pl-3 pr-8 py-1 text-gray-700 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
461
+ <option>Last 7 Days</option>
462
+ <option>Last 30 Days</option>
463
+ <option>Last 90 Days</option>
464
+ </select>
465
+ <button class="text-gray-500 hover:text-gray-700">
466
+ <i class="fas fa-ellipsis-h"></i>
467
+ </button>
468
+ </div>
469
+ </div>
470
+ <div class="p-6">
471
+ <!-- This would be a chart in a real implementation -->
472
+ <div class="h-64 flex items-center justify-center bg-gray-50 rounded-lg">
473
+ <div class="text-center">
474
+ <i class="fas fa-chart-line text-4xl text-gray-400 mb-2"></i>
475
+ <p class="text-gray-500">Risk timeline visualization</p>
476
+ </div>
477
+ </div>
478
+ </div>
479
+ </div>
480
+ </main>
481
+
482
+ <!-- Footer -->
483
+ <footer class="bg-gray-800 text-white">
484
+ <div class="container mx-auto px-4 py-8">
485
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
486
+ <div>
487
+ <h3 class="text-lg font-medium mb-4">MaSRA</h3>
488
+ <p class="text-gray-400 text-sm">Macro Sentiment Risk Adjuster - AI-powered portfolio risk intelligence.</p>
489
+ <div class="mt-4 flex space-x-4">
490
+ <a href="#" class="text-gray-400 hover:text-white">
491
+ <i class="fab fa-twitter"></i>
492
+ </a>
493
+ <a href="#" class="text-gray-400 hover:text-white">
494
+ <i class="fab fa-linkedin"></i>
495
+ </a>
496
+ <a href="#" class="text-gray-400 hover:text-white">
497
+ <i class="fab fa-github"></i>
498
+ </a>
499
+ </div>
500
+ </div>
501
+ <div>
502
+ <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Product</h3>
503
+ <ul class="space-y-2">
504
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Features</a></li>
505
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Pricing</a></li>
506
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">API</a></li>
507
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Integrations</a></li>
508
+ </ul>
509
+ </div>
510
+ <div>
511
+ <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Resources</h3>
512
+ <ul class="space-y-2">
513
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Documentation</a></li>
514
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Guides</a></li>
515
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Blog</a></li>
516
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Support</a></li>
517
+ </ul>
518
+ </div>
519
+ <div>
520
+ <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Company</h3>
521
+ <ul class="space-y-2">
522
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">About</a></li>
523
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Careers</a></li>
524
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Privacy</a></li>
525
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Terms</a></li>
526
+ </ul>
527
+ </div>
528
+ </div>
529
+ <div class="mt-8 pt-8 border-t border-gray-700 text-sm text-gray-400 text-center">
530
+ <p>© 2023 MaSRA. All rights reserved.</p>
531
+ </div>
532
+ </div>
533
+ </footer>
534
+
535
+ <script>
536
+ // Update current time
537
+ function updateCurrentTime() {
538
+ const now = new Date();
539
+ const options = {
540
+ weekday: 'long',
541
+ year: 'numeric',
542
+ month: 'long',
543
+ day: 'numeric',
544
+ hour: '2-digit',
545
+ minute: '2-digit',
546
+ second: '2-digit',
547
+ timeZoneName: 'short'
548
+ };
549
+ document.getElementById('current-time').textContent = now.toLocaleString('en-US', options);
550
+ }
551
+
552
+ // Update time immediately and then every second
553
+ updateCurrentTime();
554
+ setInterval(updateCurrentTime, 1000);
555
+ </script>
556
+ <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=rajeshhugface/masra" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
557
+ </html>
prompts.txt ADDED
@@ -0,0 +1,4 @@
 
 
 
 
 
1
+ build a advanced calculator app
2
+ build an app for finance that fetches real time data on finance and give advanced analysis on portfolio and what and where to inevst
3
+ change the app name to MaSRA
4
+ Here's the full professional overview of MaSRA (Macro Sentiment Risk Adjuster) — from concept to tech stack, features, monetization, and future roadmap. 📘 MaSRA – Macro Sentiment Risk Adjuster 🔍 1. What is MaSRA? MaSRA is a real-time, AI-powered web platform that: Analyzes macro-financial news using NLP + sentiment analysis Classifies the economic context (inflation, rate hikes, war, etc.) Evaluates how these impact a user’s investment portfolio Provides actionable, explainable risk mitigation recommendations It’s like Bloomberg Terminal meets ChatGPT, built for portfolio intelligence. 🎯 2. Core Problem It Solves ❌ Problem: Investors (especially retail) don’t have tools to connect live macro events with portfolio-level risk. Most risk models are lagging, siloed, or black-boxed. Retail investors get exposed to macro shocks (like war, rate hikes) without understanding the risk. ✅ 3. Solution – What MaSRA Does 🔁 Real-Time Workflow: News Ingestion: From APIs (NewsAPI, FRED, Twitter, ECB) Macro NLP Engine: Sentiment (polarity, confidence) Macro Topic Classification Portfolio Risk Simulator: Matches macro topics with sector sensitivities Calculates weighted risk scores AI Advisory Engine: Generates explainable, smart portfolio recommendations 🧠 4. Key Features Module Description 📡 Live Macro Feed Pulls breaking financial news (API integration) 🔎 NLP Analyzer Classifies macro topics, extracts sentiment 🧮 Risk Simulator Maps macro news to sector risk via impact matrix 📢 AI Advisor Generates natural-language advice (e.g. “Reduce tech exposure, increase gold”) 📊 Visual Analytics Pie charts, sector impact bars, timeline charts 🧾 Portfolio Customizer Upload or edit portfolios to get personalized risk scores 💬 Chat Advisor (planned) Interactive assistant for macro questions (Streamlit Chat/OpenAI) ⚙️ 5. Tech Stack Layer Tool/Lib Frontend Streamlit (Pro layout) Visualization Plotly, Altair Backend Python (modular), NewsAPI, FRED, HuggingFace Transformers AI Models TextBlob, FinBERT (planned), custom classifiers Data Sources NewsAPI, FRED, ECB, Twitter (optional) Hosting Streamlit Cloud / AWS / Render 💰 6. Monetization Strategy Tier Description 🆓 Freemium Limited macro events, sentiment-only 💼 Pro Real-time API, full portfolio analysis, alerts ⚙️ B2B API White-labeled for brokers, advisors, robo-advisors 🧠 Advisory Hedge fund risk overlay, model consulting, integration support 🧱 7. Architecture Overview less Copy Edit [ NewsAPI / FRED / RSS ] ---> [ NLP Engine ] | [ Macro Topic + Sentiment ] | +-------------------+-------------------+ | | [ Portfolio Analyzer ] [ Visualizations ] | | [ Risk Scores + Advice ] [ Charts + Heatmaps ] | | [ User Dashboard – Streamlit App ] 🌍 8. Ideal Users Segment Use Case 🧑‍💼 Retail Traders Smarter trades based on macro insight 🧑‍💻 Financial Advisors Client portfolio adjustments 🤖 Robo-Advisors Plug-in for macro-aware allocations 🧠 Hedge Funds Macro stress test overlay