Hugging Face's logo

Spaces:
kamioll999
/
weeding
Running

App Files Community
kamioll999 commited on
Commit
91e85e9
·
verified ·
1 Parent(s): 8640274

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +538 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Weeding
3
- emoji: 🐠
4
  colorFrom: purple
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: weeding
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,538 @@
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>Kamil & Martyna's Wedding Planner</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
+ .countdown-number {
11
+ font-size: clamp(1.5rem, 5vw, 3rem);
12
+ }
13
+ .progress-ring__circle {
14
+ transition: stroke-dashoffset 0.35s;
15
+ transform: rotate(-90deg);
16
+ transform-origin: 50% 50%;
17
+ }
18
+ .task-checkbox:checked + .task-label {
19
+ text-decoration: line-through;
20
+ color: #9ca3af;
21
+ }
22
+ .fade-in {
23
+ animation: fadeIn 0.5s ease-in;
24
+ }
25
+ @keyframes fadeIn {
26
+ from { opacity: 0; }
27
+ to { opacity: 1; }
28
+ }
29
+ .sidebar {
30
+ transition: all 0.3s ease;
31
+ }
32
+ @media (max-width: 768px) {
33
+ .sidebar {
34
+ transform: translateX(-100%);
35
+ position: fixed;
36
+ z-index: 50;
37
+ height: 100vh;
38
+ }
39
+ .sidebar.open {
40
+ transform: translateX(0);
41
+ }
42
+ }
43
+ </style>
44
+ </head>
45
+ <body class="bg-gray-50 font-sans">
46
+ <!-- Mobile Menu Button -->
47
+ <div class="md:hidden fixed top-4 left-4 z-50">
48
+ <button id="menuBtn" class="p-2 rounded-lg bg-white shadow-md text-pink-600">
49
+ <i class="fas fa-bars text-xl"></i>
50
+ </button>
51
+ </div>
52
+
53
+ <!-- Sidebar -->
54
+ <div id="sidebar" class="sidebar w-64 bg-gradient-to-b from-pink-600 to-pink-500 text-white fixed h-full overflow-y-auto">
55
+ <div class="p-6 flex flex-col items-center">
56
+ <div class="w-24 h-24 rounded-full bg-white flex items-center justify-center mb-4 shadow-lg">
57
+ <i class="fas fa-heart text-pink-500 text-4xl"></i>
58
+ </div>
59
+ <h1 class="text-2xl font-bold text-center">Kamil & Martyna</h1>
60
+ <p class="text-pink-100 text-sm mt-1">October 12, 2024</p>
61
+ </div>
62
+
63
+ <nav class="mt-8">
64
+ <div class="px-4">
65
+ <div class="relative">
66
+ <input type="text" placeholder="Search..." class="w-full bg-pink-700 text-white placeholder-pink-200 rounded-lg px-4 py-2 pl-10 focus:outline-none focus:ring-2 focus:ring-pink-300">
67
+ <i class="fas fa-search absolute left-3 top-3 text-pink-200"></i>
68
+ </div>
69
+ </div>
70
+
71
+ <ul class="mt-6">
72
+ <li>
73
+ <a href="#" class="flex items-center px-6 py-3 bg-pink-700 text-white">
74
+ <i class="fas fa-home mr-3"></i>
75
+ Dashboard
76
+ </a>
77
+ </li>
78
+ <li>
79
+ <a href="#" class="flex items-center px-6 py-3 hover:bg-pink-700 text-white">
80
+ <i class="fas fa-tasks mr-3"></i>
81
+ Tasks
82
+ </a>
83
+ </li>
84
+ <li>
85
+ <a href="#" class="flex items-center px-6 py-3 hover:bg-pink-700 text-white">
86
+ <i class="fas fa-dollar-sign mr-3"></i>
87
+ Budget
88
+ </a>
89
+ </li>
90
+ <li>
91
+ <a href="#" class="flex items-center px-6 py-3 hover:bg-pink-700 text-white">
92
+ <i class="fas fa-calendar-alt mr-3"></i>
93
+ Calendar
94
+ </a>
95
+ </li>
96
+ <li>
97
+ <a href="#" class="flex items-center px-6 py-3 hover:bg-pink-700 text-white">
98
+ <i class="fas fa-chart-pie mr-3"></i>
99
+ Statistics
100
+ </a>
101
+ </li>
102
+ <li>
103
+ <a href="#" class="flex items-center px-6 py-3 hover:bg-pink-700 text-white">
104
+ <i class="fas fa-users mr-3"></i>
105
+ Guest List
106
+ </a>
107
+ </li>
108
+ <li>
109
+ <a href="#" class="flex items-center px-6 py-3 hover:bg-pink-700 text-white">
110
+ <i class="fas fa-utensils mr-3"></i>
111
+ Vendors
112
+ </a>
113
+ </li>
114
+ <li>
115
+ <a href="#" class="flex items-center px-6 py-3 hover:bg-pink-700 text-white">
116
+ <i class="fas fa-images mr-3"></i>
117
+ Gallery
118
+ </a>
119
+ </li>
120
+ </ul>
121
+ </nav>
122
+
123
+ <div class="absolute bottom-0 w-full p-4 bg-pink-700">
124
+ <div class="flex items-center">
125
+ <div class="w-10 h-10 rounded-full bg-pink-500 flex items-center justify-center">
126
+ <i class="fas fa-user text-white"></i>
127
+ </div>
128
+ <div class="ml-3">
129
+ <p class="text-white font-medium">Admin</p>
130
+ <p class="text-pink-200 text-xs">Kamil & Martyna</p>
131
+ </div>
132
+ <button class="ml-auto text-pink-200 hover:text-white">
133
+ <i class="fas fa-sign-out-alt"></i>
134
+ </button>
135
+ </div>
136
+ </div>
137
+ </div>
138
+
139
+ <!-- Main Content -->
140
+ <div class="md:ml-64 min-h-screen">
141
+ <!-- Header -->
142
+ <header class="bg-white shadow-sm">
143
+ <div class="px-6 py-4 flex items-center justify-between">
144
+ <h2 class="text-2xl font-semibold text-gray-800">Dashboard</h2>
145
+ <div class="flex items-center space-x-4">
146
+ <button class="p-2 rounded-full hover:bg-gray-100 text-gray-600">
147
+ <i class="fas fa-bell"></i>
148
+ </button>
149
+ <button class="p-2 rounded-full hover:bg-gray-100 text-gray-600">
150
+ <i class="fas fa-envelope"></i>
151
+ </button>
152
+ </div>
153
+ </div>
154
+ </header>
155
+
156
+ <!-- Dashboard Content -->
157
+ <main class="p-6">
158
+ <!-- Countdown and Stats -->
159
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
160
+ <!-- Countdown Card -->
161
+ <div class="bg-white rounded-xl shadow-md overflow-hidden p-6 col-span-1 md:col-span-2">
162
+ <h3 class="text-lg font-semibold text-gray-700 mb-4">Countdown to the Big Day</h3>
163
+ <div class="flex justify-between items-center">
164
+ <div class="text-center">
165
+ <div class="countdown-number font-bold text-pink-600" id="days">00</div>
166
+ <div class="text-xs text-gray-500">Days</div>
167
+ </div>
168
+ <div class="text-center">
169
+ <div class="countdown-number font-bold text-pink-600" id="hours">00</div>
170
+ <div class="text-xs text-gray-500">Hours</div>
171
+ </div>
172
+ <div class="text-center">
173
+ <div class="countdown-number font-bold text-pink-600" id="minutes">00</div>
174
+ <div class="text-xs text-gray-500">Minutes</div>
175
+ </div>
176
+ <div class="text-center">
177
+ <div class="countdown-number font-bold text-pink-600" id="seconds">00</div>
178
+ <div class="text-xs text-gray-500">Seconds</div>
179
+ </div>
180
+ </div>
181
+ </div>
182
+
183
+ <!-- Budget Summary -->
184
+ <div class="bg-white rounded-xl shadow-md overflow-hidden p-6">
185
+ <h3 class="text-lg font-semibold text-gray-700 mb-4">Budget Summary</h3>
186
+ <div class="flex justify-between items-center mb-2">
187
+ <span class="text-sm text-gray-600">Total Budget</span>
188
+ <span class="font-medium">$25,000</span>
189
+ </div>
190
+ <div class="flex justify-between items-center mb-2">
191
+ <span class="text-sm text-gray-600">Spent</span>
192
+ <span class="font-medium text-red-500">$8,750</span>
193
+ </div>
194
+ <div class="flex justify-between items-center mb-4">
195
+ <span class="text-sm text-gray-600">Remaining</span>
196
+ <span class="font-medium text-green-500">$16,250</span>
197
+ </div>
198
+ <div class="w-full bg-gray-200 rounded-full h-2">
199
+ <div class="bg-pink-600 h-2 rounded-full" style="width: 35%"></div>
200
+ </div>
201
+ </div>
202
+
203
+ <!-- Tasks Progress -->
204
+ <div class="bg-white rounded-xl shadow-md overflow-hidden p-6">
205
+ <h3 class="text-lg font-semibold text-gray-700 mb-4">Tasks Progress</h3>
206
+ <div class="flex items-center justify-center">
207
+ <svg class="w-20 h-20">
208
+ <circle class="text-gray-200" stroke-width="8" stroke="currentColor" fill="transparent" r="30" cx="40" cy="40" />
209
+ <circle class="text-pink-600 progress-ring__circle" stroke-width="8" stroke-linecap="round" stroke="currentColor" fill="transparent" r="30" cx="40" cy="40" stroke-dasharray="188.49555921538757" stroke-dashoffset="56.54866776461627" />
210
+ </svg>
211
+ <div class="ml-4">
212
+ <div class="text-2xl font-bold text-pink-600">70%</div>
213
+ <div class="text-sm text-gray-500">Completed</div>
214
+ </div>
215
+ </div>
216
+ </div>
217
+ </div>
218
+
219
+ <!-- Upcoming Tasks and Recent Activity -->
220
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
221
+ <!-- Upcoming Tasks -->
222
+ <div class="bg-white rounded-xl shadow-md overflow-hidden lg:col-span-2">
223
+ <div class="p-6 border-b border-gray-200">
224
+ <h3 class="text-lg font-semibold text-gray-700">Upcoming Tasks</h3>
225
+ </div>
226
+ <div class="divide-y divide-gray-200">
227
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-150">
228
+ <div class="flex items-center">
229
+ <input type="checkbox" class="task-checkbox rounded-full border-gray-300 text-pink-600 focus:ring-pink-500">
230
+ <label class="task-label ml-3 flex-1">
231
+ <div class="font-medium">Book photographer</div>
232
+ <div class="text-sm text-gray-500">Due tomorrow</div>
233
+ </label>
234
+ <span class="px-2 py-1 text-xs rounded-full bg-pink-100 text-pink-800">High</span>
235
+ </div>
236
+ </div>
237
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-150">
238
+ <div class="flex items-center">
239
+ <input type="checkbox" class="task-checkbox rounded-full border-gray-300 text-pink-600 focus:ring-pink-500">
240
+ <label class="task-label ml-3 flex-1">
241
+ <div class="font-medium">Finalize guest list</div>
242
+ <div class="text-sm text-gray-500">Due in 3 days</div>
243
+ </label>
244
+ <span class="px-2 py-1 text-xs rounded-full bg-yellow-100 text-yellow-800">Medium</span>
245
+ </div>
246
+ </div>
247
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-150">
248
+ <div class="flex items-center">
249
+ <input type="checkbox" class="task-checkbox rounded-full border-gray-300 text-pink-600 focus:ring-pink-500" checked>
250
+ <label class="task-label ml-3 flex-1">
251
+ <div class="font-medium">Book venue</div>
252
+ <div class="text-sm text-gray-500">Completed</div>
253
+ </label>
254
+ <span class="px-2 py-1 text-xs rounded-full bg-green-100 text-green-800">Done</span>
255
+ </div>
256
+ </div>
257
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-150">
258
+ <div class="flex items-center">
259
+ <input type="checkbox" class="task-checkbox rounded-full border-gray-300 text-pink-600 focus:ring-pink-500">
260
+ <label class="task-label ml-3 flex-1">
261
+ <div class="font-medium">Choose wedding cake</div>
262
+ <div class="text-sm text-gray-500">Due in 1 week</div>
263
+ </label>
264
+ <span class="px-2 py-1 text-xs rounded-full bg-yellow-100 text-yellow-800">Medium</span>
265
+ </div>
266
+ </div>
267
+ <div class="p-4 hover:bg-gray-50 transition-colors duration-150">
268
+ <div class="flex items-center">
269
+ <input type="checkbox" class="task-checkbox rounded-full border-gray-300 text-pink-600 focus:ring-pink-500">
270
+ <label class="task-label ml-3 flex-1">
271
+ <div class="font-medium">Send save-the-dates</div>
272
+ <div class="text-sm text-gray-500">Due in 2 weeks</div>
273
+ </label>
274
+ <span class="px-2 py-1 text-xs rounded-full bg-blue-100 text-blue-800">Low</span>
275
+ </div>
276
+ </div>
277
+ </div>
278
+ <div class="p-4 border-t border-gray-200 text-center">
279
+ <button class="text-pink-600 hover:text-pink-800 font-medium">View All Tasks</button>
280
+ </div>
281
+ </div>
282
+
283
+ <!-- Recent Activity -->
284
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
285
+ <div class="p-6 border-b border-gray-200">
286
+ <h3 class="text-lg font-semibold text-gray-700">Recent Activity</h3>
287
+ </div>
288
+ <div class="p-4">
289
+ <div class="flex mb-4 pb-4 border-b border-gray-100">
290
+ <div class="flex-shrink-0 mr-3">
291
+ <div class="w-10 h-10 rounded-full bg-pink-100 flex items-center justify-center">
292
+ <i class="fas fa-check text-pink-600"></i>
293
+ </div>
294
+ </div>
295
+ <div>
296
+ <p class="text-sm font-medium text-gray-800">Venue deposit paid</p>
297
+ <p class="text-xs text-gray-500">Today, 10:45 AM</p>
298
+ </div>
299
+ </div>
300
+ <div class="flex mb-4 pb-4 border-b border-gray-100">
301
+ <div class="flex-shrink-0 mr-3">
302
+ <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center">
303
+ <i class="fas fa-user-plus text-blue-600"></i>
304
+ </div>
305
+ </div>
306
+ <div>
307
+ <p class="text-sm font-medium text-gray-800">5 guests added</p>
308
+ <p class="text-xs text-gray-500">Yesterday, 4:30 PM</p>
309
+ </div>
310
+ </div>
311
+ <div class="flex mb-4 pb-4 border-b border-gray-100">
312
+ <div class="flex-shrink-0 mr-3">
313
+ <div class="w-10 h-10 rounded-full bg-green-100 flex items-center justify-center">
314
+ <i class="fas fa-calendar-check text-green-600"></i>
315
+ </div>
316
+ </div>
317
+ <div>
318
+ <p class="text-sm font-medium text-gray-800">Photographer meeting scheduled</p>
319
+ <p class="text-xs text-gray-500">Yesterday, 11:20 AM</p>
320
+ </div>
321
+ </div>
322
+ <div class="flex mb-4 pb-4 border-b border-gray-100">
323
+ <div class="flex-shrink-0 mr-3">
324
+ <div class="w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center">
325
+ <i class="fas fa-tasks text-purple-600"></i>
326
+ </div>
327
+ </div>
328
+ <div>
329
+ <p class="text-sm font-medium text-gray-800">Task "Choose flowers" completed</p>
330
+ <p class="text-xs text-gray-500">2 days ago</p>
331
+ </div>
332
+ </div>
333
+ <div class="flex">
334
+ <div class="flex-shrink-0 mr-3">
335
+ <div class="w-10 h-10 rounded-full bg-yellow-100 flex items-center justify-center">
336
+ <i class="fas fa-dollar-sign text-yellow-600"></i>
337
+ </div>
338
+ </div>
339
+ <div>
340
+ <p class="text-sm font-medium text-gray-800">Budget updated</p>
341
+ <p class="text-xs text-gray-500">3 days ago</p>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ </div>
346
+ </div>
347
+
348
+ <!-- Budget Breakdown -->
349
+ <div class="bg-white rounded-xl shadow-md overflow-hidden mb-8">
350
+ <div class="p-6 border-b border-gray-200">
351
+ <div class="flex items-center justify-between">
352
+ <h3 class="text-lg font-semibold text-gray-700">Budget Breakdown</h3>
353
+ <button class="text-pink-600 hover:text-pink-800 font-medium">View Details</button>
354
+ </div>
355
+ </div>
356
+ <div class="p-6">
357
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
358
+ <div class="flex items-center">
359
+ <div class="w-12 h-12 rounded-lg bg-pink-100 flex items-center justify-center mr-4">
360
+ <i class="fas fa-home text-pink-600"></i>
361
+ </div>
362
+ <div>
363
+ <p class="text-sm text-gray-500">Venue</p>
364
+ <p class="font-medium">$8,000 / $10,000</p>
365
+ <div class="w-full bg-gray-200 rounded-full h-1.5 mt-1">
366
+ <div class="bg-pink-600 h-1.5 rounded-full" style="width: 80%"></div>
367
+ </div>
368
+ </div>
369
+ </div>
370
+ <div class="flex items-center">
371
+ <div class="w-12 h-12 rounded-lg bg-blue-100 flex items-center justify-center mr-4">
372
+ <i class="fas fa-camera text-blue-600"></i>
373
+ </div>
374
+ <div>
375
+ <p class="text-sm text-gray-500">Photography</p>
376
+ <p class="font-medium">$1,500 / $3,000</p>
377
+ <div class="w-full bg-gray-200 rounded-full h-1.5 mt-1">
378
+ <div class="bg-blue-600 h-1.5 rounded-full" style="width: 50%"></div>
379
+ </div>
380
+ </div>
381
+ </div>
382
+ <div class="flex items-center">
383
+ <div class="w-12 h-12 rounded-lg bg-green-100 flex items-center justify-center mr-4">
384
+ <i class="fas fa-utensils text-green-600"></i>
385
+ </div>
386
+ <div>
387
+ <p class="text-sm text-gray-500">Catering</p>
388
+ <p class="font-medium">$2,000 / $5,000</p>
389
+ <div class="w-full bg-gray-200 rounded-full h-1.5 mt-1">
390
+ <div class="bg-green-600 h-1.5 rounded-full" style="width: 40%"></div>
391
+ </div>
392
+ </div>
393
+ </div>
394
+ <div class="flex items-center">
395
+ <div class="w-12 h-12 rounded-lg bg-purple-100 flex items-center justify-center mr-4">
396
+ <i class="fas fa-tshirt text-purple-600"></i>
397
+ </div>
398
+ <div>
399
+ <p class="text-sm text-gray-500">Attire</p>
400
+ <p class="font-medium">$1,200 / $2,500</p>
401
+ <div class="w-full bg-gray-200 rounded-full h-1.5 mt-1">
402
+ <div class="bg-purple-600 h-1.5 rounded-full" style="width: 48%"></div>
403
+ </div>
404
+ </div>
405
+ </div>
406
+ </div>
407
+ </div>
408
+ </div>
409
+
410
+ <!-- Upcoming Events -->
411
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
412
+ <div class="p-6 border-b border-gray-200">
413
+ <div class="flex items-center justify-between">
414
+ <h3 class="text-lg font-semibold text-gray-700">Upcoming Events</h3>
415
+ <button class="text-pink-600 hover:text-pink-800 font-medium">View Calendar</button>
416
+ </div>
417
+ </div>
418
+ <div class="p-6">
419
+ <div class="space-y-4">
420
+ <div class="flex items-start">
421
+ <div class="flex-shrink-0 mr-4 mt-1">
422
+ <div class="w-10 h-10 rounded-full bg-pink-100 flex items-center justify-center">
423
+ <i class="fas fa-calendar-day text-pink-600"></i>
424
+ </div>
425
+ </div>
426
+ <div class="flex-1">
427
+ <div class="flex items-center justify-between">
428
+ <h4 class="font-medium text-gray-800">Photographer Meeting</h4>
429
+ <span class="text-xs px-2 py-1 rounded-full bg-pink-100 text-pink-800">Tomorrow</span>
430
+ </div>
431
+ <p class="text-sm text-gray-600 mt-1">Discuss wedding day schedule and shot list</p>
432
+ <div class="flex items-center text-xs text-gray-500 mt-2">
433
+ <i class="far fa-clock mr-1"></i>
434
+ <span>10:00 AM - 11:30 AM</span>
435
+ <i class="fas fa-map-marker-alt ml-3 mr-1"></i>
436
+ <span>Studio Downtown</span>
437
+ </div>
438
+ </div>
439
+ </div>
440
+ <div class="flex items-start">
441
+ <div class="flex-shrink-0 mr-4 mt-1">
442
+ <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center">
443
+ <i class="fas fa-ring text-blue-600"></i>
444
+ </div>
445
+ </div>
446
+ <div class="flex-1">
447
+ <div class="flex items-center justify-between">
448
+ <h4 class="font-medium text-gray-800">Dress Fitting</h4>
449
+ <span class="text-xs px-2 py-1 rounded-full bg-blue-100 text-blue-800">In 5 days</span>
450
+ </div>
451
+ <p class="text-sm text-gray-600 mt-1">First fitting for the wedding dress</p>
452
+ <div class="flex items-center text-xs text-gray-500 mt-2">
453
+ <i class="far fa-clock mr-1"></i>
454
+ <span>2:00 PM - 3:30 PM</span>
455
+ <i class="fas fa-map-marker-alt ml-3 mr-1"></i>
456
+ <span>Bridal Boutique</span>
457
+ </div>
458
+ </div>
459
+ </div>
460
+ <div class="flex items-start">
461
+ <div class="flex-shrink-0 mr-4 mt-1">
462
+ <div class="w-10 h-10 rounded-full bg-green-100 flex items-center justify-center">
463
+ <i class="fas fa-cake text-green-600"></i>
464
+ </div>
465
+ </div>
466
+ <div class="flex-1">
467
+ <div class="flex items-center justify-between">
468
+ <h4 class="font-medium text-gray-800">Cake Tasting</h4>
469
+ <span class="text-xs px-2 py-1 rounded-full bg-green-100 text-green-800">In 1 week</span>
470
+ </div>
471
+ <p class="text-sm text-gray-600 mt-1">Sample flavors and designs for wedding cake</p>
472
+ <div class="flex items-center text-xs text-gray-500 mt-2">
473
+ <i class="far fa-clock mr-1"></i>
474
+ <span>1:00 PM - 2:30 PM</span>
475
+ <i class="fas fa-map-marker-alt ml-3 mr-1"></i>
476
+ <span>Sweet Delights Bakery</span>
477
+ </div>
478
+ </div>
479
+ </div>
480
+ </div>
481
+ </div>
482
+ </div>
483
+ </main>
484
+ </div>
485
+
486
+ <script>
487
+ // Mobile menu toggle
488
+ const menuBtn = document.getElementById('menuBtn');
489
+ const sidebar = document.getElementById('sidebar');
490
+
491
+ menuBtn.addEventListener('click', () => {
492
+ sidebar.classList.toggle('open');
493
+ });
494
+
495
+ // Countdown timer
496
+ function updateCountdown() {
497
+ const weddingDate = new Date('October 12, 2024 00:00:00').getTime();
498
+ const now = new Date().getTime();
499
+ const distance = weddingDate - now;
500
+
501
+ const days = Math.floor(distance / (1000 * 60 * 60 * 24));
502
+ const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
503
+ const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
504
+ const seconds = Math.floor((distance % (1000 * 60)) / 1000);
505
+
506
+ document.getElementById('days').textContent = days.toString().padStart(2, '0');
507
+ document.getElementById('hours').textContent = hours.toString().padStart(2, '0');
508
+ document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');
509
+ document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');
510
+ }
511
+
512
+ updateCountdown();
513
+ setInterval(updateCountdown, 1000);
514
+
515
+ // Task completion toggle
516
+ document.querySelectorAll('.task-checkbox').forEach(checkbox => {
517
+ checkbox.addEventListener('change', function() {
518
+ const label = this.nextElementSibling;
519
+ if (this.checked) {
520
+ label.classList.add('line-through', 'text-gray-400');
521
+ } else {
522
+ label.classList.remove('line-through', 'text-gray-400');
523
+ }
524
+ });
525
+ });
526
+
527
+ // Fade in animation for elements
528
+ document.addEventListener('DOMContentLoaded', () => {
529
+ const elements = document.querySelectorAll('.countdown-number, .progress-ring__circle, .task-label');
530
+ elements.forEach((el, index) => {
531
+ setTimeout(() => {
532
+ el.classList.add('fade-in');
533
+ }, index * 100);
534
+ });
535
+ });
536
+ </script>
537
+ <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=kamioll999/weeding" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
538
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ Wedding Web Application Project: Concise Development Tasks Project Goal: To create a responsive web application for managing a wedding and communicating with guests. Technology Stack: Frontend: React or Vue.js Backend: Node.js with Express.js Database: MongoDB or PostgreSQL Hosting: Netlify or Vercel Key Development Tasks: Project Configuration: Setting up the code repository (Git). Initializing backend (Node.js/Express) and frontend (React/Vue) projects. Configuring the database (MongoDB or PostgreSQL) and connection. Establishing basic communication between frontend and backend. Backend API Implementation: Creating a RESTful API handling CRUD (Create, Read, Update, Delete) operations for key data: Guest List (guest data, invitation/attendance statuses, requirements). Preparation Schedule (tasks, statuses, deadlines). Calendar (events, deadlines). Vendor List (contact details). Photo Gallery (upload, storage, retrieval). Music List / Music Survey. Table Plan (assigning guests to tables). Implementing an API for generating Statistics (e.g., number of confirmed guests). (Optional) Implementing simple authorization/authentication for the admin panel. Frontend Application Development (UI): Creating the user interface in React or Vue.js. Implementing routing and basic page layout. Creating components for the Admin Panel: CRUD interfaces for Guest List, Schedule, Calendar, Vendor List. Visual or list interface for the Table Plan. Panel displaying Statistics. Creating components for the Guest Sections: Homepage with wedding information and countdown. Photo Gallery. Information sections (Ceremony, Reception, Menu, Accommodation, Transport, Gifts, Info about people/companies, Games/Activities). Interactive Map with locations. Interface for browsing the Music List and filling out the Music/Games Survey. Ensuring full interface Responsiveness on various devices. Integrating all components with the backend API for fetching and sending data. Deployment and Maintenance: Configuring the deployment process on Netlify or Vercel (automatic deployment). Conducting functional and integration tests. Optimizing application performance. (Optional) Adding documentation, error handling, and basic security measures.
2
+ Title: Your Wedding Assistant: Kamil and Martyna's Planner Short Description: A personalized web application created specifically for Kamil and Martyna to make planning Your Big Day simpler, more organized, and less stressful. Forget scattered notes and spreadsheets – now everything you need is in one, easily accessible place online! Main Features: Dashboard: The central hub of the application, displaying the most important information at a glance: Countdown timer to the wedding day. Budget summary (spent / remaining). Nearest upcoming tasks and deadlines. Quick overview of progress in key categories. Task Management (To-Do List): Create, edit, and mark tasks as completed. Ability to categorize tasks (e.g., Venue, Photographer, Documents, Attire, Guests). Set due dates and priorities. Visual progress indicator (e.g., percentage of completed tasks). Easy Editing: Simple addition of new tasks, one-click status changes, intuitive deadline adjustments. Wedding Budget: Track planned vs. actual expenses across various categories. Automatic calculation of totals and remaining budget. Option to mark payments as made / pending. Visual representation of expenses (e.g., pie chart). Easy Editing: Quickly add new expenses, update amounts, and payment statuses. Calendar and Events: A timeline or calendar view showing all important dates: Meetings with vendors. Deposit and payment deadlines. Fittings, tastings. Final guest count confirmation deadline. The wedding day itself and related key moments. Ability to add custom events and set reminders. Easy Editing: Simple addition of new events, potentially drag-and-drop functionality in the calendar view. Statistics and Reports: Clear summary of the wedding planning progress. Graphical representation of budget adherence. Percentage indicator of task completion, both overall and by category. (Optional) Statistics regarding guests (e.g., confirmed vs. invited). Vendor Database: A dedicated space to store contact details, contracts, notes, and payment schedules for all involved vendors (venue, photographer, band/DJ, florist, etc.). Easy Editing: Quickly add new vendors and update their information. (Optional) Guest List Management: Manage the list of invited guests. Track sent invitations and RSVP confirmations. Ability to add notes about dietary preferences or accommodation needs. Easy Editing: Simple addition of guests, changing RSVP status, filtering the list. Key Advantages: Centralization: All information in one place, accessible from any device with internet access. Ease of Use: Intuitive interface designed for simple operation and quick data editing. Progress Visualization: Clear charts and indicators help quickly assess the status of preparations. Organization: Helps maintain order in tasks, deadlines, and budget management. Stress Reduction: Fewer details to remember, providing greater control over the planning process. Personalization: An application tailor-made for your specific wedding. Summary: Kamil and Martyna's Wedding Planner is your personal digital assistant, designed to make the journey to your wedding day smooth and well-organized. Focus on the joy of anticipation, while the app helps you manage all the details!