Hugging Face's logo

Spaces:
docto41
/
correction
Running

App Files Community
docto41 commited on
Commit
349cb9b
·
verified ·
1 Parent(s): a38e393

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +306 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Correction
3
- emoji: 🔥
4
- colorFrom: gray
5
- colorTo: blue
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: correction
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: gray
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,306 @@
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>System Correction Interface</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, #6b73ff 0%, #000dff 100%);
12
+ }
13
+ .text-gradient {
14
+ background: linear-gradient(90deg, #6b73ff, #000dff);
15
+ -webkit-background-clip: text;
16
+ background-clip: text;
17
+ color: transparent;
18
+ }
19
+ .card-hover {
20
+ transition: all 0.3s ease;
21
+ }
22
+ .card-hover:hover {
23
+ transform: translateY(-5px);
24
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
25
+ }
26
+ .smooth-transition {
27
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
28
+ }
29
+ .glow {
30
+ box-shadow: 0 0 15px rgba(107, 115, 255, 0.5);
31
+ }
32
+ </style>
33
+ </head>
34
+ <body class="bg-gray-50 min-h-screen font-sans">
35
+ <div class="gradient-bg text-white py-6 px-4 shadow-lg">
36
+ <div class="container mx-auto flex justify-between items-center">
37
+ <div class="flex items-center space-x-3">
38
+ <i class="fas fa-cogs text-3xl"></i>
39
+ <h1 class="text-2xl font-bold">System<span class="text-yellow-300">Correction</span></h1>
40
+ </div>
41
+ <div class="hidden md:flex space-x-6">
42
+ <a href="#" class="hover:text-yellow-300 smooth-transition">Dashboard</a>
43
+ <a href="#" class="hover:text-yellow-300 smooth-transition">Reports</a>
44
+ <a href="#" class="hover:text-yellow-300 smooth-transition">Settings</a>
45
+ <a href="#" class="hover:text-yellow-300 smooth-transition">Help</a>
46
+ </div>
47
+ <button class="md:hidden text-2xl">
48
+ <i class="fas fa-bars"></i>
49
+ </button>
50
+ </div>
51
+ </div>
52
+
53
+ <div class="container mx-auto px-4 py-8">
54
+ <div class="flex flex-col lg:flex-row gap-8">
55
+ <!-- Left Sidebar -->
56
+ <div class="lg:w-1/4 space-y-6">
57
+ <div class="bg-white rounded-xl shadow-md p-6 card-hover">
58
+ <h2 class="text-xl font-semibold text-gray-800 mb-4">System Status</h2>
59
+ <div class="space-y-4">
60
+ <div class="flex items-center justify-between">
61
+ <span class="text-gray-600">CPU Usage</span>
62
+ <div class="flex items-center">
63
+ <span class="font-medium mr-2">42%</span>
64
+ <div class="w-16 h-2 bg-gray-200 rounded-full overflow-hidden">
65
+ <div class="h-full bg-blue-500 rounded-full" style="width: 42%"></div>
66
+ </div>
67
+ </div>
68
+ </div>
69
+ <div class="flex items-center justify-between">
70
+ <span class="text-gray-600">Memory</span>
71
+ <div class="flex items-center">
72
+ <span class="font-medium mr-2">65%</span>
73
+ <div class="w-16 h-2 bg-gray-200 rounded-full overflow-hidden">
74
+ <div class="h-full bg-purple-500 rounded-full" style="width: 65%"></div>
75
+ </div>
76
+ </div>
77
+ </div>
78
+ <div class="flex items-center justify-between">
79
+ <span class="text-gray-600">Disk Space</span>
80
+ <div class="flex items-center">
81
+ <span class="font-medium mr-2">78%</span>
82
+ <div class="w-16 h-2 bg-gray-200 rounded-full overflow-hidden">
83
+ <div class="h-full bg-green-500 rounded-full" style="width: 78%"></div>
84
+ </div>
85
+ </div>
86
+ </div>
87
+ </div>
88
+ </div>
89
+
90
+ <div class="bg-white rounded-xl shadow-md p-6 card-hover">
91
+ <h2 class="text-xl font-semibold text-gray-800 mb-4">Quick Actions</h2>
92
+ <div class="space-y-3">
93
+ <button class="w-full flex items-center space-x-3 px-4 py-3 bg-blue-50 text-blue-600 rounded-lg hover:bg-blue-100 smooth-transition">
94
+ <i class="fas fa-sync-alt"></i>
95
+ <span>Refresh System</span>
96
+ </button>
97
+ <button class="w-full flex items-center space-x-3 px-4 py-3 bg-purple-50 text-purple-600 rounded-lg hover:bg-purple-100 smooth-transition">
98
+ <i class="fas fa-shield-alt"></i>
99
+ <span>Run Security Scan</span>
100
+ </button>
101
+ <button class="w-full flex items-center space-x-3 px-4 py-3 bg-green-50 text-green-600 rounded-lg hover:bg-green-100 smooth-transition">
102
+ <i class="fas fa-database"></i>
103
+ <span>Backup Database</span>
104
+ </button>
105
+ </div>
106
+ </div>
107
+ </div>
108
+
109
+ <!-- Main Content -->
110
+ <div class="lg:w-3/4 space-y-6">
111
+ <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
112
+ <div class="p-6">
113
+ <div class="flex justify-between items-center mb-6">
114
+ <h2 class="text-2xl font-bold text-gray-800">System Correction Panel</h2>
115
+ <div class="relative">
116
+ <input type="text" placeholder="Search issues..." class="pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
117
+ <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
118
+ </div>
119
+ </div>
120
+
121
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
122
+ <div class="bg-gradient-to-r from-blue-50 to-purple-50 p-6 rounded-xl border border-blue-100 glow smooth-transition hover:glow-lg">
123
+ <div class="flex items-center space-x-4 mb-4">
124
+ <div class="bg-blue-100 p-3 rounded-full">
125
+ <i class="fas fa-exclamation-triangle text-blue-600 text-xl"></i>
126
+ </div>
127
+ <h3 class="text-lg font-semibold text-gray-800">Critical Issues</h3>
128
+ </div>
129
+ <p class="text-gray-600 mb-4">3 critical issues detected that require immediate attention.</p>
130
+ <button class="text-blue-600 font-medium flex items-center space-x-2 hover:text-blue-800 smooth-transition">
131
+ <span>View Details</span>
132
+ <i class="fas fa-chevron-right text-sm"></i>
133
+ </button>
134
+ </div>
135
+
136
+ <div class="bg-gradient-to-r from-yellow-50 to-orange-50 p-6 rounded-xl border border-yellow-100 glow smooth-transition hover:glow-lg">
137
+ <div class="flex items-center space-x-4 mb-4">
138
+ <div class="bg-yellow-100 p-3 rounded-full">
139
+ <i class="fas fa-exclamation-circle text-yellow-600 text-xl"></i>
140
+ </div>
141
+ <h3 class="text-lg font-semibold text-gray-800">Warnings</h3>
142
+ </div>
143
+ <p class="text-gray-600 mb-4">7 warnings detected that should be reviewed soon.</p>
144
+ <button class="text-yellow-600 font-medium flex items-center space-x-2 hover:text-yellow-800 smooth-transition">
145
+ <span>View Details</span>
146
+ <i class="fas fa-chevron-right text-sm"></i>
147
+ </button>
148
+ </div>
149
+ </div>
150
+
151
+ <div class="mb-6">
152
+ <div class="flex justify-between items-center mb-4">
153
+ <h3 class="text-lg font-semibold text-gray-800">Recent System Logs</h3>
154
+ <button class="text-sm text-blue-600 hover:text-blue-800 smooth-transition">View All Logs</button>
155
+ </div>
156
+ <div class="bg-gray-50 rounded-lg overflow-hidden">
157
+ <table class="min-w-full divide-y divide-gray-200">
158
+ <thead class="bg-gray-100">
159
+ <tr>
160
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Time</th>
161
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Type</th>
162
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Message</th>
163
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Action</th>
164
+ </tr>
165
+ </thead>
166
+ <tbody class="bg-white divide-y divide-gray-200">
167
+ <tr>
168
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">10:42:23 AM</td>
169
+ <td class="px-6 py-4 whitespace-nowrap">
170
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">Error</span>
171
+ </td>
172
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Database connection timeout</td>
173
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
174
+ <a href="#" class="text-blue-600 hover:text-blue-900">Fix</a>
175
+ </td>
176
+ </tr>
177
+ <tr>
178
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">10:38:15 AM</td>
179
+ <td class="px-6 py-4 whitespace-nowrap">
180
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Warning</span>
181
+ </td>
182
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">High memory usage detected</td>
183
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
184
+ <a href="#" class="text-blue-600 hover:text-blue-900">Optimize</a>
185
+ </td>
186
+ </tr>
187
+ <tr>
188
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">10:35:07 AM</td>
189
+ <td class="px-6 py-4 whitespace-nowrap">
190
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Info</span>
191
+ </td>
192
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">System backup completed</td>
193
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
194
+ <a href="#" class="text-blue-600 hover:text-blue-900">View</a>
195
+ </td>
196
+ </tr>
197
+ </tbody>
198
+ </table>
199
+ </div>
200
+ </div>
201
+
202
+ <div class="bg-gray-50 p-6 rounded-xl">
203
+ <h3 class="text-lg font-semibold text-gray-800 mb-4">Run System Correction</h3>
204
+ <div class="space-y-4">
205
+ <div class="flex items-start space-x-4">
206
+ <div class="flex-shrink-0 mt-1">
207
+ <i class="fas fa-terminal text-blue-600"></i>
208
+ </div>
209
+ <div class="flex-grow">
210
+ <label for="command" class="block text-sm font-medium text-gray-700 mb-1">Correction Command</label>
211
+ <div class="flex space-x-2">
212
+ <input type="text" id="command" class="flex-grow px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Enter correction command...">
213
+ <button class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 smooth-transition">
214
+ Run
215
+ </button>
216
+ </div>
217
+ </div>
218
+ </div>
219
+ <div class="flex items-start space-x-4">
220
+ <div class="flex-shrink-0 mt-1">
221
+ <i class="fas fa-file-alt text-purple-600"></i>
222
+ </div>
223
+ <div class="flex-grow">
224
+ <label class="block text-sm font-medium text-gray-700 mb-1">Output</label>
225
+ <div class="bg-white p-4 border border-gray-300 rounded-lg h-32 overflow-y-auto font-mono text-sm text-gray-700">
226
+ <p>> Initializing system correction sequence...</p>
227
+ <p>> Checking system integrity...</p>
228
+ <p>> No malicious processes detected.</p>
229
+ </div>
230
+ </div>
231
+ </div>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </div>
239
+
240
+ <footer class="gradient-bg text-white py-8 mt-12">
241
+ <div class="container mx-auto px-4">
242
+ <div class="flex flex-col md:flex-row justify-between items-center">
243
+ <div class="mb-6 md:mb-0">
244
+ <div class="flex items-center space-x-3">
245
+ <i class="fas fa-cogs text-2xl"></i>
246
+ <h2 class="text-xl font-bold">System<span class="text-yellow-300">Correction</span></h2>
247
+ </div>
248
+ <p class="mt-2 text-blue-100">Advanced system correction and maintenance tools</p>
249
+ </div>
250
+ <div class="flex space-x-6">
251
+ <a href="#" class="hover:text-yellow-300 smooth-transition"><i class="fab fa-twitter"></i></a>
252
+ <a href="#" class="hover:text-yellow-300 smooth-transition"><i class="fab fa-github"></i></a>
253
+ <a href="#" class="hover:text-yellow-300 smooth-transition"><i class="fab fa-discord"></i></a>
254
+ <a href="#" class="hover:text-yellow-300 smooth-transition"><i class="fab fa-linkedin"></i></a>
255
+ </div>
256
+ </div>
257
+ <div class="border-t border-blue-400 mt-8 pt-8 text-center text-blue-100">
258
+ <p>&copy; 2023 SystemCorrection. All rights reserved.</p>
259
+ </div>
260
+ </div>
261
+ </footer>
262
+
263
+ <script>
264
+ // Simple interactive elements
265
+ document.addEventListener('DOMContentLoaded', function() {
266
+ // Add glow effect on hover for action cards
267
+ const actionCards = document.querySelectorAll('.glow');
268
+ actionCards.forEach(card => {
269
+ card.addEventListener('mouseenter', function() {
270
+ this.classList.add('glow-lg');
271
+ });
272
+ card.addEventListener('mouseleave', function() {
273
+ this.classList.remove('glow-lg');
274
+ });
275
+ });
276
+
277
+ // Simulate running a command
278
+ const runButton = document.querySelector('button:contains("Run")');
279
+ const commandOutput = document.querySelector('.font-mono');
280
+
281
+ if (runButton && commandOutput) {
282
+ runButton.addEventListener('click', function() {
283
+ const commandInput = document.getElementById('command');
284
+ if (commandInput && commandInput.value.trim() !== '') {
285
+ commandOutput.innerHTML += `<p>> Executing: ${commandInput.value}</p>`;
286
+ commandOutput.innerHTML += `<p>> Correction applied successfully.</p>`;
287
+ commandOutput.scrollTop = commandOutput.scrollHeight;
288
+ commandInput.value = '';
289
+ } else {
290
+ commandOutput.innerHTML += `<p>> Please enter a valid command.</p>`;
291
+ commandOutput.scrollTop = commandOutput.scrollHeight;
292
+ }
293
+ });
294
+ }
295
+
296
+ // Mobile menu toggle (placeholder)
297
+ const mobileMenuButton = document.querySelector('.md\\:hidden');
298
+ if (mobileMenuButton) {
299
+ mobileMenuButton.addEventListener('click', function() {
300
+ alert('Mobile menu would open here in a full implementation.');
301
+ });
302
+ }
303
+ });
304
+ </script>
305
+ <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=docto41/correction" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
306
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ https://huggingface.co/spaces/doctorblo/systeme-correction