Hugging Face's logo

Spaces:
ticoyoyo
/
test
Running

App Files Community
ticoyoyo commited on
Commit
1c7889e
·
verified ·
1 Parent(s): 7288cce

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +474 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Test
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: test
3
+ emoji: 🐳
4
+ colorFrom: pink
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,474 @@
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>RecruitFlow | Modern ATS Platform</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=Inter:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Inter', sans-serif;
14
+ background-color: #f8fafc;
15
+ }
16
+
17
+ .gradient-bg {
18
+ background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
19
+ }
20
+
21
+ .card-hover:hover {
22
+ transform: translateY(-5px);
23
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
24
+ }
25
+
26
+ .transition-all {
27
+ transition: all 0.3s ease;
28
+ }
29
+
30
+ .sidebar-item:hover {
31
+ background-color: rgba(255, 255, 255, 0.1);
32
+ }
33
+
34
+ .candidate-card:hover {
35
+ border-color: #818cf8;
36
+ }
37
+
38
+ .animate-pulse {
39
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
40
+ }
41
+
42
+ @keyframes pulse {
43
+ 0%, 100% {
44
+ opacity: 1;
45
+ }
46
+ 50% {
47
+ opacity: 0.5;
48
+ }
49
+ }
50
+ </style>
51
+ </head>
52
+ <body class="text-gray-800">
53
+ <!-- Navigation -->
54
+ <nav class="gradient-bg text-white shadow-lg">
55
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
56
+ <div class="flex justify-between h-16 items-center">
57
+ <div class="flex items-center">
58
+ <div class="flex-shrink-0 flex items-center">
59
+ <i class="fas fa-user-tie text-2xl mr-2"></i>
60
+ <span class="text-xl font-semibold">RecruitFlow</span>
61
+ </div>
62
+ <div class="hidden md:block ml-10">
63
+ <div class="flex space-x-4">
64
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium bg-white bg-opacity-20">Dashboard</a>
65
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium hover:bg-white hover:bg-opacity-20">Candidates</a>
66
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium hover:bg-white hover:bg-opacity-20">Jobs</a>
67
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium hover:bg-white hover:bg-opacity-20">Analytics</a>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ <div class="hidden md:block">
72
+ <div class="flex items-center space-x-4">
73
+ <div class="relative">
74
+ <button class="p-1 rounded-full text-white hover:bg-white hover:bg-opacity-20 focus:outline-none">
75
+ <i class="fas fa-bell"></i>
76
+ <span class="absolute top-0 right-0 h-2 w-2 rounded-full bg-red-500"></span>
77
+ </button>
78
+ </div>
79
+ <div class="flex items-center space-x-2">
80
+ <img class="h-8 w-8 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
81
+ <span class="text-sm font-medium">John Doe</span>
82
+ <i class="fas fa-chevron-down text-xs"></i>
83
+ </div>
84
+ </div>
85
+ </div>
86
+ <div class="-mr-2 flex md:hidden">
87
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-white hover:bg-white hover:bg-opacity-20 focus:outline-none">
88
+ <i class="fas fa-bars"></i>
89
+ </button>
90
+ </div>
91
+ </div>
92
+ </div>
93
+ </nav>
94
+
95
+ <div class="flex">
96
+ <!-- Sidebar -->
97
+ <div class="hidden md:flex md:flex-shrink-0">
98
+ <div class="flex flex-col w-64 gradient-bg text-white">
99
+ <div class="h-0 flex-1 flex flex-col pt-5 pb-4 overflow-y-auto">
100
+ <div class="px-4">
101
+ <h2 class="text-lg font-semibold">Recruitment Pipeline</h2>
102
+ </div>
103
+ <nav class="mt-5 flex-1 space-y-1 px-2">
104
+ <a href="#" class="sidebar-item flex items-center px-2 py-2 text-sm font-medium rounded-md bg-white bg-opacity-20">
105
+ <i class="fas fa-home mr-3"></i>
106
+ Dashboard
107
+ </a>
108
+ <a href="#" class="sidebar-item flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-white hover:bg-opacity-20">
109
+ <i class="fas fa-users mr-3"></i>
110
+ Candidates
111
+ </a>
112
+ <a href="#" class="sidebar-item flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-white hover:bg-opacity-20">
113
+ <i class="fas fa-briefcase mr-3"></i>
114
+ Job Postings
115
+ </a>
116
+ <a href="#" class="sidebar-item flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-white hover:bg-opacity-20">
117
+ <i class="fas fa-envelope mr-3"></i>
118
+ Messages
119
+ </a>
120
+ <a href="#" class="sidebar-item flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-white hover:bg-opacity-20">
121
+ <i class="fas fa-chart-line mr-3"></i>
122
+ Analytics
123
+ </a>
124
+ <a href="#" class="sidebar-item flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-white hover:bg-opacity-20">
125
+ <i class="fas fa-cog mr-3"></i>
126
+ Settings
127
+ </a>
128
+ </nav>
129
+ </div>
130
+ <div class="flex-shrink-0 flex border-t border-white border-opacity-20 p-4">
131
+ <div class="flex items-center">
132
+ <img class="h-9 w-9 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
133
+ <div class="ml-3">
134
+ <p class="text-sm font-medium">John Doe</p>
135
+ <a href="#" class="text-xs font-medium text-white text-opacity-70 hover:text-opacity-100">View profile</a>
136
+ </div>
137
+ </div>
138
+ </div>
139
+ </div>
140
+ </div>
141
+
142
+ <!-- Main Content -->
143
+ <div class="flex-1 overflow-auto">
144
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
145
+ <!-- Header -->
146
+ <div class="flex justify-between items-center mb-8">
147
+ <div>
148
+ <h1 class="text-2xl font-bold text-gray-900">Dashboard</h1>
149
+ <p class="text-gray-500">Welcome back! Here's what's happening with your recruitment today.</p>
150
+ </div>
151
+ <button class="gradient-bg text-white px-4 py-2 rounded-md hover:opacity-90 transition-all flex items-center">
152
+ <i class="fas fa-plus mr-2"></i> New Job Posting
153
+ </button>
154
+ </div>
155
+
156
+ <!-- Stats Cards -->
157
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
158
+ <div class="bg-white rounded-lg shadow p-6 card-hover transition-all">
159
+ <div class="flex items-center">
160
+ <div class="p-3 rounded-full bg-indigo-100 text-indigo-600 mr-4">
161
+ <i class="fas fa-users text-xl"></i>
162
+ </div>
163
+ <div>
164
+ <p class="text-sm font-medium text-gray-500">Total Candidates</p>
165
+ <p class="text-2xl font-semibold text-gray-900">1,254</p>
166
+ <p class="text-xs text-green-500 flex items-center">
167
+ <i class="fas fa-arrow-up mr-1"></i> 12% from last month
168
+ </p>
169
+ </div>
170
+ </div>
171
+ </div>
172
+
173
+ <div class="bg-white rounded-lg shadow p-6 card-hover transition-all">
174
+ <div class="flex items-center">
175
+ <div class="p-3 rounded-full bg-blue-100 text-blue-600 mr-4">
176
+ <i class="fas fa-briefcase text-xl"></i>
177
+ </div>
178
+ <div>
179
+ <p class="text-sm font-medium text-gray-500">Active Jobs</p>
180
+ <p class="text-2xl font-semibold text-gray-900">24</p>
181
+ <p class="text-xs text-green-500 flex items-center">
182
+ <i class="fas fa-arrow-up mr-1"></i> 3 new this week
183
+ </p>
184
+ </div>
185
+ </div>
186
+ </div>
187
+
188
+ <div class="bg-white rounded-lg shadow p-6 card-hover transition-all">
189
+ <div class="flex items-center">
190
+ <div class="p-3 rounded-full bg-green-100 text-green-600 mr-4">
191
+ <i class="fas fa-check-circle text-xl"></i>
192
+ </div>
193
+ <div>
194
+ <p class="text-sm font-medium text-gray-500">Hired This Month</p>
195
+ <p class="text-2xl font-semibold text-gray-900">18</p>
196
+ <p class="text-xs text-green-500 flex items-center">
197
+ <i class="fas fa-arrow-up mr-1"></i> 20% from last month
198
+ </p>
199
+ </div>
200
+ </div>
201
+ </div>
202
+
203
+ <div class="bg-white rounded-lg shadow p-6 card-hover transition-all">
204
+ <div class="flex items-center">
205
+ <div class="p-3 rounded-full bg-purple-100 text-purple-600 mr-4">
206
+ <i class="fas fa-clock text-xl"></i>
207
+ </div>
208
+ <div>
209
+ <p class="text-sm font-medium text-gray-500">Avg. Time to Hire</p>
210
+ <p class="text-2xl font-semibold text-gray-900">23 days</p>
211
+ <p class="text-xs text-red-500 flex items-center">
212
+ <i class="fas fa-arrow-down mr-1"></i> 2 days faster
213
+ </p>
214
+ </div>
215
+ </div>
216
+ </div>
217
+ </div>
218
+
219
+ <!-- Recent Activity and Top Candidates -->
220
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
221
+ <div class="lg:col-span-2">
222
+ <div class="bg-white rounded-lg shadow overflow-hidden">
223
+ <div class="px-6 py-4 border-b border-gray-200">
224
+ <h2 class="text-lg font-semibold text-gray-900">Recent Activity</h2>
225
+ </div>
226
+ <div class="divide-y divide-gray-200">
227
+ <div class="px-6 py-4">
228
+ <div class="flex items-center">
229
+ <div class="flex-shrink-0">
230
+ <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
231
+ </div>
232
+ <div class="ml-4">
233
+ <div class="text-sm font-medium text-gray-900">Sarah Johnson</div>
234
+ <div class="text-sm text-gray-500">Applied for Senior UX Designer</div>
235
+ </div>
236
+ <div class="ml-auto text-sm text-gray-500">
237
+ 2 hours ago
238
+ </div>
239
+ </div>
240
+ </div>
241
+ <div class="px-6 py-4">
242
+ <div class="flex items-center">
243
+ <div class="flex-shrink-0">
244
+ <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1519244703995-f4e0f30006d5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
245
+ </div>
246
+ <div class="ml-4">
247
+ <div class="text-sm font-medium text-gray-900">Michael Chen</div>
248
+ <div class="text-sm text-gray-500">Completed technical assessment</div>
249
+ </div>
250
+ <div class="ml-auto text-sm text-gray-500">
251
+ 5 hours ago
252
+ </div>
253
+ </div>
254
+ </div>
255
+ <div class="px-6 py-4">
256
+ <div class="flex items-center">
257
+ <div class="flex-shrink-0">
258
+ <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
259
+ </div>
260
+ <div class="ml-4">
261
+ <div class="text-sm font-medium text-gray-900">David Wilson</div>
262
+ <div class="text-sm text-gray-500">Scheduled interview for tomorrow</div>
263
+ </div>
264
+ <div class="ml-auto text-sm text-gray-500">
265
+ 1 day ago
266
+ </div>
267
+ </div>
268
+ </div>
269
+ <div class="px-6 py-4">
270
+ <div class="flex items-center">
271
+ <div class="flex-shrink-0">
272
+ <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
273
+ </div>
274
+ <div class="ml-4">
275
+ <div class="text-sm font-medium text-gray-900">Emily Rodriguez</div>
276
+ <div class="text-sm text-gray-500">Accepted offer for Marketing Manager</div>
277
+ </div>
278
+ <div class="ml-auto text-sm text-gray-500">
279
+ 2 days ago
280
+ </div>
281
+ </div>
282
+ </div>
283
+ </div>
284
+ <div class="px-6 py-4 border-t border-gray-200">
285
+ <a href="#" class="text-sm font-medium text-indigo-600 hover:text-indigo-500">View all activity</a>
286
+ </div>
287
+ </div>
288
+ </div>
289
+
290
+ <div>
291
+ <div class="bg-white rounded-lg shadow overflow-hidden">
292
+ <div class="px-6 py-4 border-b border-gray-200">
293
+ <h2 class="text-lg font-semibold text-gray-900">Top Candidates</h2>
294
+ </div>
295
+ <div class="divide-y divide-gray-200">
296
+ <div class="px-6 py-4">
297
+ <div class="flex items-center">
298
+ <div class="flex-shrink-0">
299
+ <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1570295999919-56ceb5ecca61?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
300
+ </div>
301
+ <div class="ml-4">
302
+ <div class="text-sm font-medium text-gray-900">Robert Johnson</div>
303
+ <div class="text-sm text-gray-500">Software Engineer</div>
304
+ </div>
305
+ <div class="ml-auto">
306
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
307
+ Top Match
308
+ </span>
309
+ </div>
310
+ </div>
311
+ </div>
312
+ <div class="px-6 py-4">
313
+ <div class="flex items-center">
314
+ <div class="flex-shrink-0">
315
+ <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
316
+ </div>
317
+ <div class="ml-4">
318
+ <div class="text-sm font-medium text-gray-900">Jennifer Lee</div>
319
+ <div class="text-sm text-gray-500">Product Manager</div>
320
+ </div>
321
+ <div class="ml-auto">
322
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">
323
+ High Potential
324
+ </span>
325
+ </div>
326
+ </div>
327
+ </div>
328
+ <div class="px-6 py-4">
329
+ <div class="flex items-center">
330
+ <div class="flex-shrink-0">
331
+ <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
332
+ </div>
333
+ <div class="ml-4">
334
+ <div class="text-sm font-medium text-gray-900">Thomas Smith</div>
335
+ <div class="text-sm text-gray-500">Data Scientist</div>
336
+ </div>
337
+ <div class="ml-auto">
338
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">
339
+ Fast Mover
340
+ </span>
341
+ </div>
342
+ </div>
343
+ </div>
344
+ <div class="px-6 py-4">
345
+ <div class="flex items-center">
346
+ <div class="flex-shrink-0">
347
+ <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1531123897727-8f129e1688ce?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
348
+ </div>
349
+ <div class="ml-4">
350
+ <div class="text-sm font-medium text-gray-900">Amanda Wilson</div>
351
+ <div class="text-sm text-gray-500">UX Designer</div>
352
+ </div>
353
+ <div class="ml-auto">
354
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">
355
+ New
356
+ </span>
357
+ </div>
358
+ </div>
359
+ </div>
360
+ </div>
361
+ <div class="px-6 py-4 border-t border-gray-200">
362
+ <a href="#" class="text-sm font-medium text-indigo-600 hover:text-indigo-500">View all candidates</a>
363
+ </div>
364
+ </div>
365
+ </div>
366
+ </div>
367
+
368
+ <!-- Current Openings -->
369
+ <div class="mb-8">
370
+ <div class="flex justify-between items-center mb-4">
371
+ <h2 class="text-lg font-semibold text-gray-900">Current Openings</h2>
372
+ <a href="#" class="text-sm font-medium text-indigo-600 hover:text-indigo-500">View all jobs</a>
373
+ </div>
374
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
375
+ <div class="bg-white rounded-lg shadow overflow-hidden card-hover transition-all">
376
+ <div class="p-6">
377
+ <div class="flex items-center justify-between">
378
+ <span class="px-2 py-1 text-xs font-semibold rounded-full bg-green-100 text-green-800">Active</span>
379
+ <div class="text-sm text-gray-500">5 applicants</div>
380
+ </div>
381
+ <h3 class="mt-2 text-lg font-semibold text-gray-900">Senior Frontend Developer</h3>
382
+ <p class="mt-1 text-sm text-gray-500">Engineering • Full-time • Remote</p>
383
+ <div class="mt-4 flex justify-between items-center">
384
+ <div class="flex items-center">
385
+ <i class="fas fa-map-marker-alt text-gray-400 mr-1"></i>
386
+ <span class="text-sm text-gray-500">San Francisco, CA</span>
387
+ </div>
388
+ <span class="text-sm font-medium text-gray-900">$120k - $150k</span>
389
+ </div>
390
+ </div>
391
+ <div class="bg-gray-50 px-6 py-3 flex justify-end">
392
+ <button class="text-sm font-medium text-indigo-600 hover:text-indigo-500">View details</button>
393
+ </div>
394
+ </div>
395
+
396
+ <div class="bg-white rounded-lg shadow overflow-hidden card-hover transition-all">
397
+ <div class="p-6">
398
+ <div class="flex items-center justify-between">
399
+ <span class="px-2 py-1 text-xs font-semibold rounded-full bg-blue-100 text-blue-800">New</span>
400
+ <div class="text-sm text-gray-500">12 applicants</div>
401
+ </div>
402
+ <h3 class="mt-2 text-lg font-semibold text-gray-900">Product Manager</h3>
403
+ <p class="mt-1 text-sm text-gray-500">Product • Full-time • Hybrid</p>
404
+ <div class="mt-4 flex justify-between items-center">
405
+ <div class="flex items-center">
406
+ <i class="fas fa-map-marker-alt text-gray-400 mr-1"></i>
407
+ <span class="text-sm text-gray-500">New York, NY</span>
408
+ </div>
409
+ <span class="text-sm font-medium text-gray-900">$110k - $140k</span>
410
+ </div>
411
+ </div>
412
+ <div class="bg-gray-50 px-6 py-3 flex justify-end">
413
+ <button class="text-sm font-medium text-indigo-600 hover:text-indigo-500">View details</button>
414
+ </div>
415
+ </div>
416
+
417
+ <div class="bg-white rounded-lg shadow overflow-hidden card-hover transition-all">
418
+ <div class="p-6">
419
+ <div class="flex items-center justify-between">
420
+ <span class="px-2 py-1 text-xs font-semibold rounded-full bg-yellow-100 text-yellow-800">Closing Soon</span>
421
+ <div class="text-sm text-gray-500">8 applicants</div>
422
+ </div>
423
+ <h3 class="mt-2 text-lg font-semibold text-gray-900">Data Scientist</h3>
424
+ <p class="mt-1 text-sm text-gray-500">Data • Full-time • On-site</p>
425
+ <div class="mt-4 flex justify-between items-center">
426
+ <div class="flex items-center">
427
+ <i class="fas fa-map-marker-alt text-gray-400 mr-1"></i>
428
+ <span class="text-sm text-gray-500">Austin, TX</span>
429
+ </div>
430
+ <span class="text-sm font-medium text-gray-900">$100k - $130k</span>
431
+ </div>
432
+ </div>
433
+ <div class="bg-gray-50 px-6 py-3 flex justify-end">
434
+ <button class="text-sm font-medium text-indigo-600 hover:text-indigo-500">View details</button>
435
+ </div>
436
+ </div>
437
+ </div>
438
+ </div>
439
+ </div>
440
+ </div>
441
+ </div>
442
+
443
+ <script>
444
+ // Simple JavaScript for interactive elements
445
+ document.addEventListener('DOMContentLoaded', function() {
446
+ // Add hover effect to candidate cards
447
+ const candidateCards = document.querySelectorAll('.candidate-card');
448
+ candidateCards.forEach(card => {
449
+ card.addEventListener('mouseenter', function() {
450
+ this.classList.add('border-indigo-300');
451
+ this.classList.add('shadow-md');
452
+ });
453
+ card.addEventListener('mouseleave', function() {
454
+ this.classList.remove('border-indigo-300');
455
+ this.classList.remove('shadow-md');
456
+ });
457
+ });
458
+
459
+ // Mobile menu toggle would go here
460
+ // const mobileMenuButton = document.querySelector('[aria-controls="mobile-menu"]');
461
+ // const mobileMenu = document.getElementById('mobile-menu');
462
+ // mobileMenuButton.addEventListener('click', function() {
463
+ // mobileMenu.classList.toggle('hidden');
464
+ // });
465
+
466
+ // You could add more interactive features like:
467
+ // - Filtering candidates
468
+ // - Sorting job listings
469
+ // - AJAX loading of more content
470
+ // - Modal dialogs for actions
471
+ });
472
+ </script>
473
+ <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=ticoyoyo/test" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
474
+ </html>
prompts.txt ADDED
File without changes