Hugging Face's logo

Spaces:
wesagar
/
my-own-world
Running

App Files Community
wesagar commited on
Commit
a244c40
·
verified ·
1 Parent(s): 269872c

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +398 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: My Own World
3
- emoji: 🦀
4
- colorFrom: pink
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: my-own-world
3
+ emoji: 🐳
4
+ colorFrom: purple
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,398 @@
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>Neon Glow Dashboard</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
+ @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Poppins:wght@300;400;600&display=swap');
11
+
12
+ :root {
13
+ --neon-blue: #0ff0fc;
14
+ --neon-pink: #ff2d75;
15
+ --neon-purple: #9d00ff;
16
+ --dark-bg: #0f0f1a;
17
+ }
18
+
19
+ body {
20
+ font-family: 'Poppins', sans-serif;
21
+ background-color: var(--dark-bg);
22
+ color: white;
23
+ overflow-x: hidden;
24
+ }
25
+
26
+ .neon-text-blue {
27
+ text-shadow: 0 0 5px var(--neon-blue), 0 0 10px var(--neon-blue);
28
+ color: white;
29
+ }
30
+
31
+ .neon-text-pink {
32
+ text-shadow: 0 0 5px var(--neon-pink), 0 0 10px var(--neon-pink);
33
+ color: white;
34
+ }
35
+
36
+ .neon-border-blue {
37
+ box-shadow: 0 0 10px var(--neon-blue), inset 0 0 10px var(--neon-blue);
38
+ border: 1px solid var(--neon-blue);
39
+ }
40
+
41
+ .neon-border-pink {
42
+ box-shadow: 0 0 10px var(--neon-pink), inset 0 0 10px var(--neon-pink);
43
+ border: 1px solid var(--neon-pink);
44
+ }
45
+
46
+ .neon-border-purple {
47
+ box-shadow: 0 0 10px var(--neon-purple), inset 0 0 10px var(--neon-purple);
48
+ border: 1px solid var(--neon-purple);
49
+ }
50
+
51
+ .glow-hover:hover {
52
+ transform: scale(1.02);
53
+ transition: all 0.3s ease;
54
+ }
55
+
56
+ .dashboard-card {
57
+ backdrop-filter: blur(10px);
58
+ background: rgba(15, 15, 26, 0.7);
59
+ }
60
+
61
+ .progress-bar {
62
+ height: 6px;
63
+ border-radius: 3px;
64
+ background: linear-gradient(90deg, var(--neon-pink), var(--neon-purple));
65
+ transition: width 0.5s ease;
66
+ }
67
+
68
+ @keyframes pulse {
69
+ 0% { opacity: 0.6; }
70
+ 50% { opacity: 1; }
71
+ 100% { opacity: 0.6; }
72
+ }
73
+
74
+ .pulse {
75
+ animation: pulse 2s infinite;
76
+ }
77
+ </style>
78
+ </head>
79
+ <body class="min-h-screen">
80
+ <div class="flex h-screen">
81
+ <!-- Sidebar -->
82
+ <div class="w-64 neon-border-purple p-4 hidden md:block">
83
+ <div class="flex items-center justify-center mb-10">
84
+ <i class="fas fa-rocket text-3xl neon-text-pink mr-3"></i>
85
+ <h1 class="text-2xl font-bold neon-text-blue font-['Orbitron']">NOVA DASH</h1>
86
+ </div>
87
+
88
+ <nav>
89
+ <ul class="space-y-4">
90
+ <li>
91
+ <a href="#" class="flex items-center p-3 rounded-lg neon-border-blue glow-hover">
92
+ <i class="fas fa-home mr-3 neon-text-blue"></i>
93
+ <span>Dashboard</span>
94
+ </a>
95
+ </li>
96
+ <li>
97
+ <a href="#" class="flex items-center p-3 rounded-lg hover:neon-border-pink glow-hover">
98
+ <i class="fas fa-chart-line mr-3"></i>
99
+ <span>Analytics</span>
100
+ </a>
101
+ </li>
102
+ <li>
103
+ <a href="#" class="flex items-center p-3 rounded-lg hover:neon-border-pink glow-hover">
104
+ <i class="fas fa-users mr-3"></i>
105
+ <span>Users</span>
106
+ </a>
107
+ </li>
108
+ <li>
109
+ <a href="#" class="flex items-center p-3 rounded-lg hover:neon-border-pink glow-hover">
110
+ <i class="fas fa-cog mr-3"></i>
111
+ <span>Settings</span>
112
+ </a>
113
+ </li>
114
+ <li>
115
+ <a href="#" class="flex items-center p-3 rounded-lg hover:neon-border-pink glow-hover">
116
+ <i class="fas fa-envelope mr-3"></i>
117
+ <span>Messages</span>
118
+ <span class="ml-auto bg-red-500 text-white text-xs px-2 py-1 rounded-full">3</span>
119
+ </a>
120
+ </li>
121
+ </ul>
122
+ </nav>
123
+
124
+ <div class="mt-20 p-4 neon-border-blue rounded-lg">
125
+ <h3 class="text-sm uppercase mb-2 neon-text-blue">System Status</h3>
126
+ <div class="flex items-center mb-2">
127
+ <div class="w-3 h-3 rounded-full bg-green-500 mr-2 pulse"></div>
128
+ <span class="text-sm">All systems operational</span>
129
+ </div>
130
+ <div class="text-xs opacity-70">Last updated: <span id="update-time">Just now</span></div>
131
+ </div>
132
+ </div>
133
+
134
+ <!-- Main Content -->
135
+ <div class="flex-1 overflow-y-auto p-6">
136
+ <!-- Header -->
137
+ <header class="flex justify-between items-center mb-8">
138
+ <div class="md:hidden">
139
+ <button id="menu-toggle" class="text-2xl">
140
+ <i class="fas fa-bars"></i>
141
+ </button>
142
+ </div>
143
+ <h1 class="text-3xl font-bold neon-text-pink font-['Orbitron']">Dashboard</h1>
144
+ <div class="flex items-center space-x-4">
145
+ <div class="relative">
146
+ <i class="fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2"></i>
147
+ <input type="text" placeholder="Search..." class="pl-10 pr-4 py-2 bg-gray-900 rounded-lg focus:outline-none focus:neon-border-blue">
148
+ </div>
149
+ <div class="relative">
150
+ <i class="fas fa-bell text-xl cursor-pointer hover:text-pink-400"></i>
151
+ <span class="absolute -top-2 -right-2 bg-red-500 text-white text-xs px-1.5 py-0.5 rounded-full">2</span>
152
+ </div>
153
+ <div class="flex items-center space-x-2 cursor-pointer">
154
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="User" class="w-8 h-8 rounded-full border-2 border-blue-400">
155
+ <span>Jane Doe</span>
156
+ </div>
157
+ </div>
158
+ </header>
159
+
160
+ <!-- Stats Cards -->
161
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
162
+ <div class="dashboard-card p-6 rounded-xl neon-border-blue glow-hover">
163
+ <div class="flex justify-between items-start">
164
+ <div>
165
+ <p class="text-sm opacity-70">Total Revenue</p>
166
+ <h3 class="text-2xl font-bold mt-2">$24,780</h3>
167
+ <p class="text-green-400 text-sm mt-1">+12.5% from last month</p>
168
+ </div>
169
+ <i class="fas fa-dollar-sign text-3xl opacity-30"></i>
170
+ </div>
171
+ <div class="mt-4">
172
+ <div class="progress-bar" style="width: 75%"></div>
173
+ </div>
174
+ </div>
175
+
176
+ <div class="dashboard-card p-6 rounded-xl neon-border-pink glow-hover">
177
+ <div class="flex justify-between items-start">
178
+ <div>
179
+ <p class="text-sm opacity-70">Active Users</p>
180
+ <h3 class="text-2xl font-bold mt-2">1,429</h3>
181
+ <p class="text-green-400 text-sm mt-1">+8.2% from last week</p>
182
+ </div>
183
+ <i class="fas fa-users text-3xl opacity-30"></i>
184
+ </div>
185
+ <div class="mt-4">
186
+ <div class="progress-bar" style="width: 60%"></div>
187
+ </div>
188
+ </div>
189
+
190
+ <div class="dashboard-card p-6 rounded-xl neon-border-purple glow-hover">
191
+ <div class="flex justify-between items-start">
192
+ <div>
193
+ <p class="text-sm opacity-70">New Orders</p>
194
+ <h3 class="text-2xl font-bold mt-2">356</h3>
195
+ <p class="text-red-400 text-sm mt-1">-3.1% from yesterday</p>
196
+ </div>
197
+ <i class="fas fa-shopping-cart text-3xl opacity-30"></i>
198
+ </div>
199
+ <div class="mt-4">
200
+ <div class="progress-bar" style="width: 45%"></div>
201
+ </div>
202
+ </div>
203
+
204
+ <div class="dashboard-card p-6 rounded-xl neon-border-blue glow-hover">
205
+ <div class="flex justify-between items-start">
206
+ <div>
207
+ <p class="text-sm opacity-70">Server Load</p>
208
+ <h3 class="text-2xl font-bold mt-2">68%</h3>
209
+ <p class="text-yellow-400 text-sm mt-1">Stable</p>
210
+ </div>
211
+ <i class="fas fa-server text-3xl opacity-30"></i>
212
+ </div>
213
+ <div class="mt-4">
214
+ <div class="progress-bar" style="width: 68%"></div>
215
+ </div>
216
+ </div>
217
+ </div>
218
+
219
+ <!-- Charts Section -->
220
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
221
+ <div class="dashboard-card p-6 rounded-xl neon-border-pink">
222
+ <div class="flex justify-between items-center mb-6">
223
+ <h2 class="text-xl font-bold">Revenue Overview</h2>
224
+ <div class="flex space-x-2">
225
+ <button class="px-3 py-1 text-xs bg-gray-800 rounded-lg">Week</button>
226
+ <button class="px-3 py-1 text-xs bg-blue-500 rounded-lg">Month</button>
227
+ <button class="px-3 py-1 text-xs bg-gray-800 rounded-lg">Year</button>
228
+ </div>
229
+ </div>
230
+ <div class="h-64" id="revenue-chart"></div>
231
+ </div>
232
+
233
+ <div class="dashboard-card p-6 rounded-xl neon-border-purple">
234
+ <div class="flex justify-between items-center mb-6">
235
+ <h2 class="text-xl font-bold">User Activity</h2>
236
+ <div class="flex space-x-2">
237
+ <button class="px-3 py-1 text-xs bg-gray-800 rounded-lg">Daily</button>
238
+ <button class="px-3 py-1 text-xs bg-purple-500 rounded-lg">Weekly</button>
239
+ </div>
240
+ </div>
241
+ <div class="h-64" id="activity-chart"></div>
242
+ </div>
243
+ </div>
244
+
245
+ <!-- Recent Activity -->
246
+ <div class="dashboard-card p-6 rounded-xl neon-border-blue mb-8">
247
+ <h2 class="text-xl font-bold mb-6">Recent Activity</h2>
248
+ <div class="overflow-x-auto">
249
+ <table class="w-full">
250
+ <thead>
251
+ <tr class="text-left border-b border-gray-700">
252
+ <th class="pb-3">User</th>
253
+ <th class="pb-3">Action</th>
254
+ <th class="pb-3">Time</th>
255
+ <th class="pb-3">Status</th>
256
+ </tr>
257
+ </thead>
258
+ <tbody>
259
+ <tr class="border-b border-gray-700 hover:bg-gray-800/50">
260
+ <td class="py-4 flex items-center">
261
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="User" class="w-8 h-8 rounded-full mr-3">
262
+ <span>John Smith</span>
263
+ </td>
264
+ <td>Updated profile settings</td>
265
+ <td>2 minutes ago</td>
266
+ <td><span class="px-2 py-1 bg-green-500/20 text-green-400 rounded-full text-xs">Completed</span></td>
267
+ </tr>
268
+ <tr class="border-b border-gray-700 hover:bg-gray-800/50">
269
+ <td class="py-4 flex items-center">
270
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="User" class="w-8 h-8 rounded-full mr-3">
271
+ <span>Sarah Johnson</span>
272
+ </td>
273
+ <td>Processed order #4582</td>
274
+ <td>15 minutes ago</td>
275
+ <td><span class="px-2 py-1 bg-blue-500/20 text-blue-400 rounded-full text-xs">Pending</span></td>
276
+ </tr>
277
+ <tr class="border-b border-gray-700 hover:bg-gray-800/50">
278
+ <td class="py-4 flex items-center">
279
+ <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="User" class="w-8 h-8 rounded-full mr-3">
280
+ <span>Michael Chen</span>
281
+ </td>
282
+ <td>Submitted support ticket</td>
283
+ <td>1 hour ago</td>
284
+ <td><span class="px-2 py-1 bg-yellow-500/20 text-yellow-400 rounded-full text-xs">In Progress</span></td>
285
+ </tr>
286
+ <tr class="hover:bg-gray-800/50">
287
+ <td class="py-4 flex items-center">
288
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="User" class="w-8 h-8 rounded-full mr-3">
289
+ <span>Jane Doe</span>
290
+ </td>
291
+ <td>Created new dashboard</td>
292
+ <td>3 hours ago</td>
293
+ <td><span class="px-2 py-1 bg-green-500/20 text-green-400 rounded-full text-xs">Completed</span></td>
294
+ </tr>
295
+ </tbody>
296
+ </table>
297
+ </div>
298
+ <div class="mt-4 text-center">
299
+ <button class="px-4 py-2 bg-blue-500/20 text-blue-400 rounded-lg hover:bg-blue-500/30">View All Activity</button>
300
+ </div>
301
+ </div>
302
+
303
+ <!-- Quick Actions -->
304
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
305
+ <button class="dashboard-card p-4 rounded-lg neon-border-blue flex flex-col items-center justify-center glow-hover h-32">
306
+ <i class="fas fa-plus text-2xl mb-2 neon-text-blue"></i>
307
+ <span>New Project</span>
308
+ </button>
309
+ <button class="dashboard-card p-4 rounded-lg neon-border-pink flex flex-col items-center justify-center glow-hover h-32">
310
+ <i class="fas fa-upload text-2xl mb-2 neon-text-pink"></i>
311
+ <span>Upload Files</span>
312
+ </button>
313
+ <button class="dashboard-card p-4 rounded-lg neon-border-purple flex flex-col items-center justify-center glow-hover h-32">
314
+ <i class="fas fa-chart-pie text-2xl mb-2 neon-text-purple"></i>
315
+ <span>Generate Report</span>
316
+ </button>
317
+ <button class="dashboard-card p-4 rounded-lg neon-border-blue flex flex-col items-center justify-center glow-hover h-32">
318
+ <i class="fas fa-cog text-2xl mb-2 neon-text-blue"></i>
319
+ <span>Settings</span>
320
+ </button>
321
+ </div>
322
+ </div>
323
+ </div>
324
+
325
+ <script>
326
+ // Mobile menu toggle
327
+ document.getElementById('menu-toggle').addEventListener('click', function() {
328
+ document.querySelector('.w-64').classList.toggle('hidden');
329
+ });
330
+
331
+ // Simulate chart data
332
+ function generateChartData(count, min, max) {
333
+ return Array.from({length: count}, () => Math.floor(Math.random() * (max - min + 1)) + min);
334
+ }
335
+
336
+ // Simple chart rendering (simplified for this example)
337
+ function renderChart(containerId, data, color) {
338
+ const container = document.getElementById(containerId);
339
+ const height = 200;
340
+ const width = container.clientWidth;
341
+ const barWidth = width / data.length;
342
+
343
+ let svg = `<svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}">`;
344
+
345
+ data.forEach((value, index) => {
346
+ const barHeight = (value / 100) * height;
347
+ const x = index * barWidth;
348
+ const y = height - barHeight;
349
+
350
+ svg += `<rect x="${x}" y="${y}" width="${barWidth - 2}" height="${barHeight}" fill="${color}" rx="2" ry="2" />`;
351
+ });
352
+
353
+ svg += `</svg>`;
354
+ container.innerHTML = svg;
355
+ }
356
+
357
+ // Initialize charts
358
+ document.addEventListener('DOMContentLoaded', function() {
359
+ // Revenue chart
360
+ const revenueData = generateChartData(12, 20, 90);
361
+ renderChart('revenue-chart', revenueData, '#0ff0fc');
362
+
363
+ // Activity chart
364
+ const activityData = generateChartData(7, 30, 100);
365
+ renderChart('activity-chart', activityData, '#9d00ff');
366
+
367
+ // Update time
368
+ setInterval(() => {
369
+ const now = new Date();
370
+ document.getElementById('update-time').textContent = now.toLocaleTimeString();
371
+ }, 1000);
372
+ });
373
+
374
+ // Add glow effect on hover for all cards
375
+ document.querySelectorAll('.glow-hover').forEach(card => {
376
+ card.addEventListener('mouseenter', function() {
377
+ if (this.classList.contains('neon-border-blue')) {
378
+ this.style.boxShadow = '0 0 20px #0ff0fc, inset 0 0 20px #0ff0fc';
379
+ } else if (this.classList.contains('neon-border-pink')) {
380
+ this.style.boxShadow = '0 0 20px #ff2d75, inset 0 0 20px #ff2d75';
381
+ } else if (this.classList.contains('neon-border-purple')) {
382
+ this.style.boxShadow = '0 0 20px #9d00ff, inset 0 0 20px #9d00ff';
383
+ }
384
+ });
385
+
386
+ card.addEventListener('mouseleave', function() {
387
+ if (this.classList.contains('neon-border-blue')) {
388
+ this.style.boxShadow = '0 0 10px #0ff0fc, inset 0 0 10px #0ff0fc';
389
+ } else if (this.classList.contains('neon-border-pink')) {
390
+ this.style.boxShadow = '0 0 10px #ff2d75, inset 0 0 10px #ff2d75';
391
+ } else if (this.classList.contains('neon-border-purple')) {
392
+ this.style.boxShadow = '0 0 10px #9d00ff, inset 0 0 10px #9d00ff';
393
+ }
394
+ });
395
+ });
396
+ </script>
397
+ <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=wesagar/my-own-world" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
398
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Wassup