Hugging Face's logo

Spaces:
gtkh
/
chantier1
Running

App Files Community
gtkh commited on
Commit
a6def29
路
verified 路
1 Parent(s): 63829d2

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +659 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Chantier1
3
- emoji: 馃悽
4
- colorFrom: green
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: chantier1
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,659 @@
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>BuildTrack - Construction Site Management</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
+ .progress-bar {
11
+ height: 8px;
12
+ transition: width 0.3s ease;
13
+ }
14
+ .sidebar {
15
+ transition: all 0.3s ease;
16
+ }
17
+ .task-card:hover {
18
+ transform: translateY(-2px);
19
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
20
+ }
21
+ .gantt-bar {
22
+ height: 20px;
23
+ border-radius: 4px;
24
+ }
25
+ @media (max-width: 768px) {
26
+ .sidebar {
27
+ position: absolute;
28
+ left: -100%;
29
+ z-index: 50;
30
+ }
31
+ .sidebar.open {
32
+ left: 0;
33
+ }
34
+ }
35
+ </style>
36
+ </head>
37
+ <body class="bg-gray-50 font-sans">
38
+ <div class="flex h-screen overflow-hidden">
39
+ <!-- Sidebar -->
40
+ <div class="sidebar bg-blue-800 text-white w-64 flex-shrink-0">
41
+ <div class="p-4 flex items-center justify-between border-b border-blue-700">
42
+ <div class="flex items-center space-x-2">
43
+ <i class="fas fa-hard-hat text-2xl text-yellow-400"></i>
44
+ <span class="text-xl font-bold">BuildTrack</span>
45
+ </div>
46
+ <button id="closeSidebar" class="md:hidden text-white">
47
+ <i class="fas fa-times"></i>
48
+ </button>
49
+ </div>
50
+ <nav class="p-4">
51
+ <div class="mb-6">
52
+ <h3 class="text-xs uppercase text-blue-300 mb-3 tracking-wider">Dashboard</h3>
53
+ <ul>
54
+ <li class="mb-2">
55
+ <a href="#" class="flex items-center p-2 rounded bg-blue-700">
56
+ <i class="fas fa-tachometer-alt mr-3"></i>
57
+ <span>Overview</span>
58
+ </a>
59
+ </li>
60
+ </ul>
61
+ </div>
62
+ <div class="mb-6">
63
+ <h3 class="text-xs uppercase text-blue-300 mb-3 tracking-wider">Projects</h3>
64
+ <ul>
65
+ <li class="mb-2">
66
+ <a href="#" class="flex items-center p-2 rounded hover:bg-blue-700">
67
+ <i class="fas fa-project-diagram mr-3"></i>
68
+ <span>All Projects</span>
69
+ </a>
70
+ </li>
71
+ <li class="mb-2">
72
+ <a href="#" class="flex items-center p-2 rounded hover:bg-blue-700">
73
+ <i class="fas fa-plus-circle mr-3"></i>
74
+ <span>New Project</span>
75
+ </a>
76
+ </li>
77
+ </ul>
78
+ </div>
79
+ <div class="mb-6">
80
+ <h3 class="text-xs uppercase text-blue-300 mb-3 tracking-wider">Tasks</h3>
81
+ <ul>
82
+ <li class="mb-2">
83
+ <a href="#" class="flex items-center p-2 rounded hover:bg-blue-700">
84
+ <i class="fas fa-tasks mr-3"></i>
85
+ <span>Task Board</span>
86
+ </a>
87
+ </li>
88
+ <li class="mb-2">
89
+ <a href="#" class="flex items-center p-2 rounded hover:bg-blue-700">
90
+ <i class="fas fa-calendar-alt mr-3"></i>
91
+ <span>Schedule</span>
92
+ </a>
93
+ </li>
94
+ </ul>
95
+ </div>
96
+ <div class="mb-6">
97
+ <h3 class="text-xs uppercase text-blue-300 mb-3 tracking-wider">Resources</h3>
98
+ <ul>
99
+ <li class="mb-2">
100
+ <a href="#" class="flex items-center p-2 rounded hover:bg-blue-700">
101
+ <i class="fas fa-users mr-3"></i>
102
+ <span>Team</span>
103
+ </a>
104
+ </li>
105
+ <li class="mb-2">
106
+ <a href="#" class="flex items-center p-2 rounded hover:bg-blue-700">
107
+ <i class="fas fa-truck mr-3"></i>
108
+ <span>Equipment</span>
109
+ </a>
110
+ </li>
111
+ <li class="mb-2">
112
+ <a href="#" class="flex items-center p-2 rounded hover:bg-blue-700">
113
+ <i class="fas fa-boxes mr-3"></i>
114
+ <span>Materials</span>
115
+ </a>
116
+ </li>
117
+ </ul>
118
+ </div>
119
+ <div class="mb-6">
120
+ <h3 class="text-xs uppercase text-blue-300 mb-3 tracking-wider">Reports</h3>
121
+ <ul>
122
+ <li class="mb-2">
123
+ <a href="#" class="flex items-center p-2 rounded hover:bg-blue-700">
124
+ <i class="fas fa-chart-line mr-3"></i>
125
+ <span>Progress</span>
126
+ </a>
127
+ </li>
128
+ <li class="mb-2">
129
+ <a href="#" class="flex items-center p-2 rounded hover:bg-blue-700">
130
+ <i class="fas fa-file-invoice-dollar mr-3"></i>
131
+ <span>Costs</span>
132
+ </a>
133
+ </li>
134
+ </ul>
135
+ </div>
136
+ </nav>
137
+ </div>
138
+
139
+ <!-- Main Content -->
140
+ <div class="flex-1 flex flex-col overflow-hidden">
141
+ <!-- Top Navigation -->
142
+ <header class="bg-white shadow-sm z-10">
143
+ <div class="flex items-center justify-between p-4">
144
+ <div class="flex items-center">
145
+ <button id="toggleSidebar" class="mr-4 text-gray-600 md:hidden">
146
+ <i class="fas fa-bars"></i>
147
+ </button>
148
+ <h1 class="text-xl font-semibold text-gray-800">Project Dashboard</h1>
149
+ </div>
150
+ <div class="flex items-center space-x-4">
151
+ <div class="relative">
152
+ <button class="text-gray-600 hover:text-gray-800">
153
+ <i class="fas fa-bell"></i>
154
+ <span class="absolute top-0 right-0 h-2 w-2 rounded-full bg-red-500"></span>
155
+ </button>
156
+ </div>
157
+ <div class="flex items-center">
158
+ <div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white font-semibold">
159
+ JM
160
+ </div>
161
+ <span class="ml-2 text-gray-700 hidden md:inline">John Manager</span>
162
+ </div>
163
+ </div>
164
+ </div>
165
+ </header>
166
+
167
+ <!-- Main Content Area -->
168
+ <main class="flex-1 overflow-y-auto p-4 bg-gray-50">
169
+ <!-- Project Summary -->
170
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
171
+ <div class="bg-white rounded-lg shadow p-4">
172
+ <div class="flex justify-between items-center">
173
+ <div>
174
+ <p class="text-gray-500 text-sm">Active Projects</p>
175
+ <h3 class="text-2xl font-bold">5</h3>
176
+ </div>
177
+ <div class="p-3 rounded-full bg-blue-100 text-blue-600">
178
+ <i class="fas fa-project-diagram"></i>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ <div class="bg-white rounded-lg shadow p-4">
183
+ <div class="flex justify-between items-center">
184
+ <div>
185
+ <p class="text-gray-500 text-sm">Tasks Today</p>
186
+ <h3 class="text-2xl font-bold">12</h3>
187
+ </div>
188
+ <div class="p-3 rounded-full bg-green-100 text-green-600">
189
+ <i class="fas fa-tasks"></i>
190
+ </div>
191
+ </div>
192
+ </div>
193
+ <div class="bg-white rounded-lg shadow p-4">
194
+ <div class="flex justify-between items-center">
195
+ <div>
196
+ <p class="text-gray-500 text-sm">Delayed Tasks</p>
197
+ <h3 class="text-2xl font-bold">3</h3>
198
+ </div>
199
+ <div class="p-3 rounded-full bg-red-100 text-red-600">
200
+ <i class="fas fa-exclamation-triangle"></i>
201
+ </div>
202
+ </div>
203
+ </div>
204
+ <div class="bg-white rounded-lg shadow p-4">
205
+ <div class="flex justify-between items-center">
206
+ <div>
207
+ <p class="text-gray-500 text-sm">Budget Used</p>
208
+ <h3 class="text-2xl font-bold">72%</h3>
209
+ </div>
210
+ <div class="p-3 rounded-full bg-yellow-100 text-yellow-600">
211
+ <i class="fas fa-dollar-sign"></i>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ </div>
216
+
217
+ <!-- Current Projects -->
218
+ <div class="bg-white rounded-lg shadow mb-6">
219
+ <div class="p-4 border-b border-gray-200">
220
+ <h2 class="text-lg font-semibold text-gray-800">Current Projects</h2>
221
+ </div>
222
+ <div class="p-4">
223
+ <div class="overflow-x-auto">
224
+ <table class="min-w-full divide-y divide-gray-200">
225
+ <thead class="bg-gray-50">
226
+ <tr>
227
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Project</th>
228
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Location</th>
229
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Start Date</th>
230
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">End Date</th>
231
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Progress</th>
232
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
233
+ </tr>
234
+ </thead>
235
+ <tbody class="bg-white divide-y divide-gray-200">
236
+ <tr class="hover:bg-gray-50">
237
+ <td class="px-6 py-4 whitespace-nowrap">
238
+ <div class="flex items-center">
239
+ <div class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-500 flex items-center justify-center text-white">
240
+ <i class="fas fa-building"></i>
241
+ </div>
242
+ <div class="ml-4">
243
+ <div class="text-sm font-medium text-gray-900">Residential Tower</div>
244
+ <div class="text-sm text-gray-500">Project #CT-2023-001</div>
245
+ </div>
246
+ </div>
247
+ </td>
248
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Downtown</td>
249
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15 Jan 2023</td>
250
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">30 Nov 2023</td>
251
+ <td class="px-6 py-4 whitespace-nowrap">
252
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
253
+ <div class="bg-blue-600 h-2.5 rounded-full" style="width: 65%"></div>
254
+ </div>
255
+ </td>
256
+ <td class="px-6 py-4 whitespace-nowrap">
257
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
258
+ On Track
259
+ </span>
260
+ </td>
261
+ </tr>
262
+ <tr class="hover:bg-gray-50">
263
+ <td class="px-6 py-4 whitespace-nowrap">
264
+ <div class="flex items-center">
265
+ <div class="flex-shrink-0 h-10 w-10 rounded-full bg-green-500 flex items-center justify-center text-white">
266
+ <i class="fas fa-home"></i>
267
+ </div>
268
+ <div class="ml-4">
269
+ <div class="text-sm font-medium text-gray-900">Suburban Housing</div>
270
+ <div class="text-sm text-gray-500">Project #CT-2023-002</div>
271
+ </div>
272
+ </div>
273
+ </td>
274
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">North District</td>
275
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 Mar 2023</td>
276
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15 Feb 2024</td>
277
+ <td class="px-6 py-4 whitespace-nowrap">
278
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
279
+ <div class="bg-green-600 h-2.5 rounded-full" style="width: 45%"></div>
280
+ </div>
281
+ </td>
282
+ <td class="px-6 py-4 whitespace-nowrap">
283
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
284
+ On Track
285
+ </span>
286
+ </td>
287
+ </tr>
288
+ <tr class="hover:bg-gray-50">
289
+ <td class="px-6 py-4 whitespace-nowrap">
290
+ <div class="flex items-center">
291
+ <div class="flex-shrink-0 h-10 w-10 rounded-full bg-yellow-500 flex items-center justify-center text-white">
292
+ <i class="fas fa-warehouse"></i>
293
+ </div>
294
+ <div class="ml-4">
295
+ <div class="text-sm font-medium text-gray-900">Commercial Complex</div>
296
+ <div class="text-sm text-gray-500">Project #CT-2023-003</div>
297
+ </div>
298
+ </div>
299
+ </td>
300
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Business Park</td>
301
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">10 Apr 2023</td>
302
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">20 May 2024</td>
303
+ <td class="px-6 py-4 whitespace-nowrap">
304
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
305
+ <div class="bg-yellow-500 h-2.5 rounded-full" style="width: 30%"></div>
306
+ </div>
307
+ </td>
308
+ <td class="px-6 py-4 whitespace-nowrap">
309
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">
310
+ At Risk
311
+ </span>
312
+ </td>
313
+ </tr>
314
+ </tbody>
315
+ </table>
316
+ </div>
317
+ </div>
318
+ </div>
319
+
320
+ <!-- Project Timeline -->
321
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
322
+ <div class="lg:col-span-2 bg-white rounded-lg shadow">
323
+ <div class="p-4 border-b border-gray-200">
324
+ <h2 class="text-lg font-semibold text-gray-800">Project Timeline</h2>
325
+ </div>
326
+ <div class="p-4">
327
+ <div class="mb-4">
328
+ <div class="flex justify-between mb-2">
329
+ <span class="text-sm font-medium text-gray-700">Residential Tower</span>
330
+ <span class="text-sm text-gray-500">65% complete</span>
331
+ </div>
332
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
333
+ <div class="bg-blue-600 h-2.5 rounded-full" style="width: 65%"></div>
334
+ </div>
335
+ </div>
336
+ <div class="mb-4">
337
+ <div class="flex justify-between mb-2">
338
+ <span class="text-sm font-medium text-gray-700">Suburban Housing</span>
339
+ <span class="text-sm text-gray-500">45% complete</span>
340
+ </div>
341
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
342
+ <div class="bg-green-600 h-2.5 rounded-full" style="width: 45%"></div>
343
+ </div>
344
+ </div>
345
+ <div class="mb-4">
346
+ <div class="flex justify-between mb-2">
347
+ <span class="text-sm font-medium text-gray-700">Commercial Complex</span>
348
+ <span class="text-sm text-gray-500">30% complete</span>
349
+ </div>
350
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
351
+ <div class="bg-yellow-500 h-2.5 rounded-full" style="width: 30%"></div>
352
+ </div>
353
+ </div>
354
+ <div class="mt-6">
355
+ <h3 class="text-md font-medium text-gray-700 mb-3">Gantt Chart Overview</h3>
356
+ <div class="space-y-4">
357
+ <div>
358
+ <div class="flex justify-between mb-1">
359
+ <span class="text-sm text-gray-600">Residential Tower</span>
360
+ <span class="text-sm text-gray-500">Jan - Nov 2023</span>
361
+ </div>
362
+ <div class="relative h-8 bg-gray-200 rounded">
363
+ <div class="absolute h-full bg-blue-600 rounded" style="left: 0%; width: 65%"></div>
364
+ </div>
365
+ </div>
366
+ <div>
367
+ <div class="flex justify-between mb-1">
368
+ <span class="text-sm text-gray-600">Suburban Housing</span>
369
+ <span class="text-sm text-gray-500">Mar 2023 - Feb 2024</span>
370
+ </div>
371
+ <div class="relative h-8 bg-gray-200 rounded">
372
+ <div class="absolute h-full bg-green-600 rounded" style="left: 15%; width: 45%"></div>
373
+ </div>
374
+ </div>
375
+ <div>
376
+ <div class="flex justify-between mb-1">
377
+ <span class="text-sm text-gray-600">Commercial Complex</span>
378
+ <span class="text-sm text-gray-500">Apr 2023 - May 2024</span>
379
+ </div>
380
+ <div class="relative h-8 bg-gray-200 rounded">
381
+ <div class="absolute h-full bg-yellow-500 rounded" style="left: 25%; width: 30%"></div>
382
+ </div>
383
+ </div>
384
+ </div>
385
+ </div>
386
+ </div>
387
+ </div>
388
+
389
+ <!-- Upcoming Tasks -->
390
+ <div class="bg-white rounded-lg shadow">
391
+ <div class="p-4 border-b border-gray-200">
392
+ <h2 class="text-lg font-semibold text-gray-800">Upcoming Tasks</h2>
393
+ </div>
394
+ <div class="p-4">
395
+ <div class="space-y-4">
396
+ <div class="task-card p-3 border border-gray-200 rounded-lg hover:border-blue-300 cursor-pointer transition-all">
397
+ <div class="flex justify-between items-start">
398
+ <div>
399
+ <h3 class="font-medium text-gray-800">Concrete Pouring - Floor 15</h3>
400
+ <p class="text-sm text-gray-500">Residential Tower</p>
401
+ </div>
402
+ <span class="px-2 py-1 text-xs rounded-full bg-blue-100 text-blue-800">High</span>
403
+ </div>
404
+ <div class="mt-2 flex items-center text-sm text-gray-500">
405
+ <i class="far fa-calendar-alt mr-1"></i>
406
+ <span>Tomorrow, 8:00 AM</span>
407
+ </div>
408
+ <div class="mt-2 flex items-center">
409
+ <div class="flex -space-x-2">
410
+ <img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/32.jpg" alt="">
411
+ <img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/45.jpg" alt="">
412
+ <img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/63.jpg" alt="">
413
+ </div>
414
+ <span class="ml-2 text-xs text-gray-500">+3 more</span>
415
+ </div>
416
+ </div>
417
+ <div class="task-card p-3 border border-gray-200 rounded-lg hover:border-green-300 cursor-pointer transition-all">
418
+ <div class="flex justify-between items-start">
419
+ <div>
420
+ <h3 class="font-medium text-gray-800">Roof Installation</h3>
421
+ <p class="text-sm text-gray-500">Suburban Housing</p>
422
+ </div>
423
+ <span class="px-2 py-1 text-xs rounded-full bg-green-100 text-green-800">Medium</span>
424
+ </div>
425
+ <div class="mt-2 flex items-center text-sm text-gray-500">
426
+ <i class="far fa-calendar-alt mr-1"></i>
427
+ <span>In 2 days, 9:00 AM</span>
428
+ </div>
429
+ <div class="mt-2 flex items-center">
430
+ <div class="flex -space-x-2">
431
+ <img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/22.jpg" alt="">
432
+ <img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/44.jpg" alt="">
433
+ </div>
434
+ </div>
435
+ </div>
436
+ <div class="task-card p-3 border border-gray-200 rounded-lg hover:border-yellow-300 cursor-pointer transition-all">
437
+ <div class="flex justify-between items-start">
438
+ <div>
439
+ <h3 class="font-medium text-gray-800">Material Delivery</h3>
440
+ <p class="text-sm text-gray-500">Commercial Complex</p>
441
+ </div>
442
+ <span class="px-2 py-1 text-xs rounded-full bg-yellow-100 text-yellow-800">Low</span>
443
+ </div>
444
+ <div class="mt-2 flex items-center text-sm text-gray-500">
445
+ <i class="far fa-calendar-alt mr-1"></i>
446
+ <span>In 3 days, 10:00 AM</span>
447
+ </div>
448
+ <div class="mt-2 flex items-center">
449
+ <div class="flex -space-x-2">
450
+ <img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/75.jpg" alt="">
451
+ </div>
452
+ </div>
453
+ </div>
454
+ <div class="task-card p-3 border border-gray-200 rounded-lg hover:border-red-300 cursor-pointer transition-all">
455
+ <div class="flex justify-between items-start">
456
+ <div>
457
+ <h3 class="font-medium text-gray-800">Safety Inspection</h3>
458
+ <p class="text-sm text-gray-500">All Projects</p>
459
+ </div>
460
+ <span class="px-2 py-1 text-xs rounded-full bg-red-100 text-red-800">Overdue</span>
461
+ </div>
462
+ <div class="mt-2 flex items-center text-sm text-gray-500">
463
+ <i class="far fa-calendar-alt mr-1"></i>
464
+ <span class="text-red-500">Yesterday, 2:00 PM</span>
465
+ </div>
466
+ <div class="mt-2 flex items-center">
467
+ <div class="flex -space-x-2">
468
+ <img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/68.jpg" alt="">
469
+ <img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/41.jpg" alt="">
470
+ </div>
471
+ </div>
472
+ </div>
473
+ </div>
474
+ <button class="mt-4 w-full py-2 px-4 border border-dashed border-gray-300 rounded-lg text-gray-500 hover:border-gray-400 hover:text-gray-700 transition-colors">
475
+ <i class="fas fa-plus mr-2"></i> Add New Task
476
+ </button>
477
+ </div>
478
+ </div>
479
+ </div>
480
+
481
+ <!-- Recent Activity -->
482
+ <div class="bg-white rounded-lg shadow mb-6">
483
+ <div class="p-4 border-b border-gray-200">
484
+ <h2 class="text-lg font-semibold text-gray-800">Recent Activity</h2>
485
+ </div>
486
+ <div class="p-4">
487
+ <div class="space-y-4">
488
+ <div class="flex">
489
+ <div class="flex-shrink-0 mr-3">
490
+ <img class="h-8 w-8 rounded-full" src="https://randomuser.me/api/portraits/men/32.jpg" alt="">
491
+ </div>
492
+ <div class="flex-1 border-b border-gray-200 pb-4">
493
+ <div class="flex items-center text-sm">
494
+ <span class="font-semibold text-gray-900">Michael Johnson</span>
495
+ <span class="ml-1 text-gray-500">completed</span>
496
+ <span class="ml-1 font-semibold text-blue-600">Electrical Wiring - Floor 14</span>
497
+ </div>
498
+ <div class="mt-1 text-sm text-gray-500">
499
+ Residential Tower 路 2 hours ago
500
+ </div>
501
+ </div>
502
+ </div>
503
+ <div class="flex">
504
+ <div class="flex-shrink-0 mr-3">
505
+ <img class="h-8 w-8 rounded-full" src="https://randomuser.me/api/portraits/women/44.jpg" alt="">
506
+ </div>
507
+ <div class="flex-1 border-b border-gray-200 pb-4">
508
+ <div class="flex items-center text-sm">
509
+ <span class="font-semibold text-gray-900">Sarah Williams</span>
510
+ <span class="ml-1 text-gray-500">uploaded</span>
511
+ <span class="ml-1 font-semibold text-blue-600">Updated blueprints</span>
512
+ </div>
513
+ <div class="mt-1 text-sm text-gray-500">
514
+ Suburban Housing 路 5 hours ago
515
+ </div>
516
+ </div>
517
+ </div>
518
+ <div class="flex">
519
+ <div class="flex-shrink-0 mr-3">
520
+ <img class="h-8 w-8 rounded-full" src="https://randomuser.me/api/portraits/men/22.jpg" alt="">
521
+ </div>
522
+ <div class="flex-1 border-b border-gray-200 pb-4">
523
+ <div class="flex items-center text-sm">
524
+ <span class="font-semibold text-gray-900">Robert Chen</span>
525
+ <span class="ml-1 text-gray-500">reported an issue with</span>
526
+ <span class="ml-1 font-semibold text-red-600">Crane #3</span>
527
+ </div>
528
+ <div class="mt-1 text-sm text-gray-500">
529
+ Commercial Complex 路 Yesterday
530
+ </div>
531
+ </div>
532
+ </div>
533
+ <div class="flex">
534
+ <div class="flex-shrink-0 mr-3">
535
+ <img class="h-8 w-8 rounded-full" src="https://randomuser.me/api/portraits/men/41.jpg" alt="">
536
+ </div>
537
+ <div class="flex-1 pb-1">
538
+ <div class="flex items-center text-sm">
539
+ <span class="font-semibold text-gray-900">David Miller</span>
540
+ <span class="ml-1 text-gray-500">approved</span>
541
+ <span class="ml-1 font-semibold text-green-600">Concrete test results</span>
542
+ </div>
543
+ <div class="mt-1 text-sm text-gray-500">
544
+ Residential Tower 路 2 days ago
545
+ </div>
546
+ </div>
547
+ </div>
548
+ </div>
549
+ </div>
550
+ </div>
551
+ </main>
552
+ </div>
553
+ </div>
554
+
555
+ <script>
556
+ // Toggle sidebar on mobile
557
+ document.getElementById('toggleSidebar').addEventListener('click', function() {
558
+ document.querySelector('.sidebar').classList.add('open');
559
+ });
560
+
561
+ document.getElementById('closeSidebar').addEventListener('click', function() {
562
+ document.querySelector('.sidebar').classList.remove('open');
563
+ });
564
+
565
+ // Sample data for demonstration
566
+ const projects = [
567
+ {
568
+ id: 1,
569
+ name: "Residential Tower",
570
+ code: "CT-2023-001",
571
+ location: "Downtown",
572
+ startDate: "2023-01-15",
573
+ endDate: "2023-11-30",
574
+ progress: 65,
575
+ status: "On Track"
576
+ },
577
+ {
578
+ id: 2,
579
+ name: "Suburban Housing",
580
+ code: "CT-2023-002",
581
+ location: "North District",
582
+ startDate: "2023-03-01",
583
+ endDate: "2024-02-15",
584
+ progress: 45,
585
+ status: "On Track"
586
+ },
587
+ {
588
+ id: 3,
589
+ name: "Commercial Complex",
590
+ code: "CT-2023-003",
591
+ location: "Business Park",
592
+ startDate: "2023-04-10",
593
+ endDate: "2024-05-20",
594
+ progress: 30,
595
+ status: "At Risk"
596
+ }
597
+ ];
598
+
599
+ const tasks = [
600
+ {
601
+ id: 1,
602
+ title: "Concrete Pouring - Floor 15",
603
+ project: "Residential Tower",
604
+ priority: "High",
605
+ date: "Tomorrow, 8:00 AM",
606
+ team: [
607
+ "https://randomuser.me/api/portraits/men/32.jpg",
608
+ "https://randomuser.me/api/portraits/men/45.jpg",
609
+ "https://randomuser.me/api/portraits/women/63.jpg"
610
+ ]
611
+ },
612
+ {
613
+ id: 2,
614
+ title: "Roof Installation",
615
+ project: "Suburban Housing",
616
+ priority: "Medium",
617
+ date: "In 2 days, 9:00 AM",
618
+ team: [
619
+ "https://randomuser.me/api/portraits/men/22.jpg",
620
+ "https://randomuser.me/api/portraits/women/44.jpg"
621
+ ]
622
+ },
623
+ {
624
+ id: 3,
625
+ title: "Material Delivery",
626
+ project: "Commercial Complex",
627
+ priority: "Low",
628
+ date: "In 3 days, 10:00 AM",
629
+ team: [
630
+ "https://randomuser.me/api/portraits/men/75.jpg"
631
+ ]
632
+ },
633
+ {
634
+ id: 4,
635
+ title: "Safety Inspection",
636
+ project: "All Projects",
637
+ priority: "Overdue",
638
+ date: "Yesterday, 2:00 PM",
639
+ team: [
640
+ "https://randomuser.me/api/portraits/women/68.jpg",
641
+ "https://randomuser.me/api/portraits/men/41.jpg"
642
+ ]
643
+ }
644
+ ];
645
+
646
+ // In a real application, you would fetch this data from an API
647
+ console.log("Construction Site Management Tool Loaded");
648
+ console.log("Projects:", projects);
649
+ console.log("Tasks:", tasks);
650
+
651
+ // You would also have functions to handle:
652
+ // - Adding new projects
653
+ // - Updating project status
654
+ // - Managing tasks
655
+ // - Tracking resources
656
+ // - Generating reports
657
+ </script>
658
+ <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=gtkh/chantier1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
659
+ </html>
prompts.txt ADDED
File without changes