Hugging Face's logo

Spaces:
S-Dreamer
/
devworkoptimizer
Running

App Files Community
S-Dreamer commited on
Commit
af8e60a
·
verified ·
1 Parent(s): 56cbbac

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +317 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Devworkoptimizer
3
- emoji: 👁
4
  colorFrom: yellow
5
- colorTo: purple
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: devworkoptimizer
3
+ emoji: 🐳
4
  colorFrom: yellow
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,317 @@
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>Dev Workflow Optimizer</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, #6e8efb 0%, #a777e3 100%);
12
+ }
13
+ .card-hover:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
16
+ }
17
+ .progress-ring__circle {
18
+ transition: stroke-dashoffset 0.5s;
19
+ transform: rotate(-90deg);
20
+ transform-origin: 50% 50%;
21
+ }
22
+ .task-completed {
23
+ text-decoration: line-through;
24
+ color: #9CA3AF;
25
+ }
26
+ </style>
27
+ </head>
28
+ <body class="bg-gray-50 min-h-screen">
29
+ <div class="gradient-bg text-white py-6 px-4 shadow-lg">
30
+ <div class="container mx-auto flex justify-between items-center">
31
+ <h1 class="text-3xl font-bold">Dev Workflow Optimizer</h1>
32
+ <div class="flex items-center space-x-4">
33
+ <div class="relative">
34
+ <input type="text" placeholder="Search workflows..." class="bg-white bg-opacity-20 placeholder-white rounded-full py-2 px-4 pl-10 focus:outline-none focus:ring-2 focus:ring-white">
35
+ <i class="fas fa-search absolute left-3 top-3 text-white"></i>
36
+ </div>
37
+ <div class="w-10 h-10 rounded-full bg-white bg-opacity-30 flex items-center justify-center">
38
+ <i class="fas fa-user text-white"></i>
39
+ </div>
40
+ </div>
41
+ </div>
42
+ </div>
43
+
44
+ <div class="container mx-auto py-8 px-4">
45
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
46
+ <!-- Workflow Progress -->
47
+ <div class="bg-white rounded-xl shadow-md p-6">
48
+ <h2 class="text-xl font-semibold mb-4">Workflow Progress</h2>
49
+ <div class="flex justify-center mb-6">
50
+ <svg class="progress-ring w-40 h-40" viewBox="0 0 100 100">
51
+ <circle class="progress-ring__circle stroke-gray-200" stroke-width="6" fill="transparent" r="40" cx="50" cy="50"/>
52
+ <circle class="progress-ring__circle stroke-blue-500" stroke-width="6" stroke-dasharray="251.2" stroke-dashoffset="75.36" fill="transparent" r="40" cx="50" cy="50"/>
53
+ <text x="50" y="50" text-anchor="middle" dy=".3em" class="text-xl font-bold">70%</text>
54
+ </svg>
55
+ </div>
56
+ <div class="space-y-3">
57
+ <div class="flex items-center">
58
+ <div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center mr-3">
59
+ <i class="fas fa-check text-green-500"></i>
60
+ </div>
61
+ <span class="font-medium">Setup translation system</span>
62
+ </div>
63
+ <div class="flex items-center">
64
+ <div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center mr-3">
65
+ <i class="fas fa-check text-green-500"></i>
66
+ </div>
67
+ <span class="font-medium">Implement refactoring tools</span>
68
+ </div>
69
+ <div class="flex items-center">
70
+ <div class="w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-3">
71
+ <i class="fas fa-spinner text-blue-500 animate-spin"></i>
72
+ </div>
73
+ <span class="font-medium">Documentation templates</span>
74
+ </div>
75
+ <div class="flex items-center">
76
+ <div class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center mr-3">
77
+ <i class="fas fa-circle text-gray-300"></i>
78
+ </div>
79
+ <span class="font-medium text-gray-400">Automation scripts</span>
80
+ </div>
81
+ </div>
82
+ </div>
83
+
84
+ <!-- Quick Actions -->
85
+ <div class="bg-white rounded-xl shadow-md p-6">
86
+ <h2 class="text-xl font-semibold mb-4">Quick Actions</h2>
87
+ <div class="grid grid-cols-2 gap-4">
88
+ <button class="card-hover bg-blue-50 hover:bg-blue-100 rounded-lg p-4 flex flex-col items-center transition-all duration-300">
89
+ <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mb-2">
90
+ <i class="fas fa-code text-blue-500 text-xl"></i>
91
+ </div>
92
+ <span class="text-sm font-medium text-center">Translate to Code</span>
93
+ </button>
94
+ <button class="card-hover bg-purple-50 hover:bg-purple-100 rounded-lg p-4 flex flex-col items-center transition-all duration-300">
95
+ <div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center mb-2">
96
+ <i class="fas fa-sync-alt text-purple-500 text-xl"></i>
97
+ </div>
98
+ <span class="text-sm font-medium text-center">Refactor Code</span>
99
+ </button>
100
+ <button class="card-hover bg-green-50 hover:bg-green-100 rounded-lg p-4 flex flex-col items-center transition-all duration-300">
101
+ <div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center mb-2">
102
+ <i class="fas fa-file-alt text-green-500 text-xl"></i>
103
+ </div>
104
+ <span class="text-sm font-medium text-center">Update Docs</span>
105
+ </button>
106
+ <button class="card-hover bg-yellow-50 hover:bg-yellow-100 rounded-lg p-4 flex flex-col items-center transition-all duration-300">
107
+ <div class="w-12 h-12 rounded-full bg-yellow-100 flex items-center justify-center mb-2">
108
+ <i class="fas fa-robot text-yellow-500 text-xl"></i>
109
+ </div>
110
+ <span class="text-sm font-medium text-center">Automate Task</span>
111
+ </button>
112
+ </div>
113
+
114
+ <div class="mt-6">
115
+ <h3 class="font-medium mb-3">Recent Activities</h3>
116
+ <div class="space-y-3">
117
+ <div class="flex items-start">
118
+ <div class="w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-3 mt-1">
119
+ <i class="fas fa-code-branch text-blue-500 text-sm"></i>
120
+ </div>
121
+ <div>
122
+ <p class="text-sm">Refactored user authentication module</p>
123
+ <p class="text-xs text-gray-500">2 hours ago</p>
124
+ </div>
125
+ </div>
126
+ <div class="flex items-start">
127
+ <div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center mr-3 mt-1">
128
+ <i class="fas fa-book text-green-500 text-sm"></i>
129
+ </div>
130
+ <div>
131
+ <p class="text-sm">Updated API documentation</p>
132
+ <p class="text-xs text-gray-500">Yesterday</p>
133
+ </div>
134
+ </div>
135
+ </div>
136
+ </div>
137
+ </div>
138
+
139
+ <!-- Task List -->
140
+ <div class="bg-white rounded-xl shadow-md p-6">
141
+ <div class="flex justify-between items-center mb-4">
142
+ <h2 class="text-xl font-semibold">Today's Tasks</h2>
143
+ <button class="text-blue-500 hover:text-blue-700">
144
+ <i class="fas fa-plus"></i> Add
145
+ </button>
146
+ </div>
147
+ <div class="space-y-3">
148
+ <div class="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
149
+ <div class="flex items-center">
150
+ <input type="checkbox" class="mr-3 h-5 w-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500">
151
+ <span>Review translation accuracy</span>
152
+ </div>
153
+ <span class="text-xs px-2 py-1 bg-blue-100 text-blue-800 rounded-full">High</span>
154
+ </div>
155
+ <div class="flex items-center justify-between p-3">
156
+ <div class="flex items-center">
157
+ <input type="checkbox" class="mr-3 h-5 w-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500">
158
+ <span>Setup static analysis tools</span>
159
+ </div>
160
+ <span class="text-xs px-2 py-1 bg-yellow-100 text-yellow-800 rounded-full">Medium</span>
161
+ </div>
162
+ <div class="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
163
+ <div class="flex items-center">
164
+ <input type="checkbox" checked class="mr-3 h-5 w-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500">
165
+ <span class="task-completed">Create documentation template</span>
166
+ </div>
167
+ <span class="text-xs px-2 py-1 bg-gray-100 text-gray-800 rounded-full">Done</span>
168
+ </div>
169
+ <div class="flex items-center justify-between p-3">
170
+ <div class="flex items-center">
171
+ <input type="checkbox" class="mr-3 h-5 w-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500">
172
+ <span>Plan knowledge sharing session</span>
173
+ </div>
174
+ <span class="text-xs px-2 py-1 bg-purple-100 text-purple-800 rounded-full">Low</span>
175
+ </div>
176
+ </div>
177
+
178
+ <div class="mt-6">
179
+ <h3 class="font-medium mb-3">Team Collaboration</h3>
180
+ <div class="bg-blue-50 rounded-lg p-4">
181
+ <div class="flex items-center mb-3">
182
+ <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
183
+ <i class="fas fa-question text-blue-500"></i>
184
+ </div>
185
+ <div>
186
+ <p class="font-medium">Need help with the new API endpoints</p>
187
+ <p class="text-xs text-gray-600">Posted by Sarah 30 mins ago</p>
188
+ </div>
189
+ </div>
190
+ <div class="flex">
191
+ <input type="text" placeholder="Type your answer..." class="flex-grow rounded-l-lg border border-r-0 border-gray-300 px-3 py-2 focus:outline-none focus:ring-1 focus:ring-blue-500">
192
+ <button class="bg-blue-500 text-white px-4 rounded-r-lg hover:bg-blue-600">
193
+ <i class="fas fa-paper-plane"></i>
194
+ </button>
195
+ </div>
196
+ </div>
197
+ </div>
198
+ </div>
199
+ </div>
200
+
201
+ <!-- Workflow Steps -->
202
+ <div class="mt-8 bg-white rounded-xl shadow-md p-6">
203
+ <h2 class="text-xl font-semibold mb-6">Workflow Steps</h2>
204
+ <div class="relative">
205
+ <!-- Progress line -->
206
+ <div class="absolute left-5 top-0 h-full w-1 bg-gray-200"></div>
207
+
208
+ <!-- Steps -->
209
+ <div class="space-y-8">
210
+ <!-- Step 1 -->
211
+ <div class="relative flex items-start">
212
+ <div class="absolute left-5 -ml-2.5 w-4 h-4 rounded-full bg-blue-500 border-4 border-white"></div>
213
+ <div class="ml-10">
214
+ <h3 class="font-semibold text-lg">1. Natural Language to Code</h3>
215
+ <p class="text-gray-600 mt-1">Convert user requirements into logical programming steps using language processing tools.</p>
216
+ <div class="mt-3 flex flex-wrap gap-2">
217
+ <span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">Python</span>
218
+ <span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">JavaScript</span>
219
+ <span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full">NLP</span>
220
+ </div>
221
+ </div>
222
+ </div>
223
+
224
+ <!-- Step 2 -->
225
+ <div class="relative flex items-start">
226
+ <div class="absolute left-5 -ml-2.5 w-4 h-4 rounded-full bg-blue-500 border-4 border-white"></div>
227
+ <div class="ml-10">
228
+ <h3 class="font-semibold text-lg">2. Refactor & Debug</h3>
229
+ <p class="text-gray-600 mt-1">Implement continuous review process with static analysis tools to identify inefficiencies.</p>
230
+ <div class="mt-3 flex flex-wrap gap-2">
231
+ <span class="px-2 py-1 bg-purple-100 text-purple-800 text-xs rounded-full">ESLint</span>
232
+ <span class="px-2 py-1 bg-purple-100 text-purple-800 text-xs rounded-full">SonarQube</span>
233
+ </div>
234
+ </div>
235
+ </div>
236
+
237
+ <!-- Step 3 -->
238
+ <div class="relative flex items-start">
239
+ <div class="absolute left-5 -ml-2.5 w-4 h-4 rounded-full bg-blue-500 border-4 border-white"></div>
240
+ <div class="ml-10">
241
+ <h3 class="font-semibold text-lg">3. Documentation</h3>
242
+ <p class="text-gray-600 mt-1">Establish standards with templates for comments, guides, and API references.</p>
243
+ <div class="mt-3 flex flex-wrap gap-2">
244
+ <span class="px-2 py-1 bg-green-100 text-green-800 text-xs rounded-full">Markdown</span>
245
+ <span class="px-2 py-1 bg-green-100 text-green-800 text-xs rounded-full">Swagger</span>
246
+ </div>
247
+ </div>
248
+ </div>
249
+
250
+ <!-- Step 4 -->
251
+ <div class="relative flex items-start">
252
+ <div class="absolute left-5 -ml-2.5 w-4 h-4 rounded-full bg-blue-300 border-4 border-white"></div>
253
+ <div class="ml-10">
254
+ <h3 class="font-semibold text-lg">4. Team Collaboration</h3>
255
+ <p class="text-gray-600 mt-1">Set up knowledge base and forums for questions, with regular sharing sessions.</p>
256
+ <div class="mt-3 flex flex-wrap gap-2">
257
+ <span class="px-2 py-1 bg-yellow-100 text-yellow-800 text-xs rounded-full">Confluence</span>
258
+ <span class="px-2 py-1 bg-yellow-100 text-yellow-800 text-xs rounded-full">Slack</span>
259
+ </div>
260
+ </div>
261
+ </div>
262
+
263
+ <!-- Step 5 -->
264
+ <div class="relative flex items-start">
265
+ <div class="absolute left-5 -ml-2.5 w-4 h-4 rounded-full bg-gray-300 border-4 border-white"></div>
266
+ <div class="ml-10">
267
+ <h3 class="font-semibold text-lg">5. Automation</h3>
268
+ <p class="text-gray-600 mt-1">Identify and automate repetitive tasks like testing, deployment, and formatting.</p>
269
+ <div class="mt-3 flex flex-wrap gap-2">
270
+ <span class="px-2 py-1 bg-red-100 text-red-800 text-xs rounded-full">GitHub Actions</span>
271
+ <span class="px-2 py-1 bg-red-100 text-red-800 text-xs rounded-full">Prettier</span>
272
+ </div>
273
+ </div>
274
+ </div>
275
+
276
+ <!-- Step 6 -->
277
+ <div class="relative flex items-start">
278
+ <div class="absolute left-5 -ml-2.5 w-4 h-4 rounded-full bg-gray-300 border-4 border-white"></div>
279
+ <div class="ml-10">
280
+ <h3 class="font-semibold text-lg">6. Project Setup</h3>
281
+ <p class="text-gray-600 mt-1">Develop template library for new projects with consistent structure and configuration.</p>
282
+ <div class="mt-3 flex flex-wrap gap-2">
283
+ <span class="px-2 py-1 bg-indigo-100 text-indigo-800 text-xs rounded-full">Boilerplate</span>
284
+ <span class="px-2 py-1 bg-indigo-100 text-indigo-800 text-xs rounded-full">CLI</span>
285
+ </div>
286
+ </div>
287
+ </div>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ </div>
292
+
293
+ <script>
294
+ // Simple task completion toggle
295
+ document.querySelectorAll('input[type="checkbox"]').forEach(checkbox => {
296
+ checkbox.addEventListener('change', function() {
297
+ const taskText = this.nextElementSibling;
298
+ if (this.checked) {
299
+ taskText.classList.add('task-completed');
300
+ } else {
301
+ taskText.classList.remove('task-completed');
302
+ }
303
+ });
304
+ });
305
+
306
+ // Simulate progress ring animation
307
+ document.addEventListener('DOMContentLoaded', function() {
308
+ const circle = document.querySelector('.progress-ring__circle.stroke-blue-500');
309
+ const radius = circle.r.baseVal.value;
310
+ const circumference = 2 * Math.PI * radius;
311
+
312
+ circle.style.strokeDasharray = circumference;
313
+ circle.style.strokeDashoffset = circumference * 0.3; // 70% complete
314
+ });
315
+ </script>
316
+ <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=S-Dreamer/devworkoptimizer" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
317
+ </html>
prompts.txt ADDED
File without changes