Hugging Face's logo

Spaces:
Adeniran20
/
my-work
Running

App Files Community
Adeniran20 commited on
Commit
91b0b9b
·
verified ·
1 Parent(s): c0c9c21

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +427 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: My Work
3
- emoji: 🏢
4
- colorFrom: pink
5
- colorTo: gray
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: my-work
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: pink
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,427 @@
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>Offline Mode - Flashcard App</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
+ @keyframes fadeIn {
11
+ from { opacity: 0; transform: translateY(10px); }
12
+ to { opacity: 1; transform: translateY(0); }
13
+ }
14
+
15
+ .fade-in {
16
+ animation: fadeIn 0.5s ease-out forwards;
17
+ }
18
+
19
+ .card-flip {
20
+ transition: transform 0.6s;
21
+ transform-style: preserve-3d;
22
+ }
23
+
24
+ .card-flip.flipped {
25
+ transform: rotateY(180deg);
26
+ }
27
+
28
+ .card-face {
29
+ backface-visibility: hidden;
30
+ position: absolute;
31
+ width: 100%;
32
+ height: 100%;
33
+ }
34
+
35
+ .card-back {
36
+ transform: rotateY(180deg);
37
+ }
38
+
39
+ .offline-badge {
40
+ box-shadow: 0 0 0 2px white;
41
+ }
42
+
43
+ .slide-up {
44
+ animation: slideUp 0.4s ease-out forwards;
45
+ }
46
+
47
+ @keyframes slideUp {
48
+ from { transform: translateY(20px); opacity: 0; }
49
+ to { transform: translateY(0); opacity: 1; }
50
+ }
51
+ </style>
52
+ </head>
53
+ <body class="bg-gray-50 min-h-screen">
54
+ <div class="container mx-auto px-4 py-8">
55
+ <!-- Header -->
56
+ <header class="flex justify-between items-center mb-8">
57
+ <div class="flex items-center">
58
+ <i class="fas fa-brain text-indigo-600 text-3xl mr-3"></i>
59
+ <h1 class="text-2xl font-bold text-gray-800">FlashMind</h1>
60
+ </div>
61
+ <div class="flex items-center space-x-4">
62
+ <div class="relative group">
63
+ <button id="offlineToggle" class="flex items-center px-4 py-2 bg-indigo-100 text-indigo-700 rounded-full font-medium transition-all hover:bg-indigo-200">
64
+ <i class="fas fa-wifi mr-2"></i>
65
+ <span>Offline Mode</span>
66
+ </button>
67
+ <div class="absolute right-0 mt-2 w-64 bg-white rounded-lg shadow-lg p-4 hidden group-hover:block z-10">
68
+ <p class="text-sm text-gray-600">When offline mode is active, you can access all your saved flashcards and summaries without an internet connection.</p>
69
+ </div>
70
+ </div>
71
+ <button class="w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center text-gray-600 hover:bg-gray-300">
72
+ <i class="fas fa-user"></i>
73
+ </button>
74
+ </div>
75
+ </header>
76
+
77
+ <!-- Main Content -->
78
+ <main>
79
+ <!-- Offline Status Banner -->
80
+ <div id="offlineStatus" class="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4 mb-6 rounded-r-lg hidden">
81
+ <div class="flex items-center">
82
+ <i class="fas fa-exclamation-circle mr-3 text-xl"></i>
83
+ <div>
84
+ <p class="font-medium">You're currently offline</p>
85
+ <p class="text-sm">Accessing locally saved content only</p>
86
+ </div>
87
+ </div>
88
+ </div>
89
+
90
+ <!-- Tabs -->
91
+ <div class="flex border-b border-gray-200 mb-6">
92
+ <button id="flashcardsTab" class="px-4 py-2 font-medium text-indigo-600 border-b-2 border-indigo-600">Flashcards</button>
93
+ <button id="summariesTab" class="px-4 py-2 font-medium text-gray-500 hover:text-gray-700">AI Summaries</button>
94
+ </div>
95
+
96
+ <!-- Flashcards Section -->
97
+ <div id="flashcardsSection">
98
+ <div class="flex justify-between items-center mb-6">
99
+ <h2 class="text-xl font-semibold text-gray-800">My Flashcards</h2>
100
+ <div class="flex space-x-3">
101
+ <button class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition flex items-center">
102
+ <i class="fas fa-plus mr-2"></i> New Set
103
+ </button>
104
+ <button class="px-4 py-2 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition flex items-center">
105
+ <i class="fas fa-filter mr-2"></i> Filter
106
+ </button>
107
+ </div>
108
+ </div>
109
+
110
+ <!-- Flashcard Grid -->
111
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
112
+ <!-- Flashcard 1 -->
113
+ <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all fade-in">
114
+ <div class="p-5">
115
+ <div class="flex justify-between items-start mb-3">
116
+ <span class="px-3 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded-full">Biology</span>
117
+ <div class="flex space-x-2">
118
+ <button class="text-gray-400 hover:text-gray-600">
119
+ <i class="fas fa-ellipsis-v"></i>
120
+ </button>
121
+ </div>
122
+ </div>
123
+ <h3 class="text-lg font-semibold text-gray-800 mb-2">Cell Structure</h3>
124
+ <p class="text-gray-600 text-sm mb-4">12 cards</p>
125
+ <div class="flex justify-between items-center">
126
+ <div class="flex items-center text-sm text-gray-500">
127
+ <i class="far fa-clock mr-1"></i>
128
+ <span>Last studied: 2 days ago</span>
129
+ </div>
130
+ <button class="text-indigo-600 hover:text-indigo-800">
131
+ <i class="fas fa-play"></i>
132
+ </button>
133
+ </div>
134
+ </div>
135
+ </div>
136
+
137
+ <!-- Flashcard 2 -->
138
+ <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all fade-in" style="animation-delay: 0.1s;">
139
+ <div class="p-5">
140
+ <div class="flex justify-between items-start mb-3">
141
+ <span class="px-3 py-1 bg-green-100 text-green-800 text-xs font-medium rounded-full">Chemistry</span>
142
+ <div class="flex space-x-2">
143
+ <button class="text-gray-400 hover:text-gray-600">
144
+ <i class="fas fa-ellipsis-v"></i>
145
+ </button>
146
+ </div>
147
+ </div>
148
+ <h3 class="text-lg font-semibold text-gray-800 mb-2">Periodic Table</h3>
149
+ <p class="text-gray-600 text-sm mb-4">18 cards</p>
150
+ <div class="flex justify-between items-center">
151
+ <div class="flex items-center text-sm text-gray-500">
152
+ <i class="far fa-clock mr-1"></i>
153
+ <span>Last studied: 1 week ago</span>
154
+ </div>
155
+ <button class="text-indigo-600 hover:text-indigo-800">
156
+ <i class="fas fa-play"></i>
157
+ </button>
158
+ </div>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- Flashcard 3 -->
163
+ <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all fade-in" style="animation-delay: 0.2s;">
164
+ <div class="p-5">
165
+ <div class="flex justify-between items-start mb-3">
166
+ <span class="px-3 py-1 bg-purple-100 text-purple-800 text-xs font-medium rounded-full">History</span>
167
+ <div class="flex space-x-2">
168
+ <button class="text-gray-400 hover:text-gray-600">
169
+ <i class="fas fa-ellipsis-v"></i>
170
+ </button>
171
+ </div>
172
+ </div>
173
+ <h3 class="text-lg font-semibold text-gray-800 mb-2">World War II</h3>
174
+ <p class="text-gray-600 text-sm mb-4">24 cards</p>
175
+ <div class="flex justify-between items-center">
176
+ <div class="flex items-center text-sm text-gray-500">
177
+ <i class="far fa-clock mr-1"></i>
178
+ <span>Last studied: 3 days ago</span>
179
+ </div>
180
+ <button class="text-indigo-600 hover:text-indigo-800">
181
+ <i class="fas fa-play"></i>
182
+ </button>
183
+ </div>
184
+ </div>
185
+ </div>
186
+ </div>
187
+
188
+ <!-- Flashcard Viewer (hidden by default) -->
189
+ <div id="flashcardViewer" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
190
+ <div class="bg-white rounded-xl w-full max-w-2xl mx-4 max-h-[90vh] flex flex-col">
191
+ <div class="p-4 border-b border-gray-200 flex justify-between items-center">
192
+ <h3 class="text-lg font-semibold">Cell Structure</h3>
193
+ <button id="closeViewer" class="text-gray-500 hover:text-gray-700">
194
+ <i class="fas fa-times"></i>
195
+ </button>
196
+ </div>
197
+ <div class="p-8 flex-grow flex flex-col items-center justify-center">
198
+ <div class="relative w-full h-64 max-w-xl">
199
+ <!-- Flashcard -->
200
+ <div id="flashcard" class="card-flip w-full h-full cursor-pointer">
201
+ <div class="card-face bg-white border-2 border-indigo-100 rounded-xl p-8 flex flex-col items-center justify-center shadow-md">
202
+ <p class="text-gray-500 mb-2">Question</p>
203
+ <h4 class="text-xl font-semibold text-center text-gray-800">What is the powerhouse of the cell?</h4>
204
+ </div>
205
+ <div class="card-face card-back bg-indigo-50 border-2 border-indigo-200 rounded-xl p-8 flex flex-col items-center justify-center shadow-md">
206
+ <p class="text-gray-500 mb-2">Answer</p>
207
+ <h4 class="text-xl font-semibold text-center text-gray-800">Mitochondria</h4>
208
+ <div class="mt-4 text-sm text-gray-600 text-center">
209
+ <p>Mitochondria are double-membrane-bound organelles that generate most of the chemical energy needed to power the cell's biochemical reactions.</p>
210
+ </div>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ <div class="flex justify-between w-full max-w-xl mt-8">
215
+ <button class="px-4 py-2 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300">
216
+ <i class="fas fa-arrow-left mr-2"></i> Previous
217
+ </button>
218
+ <div class="flex items-center text-sm text-gray-500">
219
+ <span>1</span>
220
+ <span class="mx-2">of</span>
221
+ <span>12</span>
222
+ </div>
223
+ <button class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700">
224
+ Next <i class="fas fa-arrow-right ml-2"></i>
225
+ </button>
226
+ </div>
227
+ </div>
228
+ <div class="p-4 border-t border-gray-200 flex justify-between">
229
+ <button class="text-gray-500 hover:text-gray-700">
230
+ <i class="fas fa-bookmark mr-2"></i> Save progress
231
+ </button>
232
+ <div class="flex space-x-2">
233
+ <button class="text-gray-500 hover:text-gray-700">
234
+ <i class="fas fa-cog"></i>
235
+ </button>
236
+ <button class="text-gray-500 hover:text-gray-700">
237
+ <i class="fas fa-share-alt"></i>
238
+ </button>
239
+ </div>
240
+ </div>
241
+ </div>
242
+ </div>
243
+ </div>
244
+
245
+ <!-- Summaries Section (hidden by default) -->
246
+ <div id="summariesSection" class="hidden">
247
+ <div class="flex justify-between items-center mb-6">
248
+ <h2 class="text-xl font-semibold text-gray-800">AI Summaries</h2>
249
+ <button class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition flex items-center">
250
+ <i class="fas fa-plus mr-2"></i> New Summary
251
+ </button>
252
+ </div>
253
+
254
+ <div class="grid grid-cols-1 gap-6">
255
+ <!-- Summary 1 -->
256
+ <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all slide-up">
257
+ <div class="p-5">
258
+ <div class="flex justify-between items-start mb-3">
259
+ <div>
260
+ <span class="px-3 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded-full mr-2">Biology</span>
261
+ <span class="px-3 py-1 bg-pink-100 text-pink-800 text-xs font-medium rounded-full">Lecture Notes</span>
262
+ </div>
263
+ <div class="flex space-x-2">
264
+ <button class="text-gray-400 hover:text-gray-600">
265
+ <i class="fas fa-ellipsis-v"></i>
266
+ </button>
267
+ </div>
268
+ </div>
269
+ <h3 class="text-lg font-semibold text-gray-800 mb-2">Photosynthesis Process</h3>
270
+ <div class="prose max-w-none text-gray-600 mb-4">
271
+ <p>Photosynthesis is the process by which green plants and some other organisms use sunlight to synthesize foods with the help of chlorophyll...</p>
272
+ </div>
273
+ <div class="flex justify-between items-center">
274
+ <div class="flex items-center text-sm text-gray-500">
275
+ <i class="far fa-clock mr-1"></i>
276
+ <span>Created: 5 days ago</span>
277
+ </div>
278
+ <button class="text-indigo-600 hover:text-indigo-800 flex items-center">
279
+ <span class="mr-1">View</span>
280
+ <i class="fas fa-chevron-right"></i>
281
+ </button>
282
+ </div>
283
+ </div>
284
+ </div>
285
+
286
+ <!-- Summary 2 -->
287
+ <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all slide-up" style="animation-delay: 0.1s;">
288
+ <div class="p-5">
289
+ <div class="flex justify-between items-start mb-3">
290
+ <div>
291
+ <span class="px-3 py-1 bg-purple-100 text-purple-800 text-xs font-medium rounded-full mr-2">History</span>
292
+ <span class="px-3 py-1 bg-yellow-100 text-yellow-800 text-xs font-medium rounded-full">Textbook</span>
293
+ </div>
294
+ <div class="flex space-x-2">
295
+ <button class="text-gray-400 hover:text-gray-600">
296
+ <i class="fas fa-ellipsis-v"></i>
297
+ </button>
298
+ </div>
299
+ </div>
300
+ <h3 class="text-lg font-semibold text-gray-800 mb-2">French Revolution Causes</h3>
301
+ <div class="prose max-w-none text-gray-600 mb-4">
302
+ <p>The French Revolution was influenced by Enlightenment ideals, particularly the concepts of popular sovereignty and inalienable rights...</p>
303
+ </div>
304
+ <div class="flex justify-between items-center">
305
+ <div class="flex items-center text-sm text-gray-500">
306
+ <i class="far fa-clock mr-1"></i>
307
+ <span>Created: 2 weeks ago</span>
308
+ </div>
309
+ <button class="text-indigo-600 hover:text-indigo-800 flex items-center">
310
+ <span class="mr-1">View</span>
311
+ <i class="fas fa-chevron-right"></i>
312
+ </button>
313
+ </div>
314
+ </div>
315
+ </div>
316
+ </div>
317
+ </div>
318
+ </main>
319
+
320
+ <!-- Offline Storage Indicator -->
321
+ <div class="fixed bottom-4 right-4 bg-white rounded-full shadow-lg p-3 flex items-center">
322
+ <div class="relative">
323
+ <i class="fas fa-database text-indigo-600 text-xl"></i>
324
+ <div class="absolute -top-1 -right-1 w-4 h-4 bg-green-500 rounded-full offline-badge"></div>
325
+ </div>
326
+ <div class="ml-2 text-sm hidden md:block">
327
+ <span class="font-medium">Local storage:</span>
328
+ <span> 12.5MB used</span>
329
+ </div>
330
+ </div>
331
+ </div>
332
+
333
+ <script>
334
+ // Tab switching
335
+ const flashcardsTab = document.getElementById('flashcardsTab');
336
+ const summariesTab = document.getElementById('summariesTab');
337
+ const flashcardsSection = document.getElementById('flashcardsSection');
338
+ const summariesSection = document.getElementById('summariesSection');
339
+
340
+ flashcardsTab.addEventListener('click', () => {
341
+ flashcardsTab.classList.add('text-indigo-600', 'border-indigo-600');
342
+ flashcardsTab.classList.remove('text-gray-500');
343
+ summariesTab.classList.add('text-gray-500');
344
+ summariesTab.classList.remove('text-indigo-600', 'border-indigo-600');
345
+ flashcardsSection.classList.remove('hidden');
346
+ summariesSection.classList.add('hidden');
347
+ });
348
+
349
+ summariesTab.addEventListener('click', () => {
350
+ summariesTab.classList.add('text-indigo-600', 'border-indigo-600');
351
+ summariesTab.classList.remove('text-gray-500');
352
+ flashcardsTab.classList.add('text-gray-500');
353
+ flashcardsTab.classList.remove('text-indigo-600', 'border-indigo-600');
354
+ summariesSection.classList.remove('hidden');
355
+ flashcardsSection.classList.add('hidden');
356
+ });
357
+
358
+ // Offline mode toggle
359
+ const offlineToggle = document.getElementById('offlineToggle');
360
+ const offlineStatus = document.getElementById('offlineStatus');
361
+ let isOffline = false;
362
+
363
+ offlineToggle.addEventListener('click', () => {
364
+ isOffline = !isOffline;
365
+ if (isOffline) {
366
+ offlineToggle.innerHTML = '<i class="fas fa-wifi-slash mr-2"></i><span>Offline Mode</span>';
367
+ offlineToggle.classList.add('bg-indigo-600', 'text-white');
368
+ offlineToggle.classList.remove('bg-indigo-100', 'text-indigo-700');
369
+ offlineStatus.classList.remove('hidden');
370
+
371
+ // Simulate checking local storage
372
+ setTimeout(() => {
373
+ const storageIndicator = document.querySelector('.offline-badge');
374
+ storageIndicator.classList.remove('bg-green-500');
375
+ storageIndicator.classList.add('bg-yellow-500');
376
+ }, 500);
377
+ } else {
378
+ offlineToggle.innerHTML = '<i class="fas fa-wifi mr-2"></i><span>Offline Mode</span>';
379
+ offlineToggle.classList.remove('bg-indigo-600', 'text-white');
380
+ offlineToggle.classList.add('bg-indigo-100', 'text-indigo-700');
381
+ offlineStatus.classList.add('hidden');
382
+
383
+ // Simulate reconnecting
384
+ const storageIndicator = document.querySelector('.offline-badge');
385
+ storageIndicator.classList.remove('bg-yellow-500');
386
+ storageIndicator.classList.add('bg-green-500');
387
+ }
388
+ });
389
+
390
+ // Flashcard flip interaction
391
+ const flashcard = document.getElementById('flashcard');
392
+ if (flashcard) {
393
+ flashcard.addEventListener('click', function() {
394
+ this.classList.toggle('flipped');
395
+ });
396
+ }
397
+
398
+ // Flashcard viewer
399
+ const flashcardViewer = document.getElementById('flashcardViewer');
400
+ const closeViewer = document.getElementById('closeViewer');
401
+
402
+ // Simulate opening a flashcard set
403
+ document.querySelectorAll('[id^="flashcard"]').forEach(btn => {
404
+ btn.addEventListener('click', () => {
405
+ if (!btn.closest('.card-flip')) { // Don't trigger for the flip action
406
+ flashcardViewer.classList.remove('hidden');
407
+ document.body.style.overflow = 'hidden';
408
+ }
409
+ });
410
+ });
411
+
412
+ if (closeViewer) {
413
+ closeViewer.addEventListener('click', () => {
414
+ flashcardViewer.classList.add('hidden');
415
+ document.body.style.overflow = '';
416
+ });
417
+ }
418
+
419
+ // Check online status (simulated)
420
+ window.addEventListener('load', () => {
421
+ // In a real app, you would check navigator.onLine
422
+ // For this demo, we'll assume we're online initially
423
+ console.log('Checking connection status...');
424
+ });
425
+ </script>
426
+ <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=Adeniran20/my-work" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
427
+ </html>
prompts.txt ADDED
File without changes