Hugging Face's logo

Spaces:
XXXMARK
/
vai
Running

App Files Community
XXXMARK commited on
Commit
1192344
·
verified ·
1 Parent(s): c4cbbf2

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +399 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Vai
3
- emoji: 👀
4
- colorFrom: indigo
5
- colorTo: pink
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: vai
3
+ emoji: 🐳
4
+ colorFrom: purple
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,399 @@
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>Video AI Workstation & Partner Tools</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .gradient-text {
11
+ background: linear-gradient(90deg, #3b82f6, #8b5cf6);
12
+ -webkit-background-clip: text;
13
+ background-clip: text;
14
+ color: transparent;
15
+ }
16
+ .card-hover:hover {
17
+ transform: translateY(-5px);
18
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
19
+ }
20
+ .feature-icon {
21
+ transition: all 0.3s ease;
22
+ }
23
+ .feature-card:hover .feature-icon {
24
+ transform: scale(1.1);
25
+ }
26
+ </style>
27
+ </head>
28
+ <body class="bg-gray-900 text-gray-100 min-h-screen">
29
+ <!-- Navigation -->
30
+ <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-50">
31
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
32
+ <div class="flex items-center justify-between h-16">
33
+ <div class="flex items-center">
34
+ <div class="flex-shrink-0">
35
+ <span class="text-2xl font-bold gradient-text">VAI</span>
36
+ </div>
37
+ <div class="hidden md:block">
38
+ <div class="ml-10 flex items-baseline space-x-4">
39
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium bg-gray-900 text-white">Home</a>
40
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Features</a>
41
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Pricing</a>
42
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Templates</a>
43
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Resources</a>
44
+ </div>
45
+ </div>
46
+ </div>
47
+ <div class="hidden md:block">
48
+ <div class="ml-4 flex items-center md:ml-6">
49
+ <button class="p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">
50
+ <span class="sr-only">View notifications</span>
51
+ <i class="fas fa-bell h-6 w-6"></i>
52
+ </button>
53
+ <button class="ml-3 px-4 py-2 rounded-md text-sm font-medium bg-indigo-600 text-white hover:bg-indigo-700">
54
+ Get Started
55
+ </button>
56
+ </div>
57
+ </div>
58
+ <div class="-mr-2 flex md:hidden">
59
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false">
60
+ <span class="sr-only">Open main menu</span>
61
+ <i class="fas fa-bars h-6 w-6"></i>
62
+ </button>
63
+ </div>
64
+ </div>
65
+ </div>
66
+
67
+ <!-- Mobile menu -->
68
+ <div class="md:hidden hidden" id="mobile-menu">
69
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
70
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-white bg-gray-900">Home</a>
71
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Features</a>
72
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Pricing</a>
73
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Templates</a>
74
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Resources</a>
75
+ </div>
76
+ <div class="pt-4 pb-3 border-t border-gray-700">
77
+ <div class="flex items-center px-5">
78
+ <button class="ml-auto px-4 py-2 rounded-md text-sm font-medium bg-indigo-600 text-white hover:bg-indigo-700">
79
+ Get Started
80
+ </button>
81
+ </div>
82
+ </div>
83
+ </div>
84
+ </nav>
85
+
86
+ <!-- Hero Section -->
87
+ <div class="relative bg-gray-800 overflow-hidden">
88
+ <div class="max-w-7xl mx-auto">
89
+ <div class="relative z-10 pb-8 bg-gray-800 sm:pb-16 md:pb-20 lg:max-w-2xl lg:w-full lg:pb-28 xl:pb-32">
90
+ <main class="mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28">
91
+ <div class="sm:text-center lg:text-left">
92
+ <h1 class="text-4xl tracking-tight font-extrabold text-white sm:text-5xl md:text-6xl">
93
+ <span class="block">Transform Your</span>
94
+ <span class="block gradient-text">Video Production</span>
95
+ </h1>
96
+ <p class="mt-3 text-base text-gray-300 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
97
+ The ultimate AI-powered workstation for creators, marketers, and businesses. Automate, enhance, and streamline your video workflow.
98
+ </p>
99
+ <div class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
100
+ <div class="rounded-md shadow">
101
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 md:py-4 md:text-lg md:px-10">
102
+ Start Free Trial
103
+ </a>
104
+ </div>
105
+ <div class="mt-3 sm:mt-0 sm:ml-3">
106
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-300 bg-gray-700 hover:bg-gray-600 md:py-4 md:text-lg md:px-10">
107
+ Watch Demo
108
+ </a>
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </main>
113
+ </div>
114
+ </div>
115
+ <div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
116
+ <img class="h-56 w-full object-cover sm:h-72 md:h-96 lg:w-full lg:h-full" src="https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2850&q=80" alt="">
117
+ </div>
118
+ </div>
119
+
120
+ <!-- Features Section -->
121
+ <div class="py-12 bg-gray-800">
122
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
123
+ <div class="lg:text-center">
124
+ <h2 class="text-base text-indigo-400 font-semibold tracking-wide uppercase">Features</h2>
125
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl">
126
+ Everything you need in one place
127
+ </p>
128
+ <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto">
129
+ Our comprehensive suite of tools covers every aspect of video production and marketing.
130
+ </p>
131
+ </div>
132
+
133
+ <div class="mt-10">
134
+ <div class="grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-3">
135
+ <!-- Feature 1 -->
136
+ <div class="feature-card bg-gray-700 rounded-lg p-6 transition-all duration-300 hover:bg-gray-600">
137
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-5">
138
+ <i class="fas fa-film feature-icon text-xl"></i>
139
+ </div>
140
+ <h3 class="text-lg font-medium text-white mb-2">AI Video Editing</h3>
141
+ <p class="text-gray-300">
142
+ Smart timeline editing with automated scene detection, color correction, and audio mixing powered by AI.
143
+ </p>
144
+ </div>
145
+
146
+ <!-- Feature 2 -->
147
+ <div class="feature-card bg-gray-700 rounded-lg p-6 transition-all duration-300 hover:bg-gray-600">
148
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white mb-5">
149
+ <i class="fas fa-robot feature-icon text-xl"></i>
150
+ </div>
151
+ <h3 class="text-lg font-medium text-white mb-2">Content Generation</h3>
152
+ <p class="text-gray-300">
153
+ AI-assisted scriptwriting, storyboarding, and scene composition suggestions tailored to your style.
154
+ </p>
155
+ </div>
156
+
157
+ <!-- Feature 3 -->
158
+ <div class="feature-card bg-gray-700 rounded-lg p-6 transition-all duration-300 hover:bg-gray-600">
159
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white mb-5">
160
+ <i class="fas fa-chart-line feature-icon text-xl"></i>
161
+ </div>
162
+ <h3 class="text-lg font-medium text-white mb-2">Marketing Analytics</h3>
163
+ <p class="text-gray-300">
164
+ Comprehensive performance tracking and A/B testing tools to optimize your video marketing strategy.
165
+ </p>
166
+ </div>
167
+
168
+ <!-- Feature 4 -->
169
+ <div class="feature-card bg-gray-700 rounded-lg p-6 transition-all duration-300 hover:bg-gray-600">
170
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white mb-5">
171
+ <i class="fas fa-users feature-icon text-xl"></i>
172
+ </div>
173
+ <h3 class="text-lg font-medium text-white mb-2">Collaboration Tools</h3>
174
+ <p class="text-gray-300">
175
+ Real-time collaboration features for teams with task assignment, version control, and feedback tools.
176
+ </p>
177
+ </div>
178
+
179
+ <!-- Feature 5 -->
180
+ <div class="feature-card bg-gray-700 rounded-lg p-6 transition-all duration-300 hover:bg-gray-600">
181
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-red-500 text-white mb-5">
182
+ <i class="fas fa-trademark feature-icon text-xl"></i>
183
+ </div>
184
+ <h3 class="text-lg font-medium text-white mb-2">Brand Management</h3>
185
+ <p class="text-gray-300">
186
+ Maintain brand consistency with logo animation tools, style enforcement, and asset organization.
187
+ </p>
188
+ </div>
189
+
190
+ <!-- Feature 6 -->
191
+ <div class="feature-card bg-gray-700 rounded-lg p-6 transition-all duration-300 hover:bg-gray-600">
192
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-yellow-500 text-white mb-5">
193
+ <i class="fas fa-cloud feature-icon text-xl"></i>
194
+ </div>
195
+ <h3 class="text-lg font-medium text-white mb-2">Cloud Integration</h3>
196
+ <p class="text-gray-300">
197
+ Seamless integration with popular cloud storage providers and partner tools for a unified workflow.
198
+ </p>
199
+ </div>
200
+ </div>
201
+ </div>
202
+ </div>
203
+ </div>
204
+
205
+ <!-- Version Showcase -->
206
+ <div class="py-16 bg-gray-900 overflow-hidden">
207
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
208
+ <div class="text-center">
209
+ <h2 class="text-base text-indigo-400 font-semibold tracking-wide uppercase">Versions</h2>
210
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl">
211
+ Tailored solutions for every need
212
+ </p>
213
+ </div>
214
+
215
+ <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
216
+ <!-- Version 1 -->
217
+ <div class="flex flex-col rounded-lg shadow-lg overflow-hidden card-hover transition-all duration-300">
218
+ <div class="flex-shrink-0 bg-gradient-to-r from-purple-600 to-indigo-600">
219
+ <div class="h-48 flex items-center justify-center">
220
+ <i class="fas fa-paint-brush text-white text-6xl"></i>
221
+ </div>
222
+ </div>
223
+ <div class="flex-1 bg-gray-800 p-6 flex flex-col justify-between">
224
+ <div class="flex-1">
225
+ <p class="text-sm font-medium text-indigo-400">
226
+ For Creatives
227
+ </p>
228
+ <h3 class="mt-2 text-xl font-semibold text-white">
229
+ Creative Professionals
230
+ </h3>
231
+ <p class="mt-3 text-base text-gray-300">
232
+ A visually rich experience focused on video editors and animators with dynamic tools and creative community.
233
+ </p>
234
+ </div>
235
+ <div class="mt-6">
236
+ <a href="#" class="text-sm font-medium text-indigo-400 hover:text-indigo-300">
237
+ Learn more <span aria-hidden="true">→</span>
238
+ </a>
239
+ </div>
240
+ </div>
241
+ </div>
242
+
243
+ <!-- Version 2 -->
244
+ <div class="flex flex-col rounded-lg shadow-lg overflow-hidden card-hover transition-all duration-300">
245
+ <div class="flex-shrink-0 bg-gradient-to-r from-blue-600 to-cyan-600">
246
+ <div class="h-48 flex items-center justify-center">
247
+ <i class="fas fa-bullhorn text-white text-6xl"></i>
248
+ </div>
249
+ </div>
250
+ <div class="flex-1 bg-gray-800 p-6 flex flex-col justify-between">
251
+ <div class="flex-1">
252
+ <p class="text-sm font-medium text-blue-400">
253
+ For Businesses
254
+ </p>
255
+ <h3 class="mt-2 text-xl font-semibold text-white">
256
+ Marketing Teams
257
+ </h3>
258
+ <p class="mt-3 text-base text-gray-300">
259
+ Data-driven tools for social media optimization and analytics to maximize your video marketing ROI.
260
+ </p>
261
+ </div>
262
+ <div class="mt-6">
263
+ <a href="#" class="text-sm font-medium text-blue-400 hover:text-blue-300">
264
+ Learn more <span aria-hidden="true">→</span>
265
+ </a>
266
+ </div>
267
+ </div>
268
+ </div>
269
+
270
+ <!-- Version 3 -->
271
+ <div class="flex flex-col rounded-lg shadow-lg overflow-hidden card-hover transition-all duration-300">
272
+ <div class="flex-shrink-0 bg-gradient-to-r from-green-600 to-teal-600">
273
+ <div class="h-48 flex items-center justify-center">
274
+ <i class="fas fa-graduation-cap text-white text-6xl"></i>
275
+ </div>
276
+ </div>
277
+ <div class="flex-1 bg-gray-800 p-6 flex flex-col justify-between">
278
+ <div class="flex-1">
279
+ <p class="text-sm font-medium text-green-400">
280
+ For Education
281
+ </p>
282
+ <h3 class="mt-2 text-xl font-semibold text-white">
283
+ Educational Institutions
284
+ </h3>
285
+ <p class="mt-3 text-base text-gray-300">
286
+ Resources for teaching video production with AI, including lesson plans and collaborative classroom tools.
287
+ </p>
288
+ </div>
289
+ <div class="mt-6">
290
+ <a href="#" class="text-sm font-medium text-green-400 hover:text-green-300">
291
+ Learn more <span aria-hidden="true">→</span>
292
+ </a>
293
+ </div>
294
+ </div>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ </div>
299
+
300
+ <!-- CTA Section -->
301
+ <div class="bg-gray-800">
302
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
303
+ <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
304
+ <span class="block">Ready to dive in?</span>
305
+ <span class="block gradient-text">Start your free trial today.</span>
306
+ </h2>
307
+ <div class="mt-8 flex lg:mt-0 lg:flex-shrink-0">
308
+ <div class="inline-flex rounded-md shadow">
309
+ <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700">
310
+ Get started
311
+ </a>
312
+ </div>
313
+ <div class="ml-3 inline-flex rounded-md shadow">
314
+ <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-300 bg-gray-700 hover:bg-gray-600">
315
+ Learn more
316
+ </a>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </div>
321
+
322
+ <!-- Footer -->
323
+ <footer class="bg-gray-900">
324
+ <div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8">
325
+ <nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer">
326
+ <div class="px-5 py-2">
327
+ <a href="#" class="text-base text-gray-400 hover:text-white">
328
+ About
329
+ </a>
330
+ </div>
331
+ <div class="px-5 py-2">
332
+ <a href="#" class="text-base text-gray-400 hover:text-white">
333
+ Blog
334
+ </a>
335
+ </div>
336
+ <div class="px-5 py-2">
337
+ <a href="#" class="text-base text-gray-400 hover:text-white">
338
+ Jobs
339
+ </a>
340
+ </div>
341
+ <div class="px-5 py-2">
342
+ <a href="#" class="text-base text-gray-400 hover:text-white">
343
+ Press
344
+ </a>
345
+ </div>
346
+ <div class="px-5 py-2">
347
+ <a href="#" class="text-base text-gray-400 hover:text-white">
348
+ Accessibility
349
+ </a>
350
+ </div>
351
+ <div class="px-5 py-2">
352
+ <a href="#" class="text-base text-gray-400 hover:text-white">
353
+ Partners
354
+ </a>
355
+ </div>
356
+ </nav>
357
+ <div class="mt-8 flex justify-center space-x-6">
358
+ <a href="#" class="text-gray-400 hover:text-white">
359
+ <span class="sr-only">Facebook</span>
360
+ <i class="fab fa-face-f text-xl"></i>
361
+ </a>
362
+ <a href="#" class="text-gray-400 hover:text-white">
363
+ <span class="sr-only">Instagram</span>
364
+ <i class="fab fa-instagram text-xl"></i>
365
+ </a>
366
+ <a href="#" class="text-gray-400 hover:text-white">
367
+ <span class="sr-only">Twitter</span>
368
+ <i class="fab fa-twitter text-xl"></i>
369
+ </a>
370
+ <a href="#" class="text-gray-400 hover:text-white">
371
+ <span class="sr-only">GitHub</span>
372
+ <i class="fab fa-github text-xl"></i>
373
+ </a>
374
+ <a href="#" class="text-gray-400 hover:text-white">
375
+ <span class="sr-only">YouTube</span>
376
+ <i class="fab fa-youtube text-xl"></i>
377
+ </a>
378
+ </div>
379
+ <p class="mt-8 text-center text-base text-gray-400">
380
+ &copy; 2023 Video AI Workstation. All rights reserved.
381
+ </p>
382
+ </div>
383
+ </footer>
384
+
385
+ <script>
386
+ // Mobile menu toggle
387
+ document.addEventListener('DOMContentLoaded', function() {
388
+ const mobileMenuButton = document.querySelector('[aria-controls="mobile-menu"]');
389
+ const mobileMenu = document.getElementById('mobile-menu');
390
+
391
+ mobileMenuButton.addEventListener('click', function() {
392
+ const expanded = this.getAttribute('aria-expanded') === 'true';
393
+ this.setAttribute('aria-expanded', !expanded);
394
+ mobileMenu.classList.toggle('hidden');
395
+ });
396
+ });
397
+ </script>
398
+ <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=XXXMARK/vai" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
399
+ </html>
prompts.txt ADDED
File without changes