Hugging Face's logo

Spaces:
TMcF
/
resum-designer-pro
Running

App Files Community
TMcF commited on
Commit
0afcc08
·
verified ·
1 Parent(s): 345435c

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: Resum Designer Pro
3
- emoji: ⚡
4
- colorFrom: indigo
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: resum-designer-pro
3
+ emoji: 🐳
4
+ colorFrom: green
5
+ colorTo: red
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>Resume Designer Pro</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
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
10
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
11
+ <style>
12
+ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');
13
+
14
+ body {
15
+ font-family: 'Montserrat', sans-serif;
16
+ background-color: #f8fafc;
17
+ }
18
+
19
+ .title-font {
20
+ font-family: 'Playfair Display', serif;
21
+ }
22
+
23
+ .upload-area {
24
+ border: 2px dashed #cbd5e1;
25
+ transition: all 0.3s ease;
26
+ }
27
+
28
+ .upload-area:hover {
29
+ border-color: #6366f1;
30
+ background-color: #f0f4ff;
31
+ }
32
+
33
+ .resume-preview {
34
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
35
+ background: white;
36
+ min-height: 500px;
37
+ }
38
+
39
+ .resume-header {
40
+ background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
41
+ }
42
+
43
+ .progress-bar {
44
+ height: 6px;
45
+ background-color: #e2e8f0;
46
+ border-radius: 3px;
47
+ overflow: hidden;
48
+ }
49
+
50
+ .progress-fill {
51
+ height: 100%;
52
+ background: linear-gradient(90deg, #4f46e5, #8b5cf6);
53
+ transition: width 0.4s ease;
54
+ }
55
+
56
+ .skill-bar {
57
+ height: 8px;
58
+ background-color: #e2e8f0;
59
+ border-radius: 4px;
60
+ overflow: hidden;
61
+ }
62
+
63
+ .skill-level {
64
+ height: 100%;
65
+ background: linear-gradient(90deg, #4f46e5, #8b5cf6);
66
+ }
67
+
68
+ .timeline-item:not(:last-child)::after {
69
+ content: '';
70
+ position: absolute;
71
+ left: 11px;
72
+ top: 24px;
73
+ height: calc(100% - 24px);
74
+ width: 2px;
75
+ background-color: #e2e8f0;
76
+ }
77
+
78
+ .download-btn {
79
+ background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
80
+ transition: all 0.3s ease;
81
+ }
82
+
83
+ .download-btn:hover {
84
+ transform: translateY(-2px);
85
+ box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.3);
86
+ }
87
+
88
+ .floating-btn {
89
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
90
+ }
91
+ </style>
92
+ </head>
93
+ <body class="bg-gray-50">
94
+ <div class="container mx-auto px-4 py-12 max-w-6xl">
95
+ <!-- Header -->
96
+ <header class="text-center mb-12">
97
+ <h1 class="title-font text-4xl md:text-5xl font-bold text-gray-800 mb-2">Resume Designer Pro</h1>
98
+ <p class="text-lg text-gray-600 max-w-2xl mx-auto">Upload your basic resume and get a professionally designed version in seconds</p>
99
+ </header>
100
+
101
+ <!-- Main Content -->
102
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
103
+ <!-- Upload Section -->
104
+ <div class="bg-white rounded-xl shadow-md p-6">
105
+ <h2 class="text-2xl font-semibold text-gray-800 mb-6">Upload Your Resume</h2>
106
+
107
+ <div id="upload-container" class="upload-area rounded-lg p-8 text-center cursor-pointer mb-6">
108
+ <div class="flex flex-col items-center justify-center">
109
+ <i class="fas fa-file-word text-5xl text-blue-500 mb-4"></i>
110
+ <h3 class="text-lg font-medium text-gray-700 mb-2">Drag & Drop your Word file here</h3>
111
+ <p class="text-gray-500 mb-4">or</p>
112
+ <label for="file-upload" class="px-6 py-2 bg-indigo-600 text-white rounded-lg cursor-pointer hover:bg-indigo-700 transition">
113
+ Browse Files
114
+ </label>
115
+ <input id="file-upload" type="file" accept=".doc,.docx" class="hidden">
116
+ </div>
117
+ </div>
118
+
119
+ <div id="processing-section" class="hidden">
120
+ <h3 class="text-lg font-medium text-gray-700 mb-4">Processing your resume...</h3>
121
+ <div class="progress-bar mb-4">
122
+ <div id="progress-fill" class="progress-fill" style="width: 0%"></div>
123
+ </div>
124
+ <p id="status-text" class="text-gray-500 text-sm">Analyzing document structure...</p>
125
+ </div>
126
+
127
+ <div id="options-section" class="hidden mt-6">
128
+ <h3 class="text-lg font-medium text-gray-700 mb-4">Design Options</h3>
129
+
130
+ <div class="mb-4">
131
+ <label class="block text-gray-700 mb-2">Color Scheme</label>
132
+ <div class="flex space-x-2">
133
+ <button class="w-8 h-8 rounded-full bg-indigo-600 border-2 border-indigo-700"></button>
134
+ <button class="w-8 h-8 rounded-full bg-emerald-600 border-2 border-transparent hover:border-gray-300"></button>
135
+ <button class="w-8 h-8 rounded-full bg-rose-600 border-2 border-transparent hover:border-gray-300"></button>
136
+ <button class="w-8 h-8 rounded-full bg-amber-500 border-2 border-transparent hover:border-gray-300"></button>
137
+ <button class="w-8 h-8 rounded-full bg-gray-800 border-2 border-transparent hover:border-gray-300"></button>
138
+ </div>
139
+ </div>
140
+
141
+ <div class="mb-4">
142
+ <label class="block text-gray-700 mb-2">Layout Style</label>
143
+ <div class="grid grid-cols-3 gap-2">
144
+ <button class="p-2 border rounded hover:border-indigo-500">
145
+ <div class="h-2 bg-gray-200 mb-1"></div>
146
+ <div class="h-8 bg-indigo-100 mb-1"></div>
147
+ <div class="h-4 bg-gray-200"></div>
148
+ </button>
149
+ <button class="p-2 border rounded hover:border-indigo-500">
150
+ <div class="flex mb-1">
151
+ <div class="h-8 w-1/3 bg-indigo-100 mr-1"></div>
152
+ <div class="h-8 w-2/3 bg-gray-200"></div>
153
+ </div>
154
+ <div class="h-4 bg-gray-200"></div>
155
+ </button>
156
+ <button class="p-2 border rounded hover:border-indigo-500">
157
+ <div class="h-8 bg-indigo-100 mb-1"></div>
158
+ <div class="flex">
159
+ <div class="h-4 w-2/3 bg-gray-200 mr-1"></div>
160
+ <div class="h-4 w-1/3 bg-gray-300"></div>
161
+ </div>
162
+ </button>
163
+ </div>
164
+ </div>
165
+
166
+ <div class="mb-4">
167
+ <label class="block text-gray-700 mb-2">Font Style</label>
168
+ <div class="flex space-x-2">
169
+ <button class="px-3 py-1 border rounded text-sm font-sans hover:border-indigo-500">Sans</button>
170
+ <button class="px-3 py-1 border rounded text-sm font-serif hover:border-indigo-500">Serif</button>
171
+ <button class="px-3 py-1 border rounded text-sm font-mono hover:border-indigo-500">Mono</button>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- Preview Section -->
178
+ <div class="bg-white rounded-xl shadow-md p-6">
179
+ <div class="flex justify-between items-center mb-6">
180
+ <h2 class="text-2xl font-semibold text-gray-800">Design Preview</h2>
181
+ <button id="download-btn" class="download-btn px-6 py-2 text-white rounded-lg hidden">
182
+ <i class="fas fa-download mr-2"></i> Download PDF
183
+ </button>
184
+ </div>
185
+
186
+ <div id="empty-preview" class="flex flex-col items-center justify-center py-12 text-gray-400">
187
+ <i class="fas fa-file-alt text-5xl mb-4"></i>
188
+ <p class="text-lg">Your designed resume will appear here</p>
189
+ </div>
190
+
191
+ <!-- Resume Preview (hidden by default) -->
192
+ <div id="resume-preview" class="resume-preview rounded-lg overflow-hidden hidden">
193
+ <div class="resume-header text-white p-8">
194
+ <h1 class="title-font text-3xl font-bold mb-1">John Doe</h1>
195
+ <p class="text-indigo-100 mb-4">Senior Product Designer</p>
196
+ <div class="flex flex-wrap gap-4 text-sm">
197
+ <div class="flex items-center">
198
+ <i class="fas fa-envelope mr-2 text-indigo-200"></i>
199
+ <span>john.doe@example.com</span>
200
+ </div>
201
+ <div class="flex items-center">
202
+ <i class="fas fa-phone mr-2 text-indigo-200"></i>
203
+ <span>(123) 456-7890</span>
204
+ </div>
205
+ <div class="flex items-center">
206
+ <i class="fas fa-map-marker-alt mr-2 text-indigo-200"></i>
207
+ <span>San Francisco, CA</span>
208
+ </div>
209
+ </div>
210
+ </div>
211
+
212
+ <div class="p-8">
213
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
214
+ <!-- Left Column -->
215
+ <div class="md:col-span-2">
216
+ <section class="mb-8">
217
+ <h2 class="title-font text-xl font-semibold text-gray-800 mb-4 pb-2 border-b">Professional Summary</h2>
218
+ <p class="text-gray-600">Creative and detail-oriented product designer with 8+ years of experience designing user-centered digital products. Passionate about creating intuitive interfaces that solve real user problems while meeting business objectives.</p>
219
+ </section>
220
+
221
+ <section class="mb-8">
222
+ <h2 class="title-font text-xl font-semibold text-gray-800 mb-4 pb-2 border-b">Work Experience</h2>
223
+
224
+ <div class="space-y-6">
225
+ <div class="relative pl-8 timeline-item">
226
+ <div class="absolute left-0 top-1 w-4 h-4 rounded-full bg-indigo-500 border-4 border-indigo-100"></div>
227
+ <h3 class="font-semibold text-gray-800">Lead Product Designer</h3>
228
+ <div class="flex justify-between text-sm text-gray-500 mb-1">
229
+ <span>TechSolutions Inc.</span>
230
+ <span>2020 - Present</span>
231
+ </div>
232
+ <p class="text-gray-600 text-sm">Led design team in creating enterprise SaaS products. Conducted user research, created prototypes, and collaborated with engineering.</p>
233
+ </div>
234
+
235
+ <div class="relative pl-8 timeline-item">
236
+ <div class="absolute left-0 top-1 w-4 h-4 rounded-full bg-indigo-500 border-4 border-indigo-100"></div>
237
+ <h3 class="font-semibold text-gray-800">UI/UX Designer</h3>
238
+ <div class="flex justify-between text-sm text-gray-500 mb-1">
239
+ <span>Digital Creations</span>
240
+ <span>2017 - 2020</span>
241
+ </div>
242
+ <p class="text-gray-600 text-sm">Designed mobile and web applications for clients in various industries. Created design systems and conducted usability testing.</p>
243
+ </div>
244
+ </div>
245
+ </section>
246
+ </div>
247
+
248
+ <!-- Right Column -->
249
+ <div>
250
+ <section class="mb-8">
251
+ <h2 class="title-font text-xl font-semibold text-gray-800 mb-4 pb-2 border-b">Skills</h2>
252
+
253
+ <div class="space-y-4">
254
+ <div>
255
+ <div class="flex justify-between text-sm mb-1">
256
+ <span class="font-medium">User Research</span>
257
+ <span class="text-gray-500">90%</span>
258
+ </div>
259
+ <div class="skill-bar">
260
+ <div class="skill-level" style="width: 90%"></div>
261
+ </div>
262
+ </div>
263
+
264
+ <div>
265
+ <div class="flex justify-between text-sm mb-1">
266
+ <span class="font-medium">UI Design</span>
267
+ <span class="text-gray-500">95%</span>
268
+ </div>
269
+ <div class="skill-bar">
270
+ <div class="skill-level" style="width: 95%"></div>
271
+ </div>
272
+ </div>
273
+
274
+ <div>
275
+ <div class="flex justify-between text-sm mb-1">
276
+ <span class="font-medium">Prototyping</span>
277
+ <span class="text-gray-500">85%</span>
278
+ </div>
279
+ <div class="skill-bar">
280
+ <div class="skill-level" style="width: 85%"></div>
281
+ </div>
282
+ </div>
283
+
284
+ <div>
285
+ <div class="flex justify-between text-sm mb-1">
286
+ <span class="font-medium">Figma</span>
287
+ <span class="text-gray-500">95%</span>
288
+ </div>
289
+ <div class="skill-bar">
290
+ <div class="skill-level" style="width: 95%"></div>
291
+ </div>
292
+ </div>
293
+ </div>
294
+ </section>
295
+
296
+ <section class="mb-8">
297
+ <h2 class="title-font text-xl font-semibold text-gray-800 mb-4 pb-2 border-b">Education</h2>
298
+
299
+ <div class="space-y-4">
300
+ <div>
301
+ <h3 class="font-semibold text-gray-800">MFA in Design</h3>
302
+ <p class="text-sm text-gray-500">Stanford University, 2016</p>
303
+ </div>
304
+
305
+ <div>
306
+ <h3 class="font-semibold text-gray-800">BFA in Graphic Design</h3>
307
+ <p class="text-sm text-gray-500">California College of the Arts, 2013</p>
308
+ </div>
309
+ </div>
310
+ </section>
311
+
312
+ <section>
313
+ <h2 class="title-font text-xl font-semibold text-gray-800 mb-4 pb-2 border-b">Languages</h2>
314
+
315
+ <div class="space-y-2">
316
+ <div class="flex justify-between text-sm">
317
+ <span class="font-medium">English</span>
318
+ <span class="text-gray-500">Native</span>
319
+ </div>
320
+
321
+ <div class="flex justify-between text-sm">
322
+ <span class="font-medium">Spanish</span>
323
+ <span class="text-gray-500">Professional</span>
324
+ </div>
325
+
326
+ <div class="flex justify-between text-sm">
327
+ <span class="font-medium">French</span>
328
+ <span class="text-gray-500">Basic</span>
329
+ </div>
330
+ </div>
331
+ </section>
332
+ </div>
333
+ </div>
334
+ </div>
335
+ </div>
336
+ </div>
337
+ </div>
338
+
339
+ <!-- Floating Action Button -->
340
+ <button id="floating-btn" class="fixed bottom-8 right-8 bg-indigo-600 text-white rounded-full p-4 shadow-lg floating-btn hidden">
341
+ <i class="fas fa-magic text-xl"></i>
342
+ </button>
343
+ </div>
344
+
345
+ <script>
346
+ // Wait for DOM to be fully loaded
347
+ document.addEventListener('DOMContentLoaded', function() {
348
+ const { jsPDF } = window.jspdf;
349
+
350
+ // Get DOM elements
351
+ const uploadContainer = document.getElementById('upload-container');
352
+ const fileUpload = document.getElementById('file-upload');
353
+ const processingSection = document.getElementById('processing-section');
354
+ const optionsSection = document.getElementById('options-section');
355
+ const emptyPreview = document.getElementById('empty-preview');
356
+ const resumePreview = document.getElementById('resume-preview');
357
+ const downloadBtn = document.getElementById('download-btn');
358
+ const floatingBtn = document.getElementById('floating-btn');
359
+ const progressFill = document.getElementById('progress-fill');
360
+ const statusText = document.getElementById('status-text');
361
+
362
+ // Handle file upload via drag and drop
363
+ uploadContainer.addEventListener('dragover', (e) => {
364
+ e.preventDefault();
365
+ uploadContainer.classList.add('border-indigo-500', 'bg-indigo-50');
366
+ });
367
+
368
+ uploadContainer.addEventListener('dragleave', () => {
369
+ uploadContainer.classList.remove('border-indigo-500', 'bg-indigo-50');
370
+ });
371
+
372
+ uploadContainer.addEventListener('drop', (e) => {
373
+ e.preventDefault();
374
+ uploadContainer.classList.remove('border-indigo-500', 'bg-indigo-50');
375
+
376
+ if (e.dataTransfer.files.length) {
377
+ handleFileUpload(e.dataTransfer.files[0]);
378
+ }
379
+ });
380
+
381
+ // Handle file upload via file input
382
+ fileUpload.addEventListener('change', (e) => {
383
+ if (e.target.files.length) {
384
+ handleFileUpload(e.target.files[0]);
385
+ }
386
+ });
387
+
388
+ // Function to handle file upload
389
+ function handleFileUpload(file) {
390
+ // Check if file is Word document
391
+ if (!file.name.match(/\.(doc|docx)$/i)) {
392
+ alert('Please upload a Word document (.doc or .docx)');
393
+ return;
394
+ }
395
+
396
+ // Show processing UI
397
+ uploadContainer.classList.add('hidden');
398
+ processingSection.classList.remove('hidden');
399
+
400
+ // Simulate processing with progress bar
401
+ let progress = 0;
402
+ const interval = setInterval(() => {
403
+ progress += 5;
404
+ progressFill.style.width = `${progress}%`;
405
+
406
+ // Update status text based on progress
407
+ if (progress < 30) {
408
+ statusText.textContent = 'Analyzing document structure...';
409
+ } else if (progress < 60) {
410
+ statusText.textContent = 'Extracting content...';
411
+ } else if (progress < 90) {
412
+ statusText.textContent = 'Applying design template...';
413
+ } else {
414
+ statusText.textContent = 'Finalizing your resume...';
415
+ }
416
+
417
+ if (progress >= 100) {
418
+ clearInterval(interval);
419
+ setTimeout(() => {
420
+ processingSection.classList.add('hidden');
421
+ optionsSection.classList.remove('hidden');
422
+ emptyPreview.classList.add('hidden');
423
+ resumePreview.classList.remove('hidden');
424
+ downloadBtn.classList.remove('hidden');
425
+ floatingBtn.classList.remove('hidden');
426
+ }, 500);
427
+ }
428
+ }, 200);
429
+ }
430
+
431
+ // Handle download button click
432
+ downloadBtn.addEventListener('click', () => {
433
+ // Show loading state
434
+ const originalText = downloadBtn.innerHTML;
435
+ downloadBtn.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Generating PDF...';
436
+ downloadBtn.disabled = true;
437
+
438
+ // Use html2canvas to capture the resume preview
439
+ html2canvas(resumePreview).then(canvas => {
440
+ const imgData = canvas.toDataURL('image/png');
441
+ const pdf = new jsPDF({
442
+ orientation: 'portrait',
443
+ unit: 'mm'
444
+ });
445
+
446
+ // Calculate dimensions to fit A4 paper
447
+ const imgWidth = 210; // A4 width in mm
448
+ const imgHeight = canvas.height * imgWidth / canvas.width;
449
+
450
+ pdf.addImage(imgData, 'PNG', 0, 0, imgWidth, imgHeight);
451
+ pdf.save('professional-resume.pdf');
452
+
453
+ // Restore button state
454
+ downloadBtn.innerHTML = originalText;
455
+ downloadBtn.disabled = false;
456
+ });
457
+ });
458
+
459
+ // Handle floating action button click
460
+ floatingBtn.addEventListener('click', () => {
461
+ alert('AI enhancement features coming soon! This will allow you to optimize your resume content for specific job applications.');
462
+ });
463
+
464
+ // Color scheme buttons
465
+ document.querySelectorAll('.upload-area button').forEach(button => {
466
+ button.addEventListener('click', function() {
467
+ // This would update the color scheme in a real implementation
468
+ console.log('Color scheme selected:', this.style.backgroundColor);
469
+ });
470
+ });
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=TMcF/resum-designer-pro" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
474
+ </html>
prompts.txt ADDED
File without changes