Hugging Face's logo

Spaces:
KatEdwards
/
cat
Running

App Files Community
KatEdwards commited on
Commit
cc47b5f
·
verified ·
1 Parent(s): 69b19eb

Make a cat emergency alert system - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +443 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Cat
3
- emoji: 👁
4
- colorFrom: gray
5
- colorTo: purple
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: cat
3
+ emoji: 🐳
4
+ colorFrom: green
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,443 @@
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>Cat Emergency Alert System</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
+ .emergency-btn {
11
+ transition: all 0.3s ease;
12
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
13
+ }
14
+ .emergency-btn:hover {
15
+ transform: translateY(-2px);
16
+ box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
17
+ }
18
+ .emergency-btn:active {
19
+ transform: translateY(1px);
20
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
21
+ }
22
+ .notification {
23
+ animation: slideIn 0.5s forwards;
24
+ }
25
+ @keyframes slideIn {
26
+ from {
27
+ transform: translateX(100%);
28
+ opacity: 0;
29
+ }
30
+ to {
31
+ transform: translateX(0);
32
+ opacity: 1;
33
+ }
34
+ }
35
+ .cat-avatar {
36
+ transition: all 0.3s ease;
37
+ }
38
+ .cat-avatar:hover {
39
+ transform: scale(1.05);
40
+ }
41
+ </style>
42
+ </head>
43
+ <body class="bg-gray-100 min-h-screen">
44
+ <div class="container mx-auto px-4 py-8">
45
+ <!-- Header -->
46
+ <header class="flex flex-col md:flex-row justify-between items-center mb-8">
47
+ <div class="flex items-center mb-4 md:mb-0">
48
+ <i class="fas fa-cat text-4xl text-orange-500 mr-3"></i>
49
+ <h1 class="text-3xl font-bold text-gray-800">Cat Emergency Alert System</h1>
50
+ </div>
51
+ <div class="flex items-center space-x-4">
52
+ <div class="relative">
53
+ <button id="notificationBtn" class="p-2 rounded-full bg-white shadow-md hover:bg-gray-100">
54
+ <i class="fas fa-bell text-2xl text-orange-500"></i>
55
+ <span id="notificationBadge" class="absolute -top-1 -right-1 bg-red-500 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center hidden">0</span>
56
+ </button>
57
+ </div>
58
+ <div class="hidden md:block">
59
+ <button id="addCatBtn" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-lg font-medium">
60
+ <i class="fas fa-plus mr-2"></i> Add Cat
61
+ </button>
62
+ </div>
63
+ </div>
64
+ </header>
65
+
66
+ <!-- Main Content -->
67
+ <main class="grid grid-cols-1 lg:grid-cols-3 gap-8">
68
+ <!-- Emergency Panel -->
69
+ <div class="lg:col-span-2 bg-white rounded-xl shadow-lg p-6">
70
+ <h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
71
+ <i class="fas fa-exclamation-triangle text-red-500 mr-3"></i>
72
+ Emergency Controls
73
+ </h2>
74
+
75
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-8">
76
+ <button id="medicalEmergency" class="emergency-btn bg-red-500 hover:bg-red-600 text-white text-lg font-bold py-12 rounded-xl flex flex-col items-center justify-center">
77
+ <i class="fas fa-heartbeat text-4xl mb-2"></i>
78
+ Medical Emergency
79
+ </button>
80
+ <button id="missingCat" class="emergency-btn bg-amber-500 hover:bg-amber-600 text-white text-lg font-bold py-12 rounded-xl flex flex-col items-center justify-center">
81
+ <i class="fas fa-search text-4xl mb-2"></i>
82
+ Missing Cat
83
+ </button>
84
+ <button id="foodEmergency" class="emergency-btn bg-blue-500 hover:bg-blue-600 text-white text-lg font-bold py-12 rounded-xl flex flex-col items-center justify-center">
85
+ <i class="fas fa-utensils text-4xl mb-2"></i>
86
+ Food Emergency
87
+ </button>
88
+ <button id="behaviorEmergency" class="emergency-btn bg-purple-500 hover:bg-purple-600 text-white text-lg font-bold py-12 rounded-xl flex flex-col items-center justify-center">
89
+ <i class="fas fa-brain text-4xl mb-2"></i>
90
+ Behavior Emergency
91
+ </button>
92
+ </div>
93
+
94
+ <div class="bg-gray-50 rounded-lg p-4">
95
+ <h3 class="font-bold text-gray-700 mb-2">Emergency Contacts</h3>
96
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
97
+ <div class="flex items-center bg-white p-3 rounded-lg">
98
+ <div class="bg-red-100 p-2 rounded-full mr-3">
99
+ <i class="fas fa-hospital text-red-500"></i>
100
+ </div>
101
+ <div>
102
+ <p class="font-medium">Vet Clinic</p>
103
+ <p class="text-sm text-gray-500">(555) 123-4567</p>
104
+ </div>
105
+ </div>
106
+ <div class="flex items-center bg-white p-3 rounded-lg">
107
+ <div class="bg-blue-100 p-2 rounded-full mr-3">
108
+ <i class="fas fa-ambulance text-blue-500"></i>
109
+ </div>
110
+ <div>
111
+ <p class="font-medium">Emergency Vet</p>
112
+ <p class="text-sm text-gray-500">(555) 987-6543</p>
113
+ </div>
114
+ </div>
115
+ <div class="flex items-center bg-white p-3 rounded-lg">
116
+ <div class="bg-green-100 p-2 rounded-full mr-3">
117
+ <i class="fas fa-user-friends text-green-500"></i>
118
+ </div>
119
+ <div>
120
+ <p class="font-medium">Cat Sitter</p>
121
+ <p class="text-sm text-gray-500">(555) 456-7890</p>
122
+ </div>
123
+ </div>
124
+ <div class="flex items-center bg-white p-3 rounded-lg">
125
+ <div class="bg-purple-100 p-2 rounded-full mr-3">
126
+ <i class="fas fa-paw text-purple-500"></i>
127
+ </div>
128
+ <div>
129
+ <p class="font-medium">Pet Rescue</p>
130
+ <p class="text-sm text-gray-500">(555) 789-0123</p>
131
+ </div>
132
+ </div>
133
+ </div>
134
+ </div>
135
+ </div>
136
+
137
+ <!-- Cat Profile and Notifications -->
138
+ <div class="space-y-6">
139
+ <!-- Cat Profile -->
140
+ <div class="bg-white rounded-xl shadow-lg p-6">
141
+ <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
142
+ <i class="fas fa-paw text-orange-500 mr-3"></i>
143
+ My Cat Profile
144
+ </h2>
145
+
146
+ <div class="flex flex-col items-center mb-4">
147
+ <div class="cat-avatar bg-orange-100 rounded-full h-24 w-24 flex items-center justify-center mb-3">
148
+ <i class="fas fa-cat text-4xl text-orange-500"></i>
149
+ </div>
150
+ <h3 class="text-xl font-bold" id="catName">Whiskers</h3>
151
+ <p class="text-gray-500" id="catAgeBreed">3 years old • Tabby</p>
152
+ </div>
153
+
154
+ <div class="space-y-3">
155
+ <div class="flex justify-between items-center">
156
+ <span class="font-medium">Microchip ID:</span>
157
+ <span class="bg-gray-100 px-3 py-1 rounded" id="microchipId">123456789</span>
158
+ </div>
159
+ <div class="flex justify-between items-center">
160
+ <span class="font-medium">Last Vet Visit:</span>
161
+ <span class="bg-gray-100 px-3 py-1 rounded" id="lastVetVisit">2023-05-15</span>
162
+ </div>
163
+ <div class="flex justify-between items-center">
164
+ <span class="font-medium">Vaccinations:</span>
165
+ <span class="bg-green-100 text-green-800 px-3 py-1 rounded" id="vaccinations">Up to date</span>
166
+ </div>
167
+ <div class="flex justify-between items-center">
168
+ <span class="font-medium">Special Needs:</span>
169
+ <span class="bg-blue-100 text-blue-800 px-3 py-1 rounded" id="specialNeeds">None</span>
170
+ </div>
171
+ </div>
172
+
173
+ <button id="editProfileBtn" class="w-full mt-4 bg-gray-100 hover:bg-gray-200 text-gray-800 py-2 rounded-lg font-medium">
174
+ <i class="fas fa-edit mr-2"></i> Edit Profile
175
+ </button>
176
+ </div>
177
+
178
+ <!-- Emergency History -->
179
+ <div class="bg-white rounded-xl shadow-lg p-6">
180
+ <h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
181
+ <i class="fas fa-history text-orange-500 mr-3"></i>
182
+ Recent Alerts
183
+ </h2>
184
+
185
+ <div class="space-y-3" id="emergencyHistory">
186
+ <div class="bg-red-50 border-l-4 border-red-500 p-3 rounded-r">
187
+ <div class="flex justify-between">
188
+ <span class="font-medium text-red-800">Medical Emergency</span>
189
+ <span class="text-xs text-gray-500">2 days ago</span>
190
+ </div>
191
+ <p class="text-sm text-gray-700">Whiskers vomited 3 times today</p>
192
+ </div>
193
+ <div class="bg-amber-50 border-l-4 border-amber-500 p-3 rounded-r">
194
+ <div class="flex justify-between">
195
+ <span class="font-medium text-amber-800">Missing Cat</span>
196
+ <span class="text-xs text-gray-500">1 week ago</span>
197
+ </div>
198
+ <p class="text-sm text-gray-700">Whiskers didn't come home for dinner</p>
199
+ </div>
200
+ <div class="bg-blue-50 border-l-4 border-blue-500 p-3 rounded-r">
201
+ <div class="flex justify-between">
202
+ <span class="font-medium text-blue-800">Food Emergency</span>
203
+ <span class="text-xs text-gray-500">2 weeks ago</span>
204
+ </div>
205
+ <p class="text-sm text-gray-700">Ran out of special diet food</p>
206
+ </div>
207
+ </div>
208
+
209
+ <button id="viewAllBtn" class="w-full mt-4 text-orange-500 hover:text-orange-600 py-2 rounded-lg font-medium">
210
+ View All Alerts <i class="fas fa-chevron-right ml-1"></i>
211
+ </button>
212
+ </div>
213
+ </div>
214
+ </main>
215
+
216
+ <!-- Notification Panel (hidden by default) -->
217
+ <div id="notificationPanel" class="fixed top-0 right-0 h-full w-full md:w-96 bg-white shadow-xl transform translate-x-full transition-transform duration-300 z-50 overflow-y-auto">
218
+ <div class="p-4 border-b border-gray-200 flex justify-between items-center">
219
+ <h3 class="text-xl font-bold">Notifications</h3>
220
+ <button id="closeNotificationBtn" class="text-gray-500 hover:text-gray-700">
221
+ <i class="fas fa-times"></i>
222
+ </button>
223
+ </div>
224
+ <div class="p-4" id="notificationList">
225
+ <div class="text-center py-8 text-gray-500">
226
+ <i class="fas fa-bell-slash text-4xl mb-2"></i>
227
+ <p>No new notifications</p>
228
+ </div>
229
+ </div>
230
+ </div>
231
+
232
+ <!-- Add Cat Modal (hidden by default) -->
233
+ <div id="addCatModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
234
+ <div class="bg-white rounded-xl p-6 w-full max-w-md">
235
+ <div class="flex justify-between items-center mb-4">
236
+ <h3 class="text-xl font-bold">Add New Cat</h3>
237
+ <button id="closeAddCatModalBtn" class="text-gray-500 hover:text-gray-700">
238
+ <i class="fas fa-times"></i>
239
+ </button>
240
+ </div>
241
+
242
+ <form id="addCatForm" class="space-y-4">
243
+ <div>
244
+ <label class="block text-gray-700 mb-1">Cat's Name</label>
245
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-lg" required>
246
+ </div>
247
+ <div>
248
+ <label class="block text-gray-700 mb-1">Age</label>
249
+ <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-lg" min="0" required>
250
+ </div>
251
+ <div>
252
+ <label class="block text-gray-700 mb-1">Breed</label>
253
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-lg" required>
254
+ </div>
255
+ <div>
256
+ <label class="block text-gray-700 mb-1">Microchip ID</label>
257
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-lg">
258
+ </div>
259
+ <div>
260
+ <label class="block text-gray-700 mb-1">Special Needs</label>
261
+ <textarea class="w-full px-3 py-2 border border-gray-300 rounded-lg" rows="2"></textarea>
262
+ </div>
263
+
264
+ <div class="flex justify-end space-x-3 pt-4">
265
+ <button type="button" id="cancelAddCatBtn" class="px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-100">
266
+ Cancel
267
+ </button>
268
+ <button type="submit" class="px-4 py-2 bg-orange-500 text-white rounded-lg hover:bg-orange-600">
269
+ Save Cat
270
+ </button>
271
+ </div>
272
+ </form>
273
+ </div>
274
+ </div>
275
+ </div>
276
+
277
+ <script>
278
+ // Notification system
279
+ const notificationBtn = document.getElementById('notificationBtn');
280
+ const closeNotificationBtn = document.getElementById('closeNotificationBtn');
281
+ const notificationPanel = document.getElementById('notificationPanel');
282
+ const notificationBadge = document.getElementById('notificationBadge');
283
+ const notificationList = document.getElementById('notificationList');
284
+
285
+ let notifications = [];
286
+
287
+ notificationBtn.addEventListener('click', () => {
288
+ notificationPanel.classList.remove('translate-x-full');
289
+ notificationBadge.classList.add('hidden');
290
+ });
291
+
292
+ closeNotificationBtn.addEventListener('click', () => {
293
+ notificationPanel.classList.add('translate-x-full');
294
+ });
295
+
296
+ // Emergency buttons
297
+ const emergencyButtons = [
298
+ document.getElementById('medicalEmergency'),
299
+ document.getElementById('missingCat'),
300
+ document.getElementById('foodEmergency'),
301
+ document.getElementById('behaviorEmergency')
302
+ ];
303
+
304
+ emergencyButtons.forEach(button => {
305
+ button.addEventListener('click', () => {
306
+ const emergencyType = button.textContent.trim();
307
+ const timestamp = new Date().toLocaleString();
308
+
309
+ // Add to notifications
310
+ const newNotification = {
311
+ type: emergencyType,
312
+ time: timestamp,
313
+ message: `Emergency alert triggered for ${document.getElementById('catName').textContent}`
314
+ };
315
+
316
+ notifications.unshift(newNotification);
317
+ updateNotificationBadge();
318
+ addToEmergencyHistory(newNotification);
319
+
320
+ // Show alert
321
+ alert(`${emergencyType} alert has been triggered! Help is on the way.`);
322
+ });
323
+ });
324
+
325
+ function updateNotificationBadge() {
326
+ notificationBadge.textContent = notifications.length;
327
+ notificationBadge.classList.remove('hidden');
328
+
329
+ // Update notification list
330
+ notificationList.innerHTML = '';
331
+
332
+ if (notifications.length === 0) {
333
+ notificationList.innerHTML = `
334
+ <div class="text-center py-8 text-gray-500">
335
+ <i class="fas fa-bell-slash text-4xl mb-2"></i>
336
+ <p>No new notifications</p>
337
+ </div>
338
+ `;
339
+ } else {
340
+ notifications.forEach(notif => {
341
+ const notifElement = document.createElement('div');
342
+ notifElement.className = 'border-b border-gray-200 py-3';
343
+ notifElement.innerHTML = `
344
+ <div class="flex justify-between">
345
+ <span class="font-medium">${notif.type}</span>
346
+ <span class="text-xs text-gray-500">${notif.time}</span>
347
+ </div>
348
+ <p class="text-sm text-gray-700 mt-1">${notif.message}</p>
349
+ `;
350
+ notificationList.appendChild(notifElement);
351
+ });
352
+ }
353
+ }
354
+
355
+ function addToEmergencyHistory(notification) {
356
+ const historyElement = document.createElement('div');
357
+ let bgColor = 'bg-red-50';
358
+ let borderColor = 'border-red-500';
359
+ let textColor = 'text-red-800';
360
+
361
+ if (notification.type === 'Missing Cat') {
362
+ bgColor = 'bg-amber-50';
363
+ borderColor = 'border-amber-500';
364
+ textColor = 'text-amber-800';
365
+ } else if (notification.type === 'Food Emergency') {
366
+ bgColor = 'bg-blue-50';
367
+ borderColor = 'border-blue-500';
368
+ textColor = 'text-blue-800';
369
+ } else if (notification.type === 'Behavior Emergency') {
370
+ bgColor = 'bg-purple-50';
371
+ borderColor = 'border-purple-500';
372
+ textColor = 'text-purple-800';
373
+ }
374
+
375
+ historyElement.className = `${bgColor} border-l-4 ${borderColor} p-3 rounded-r mb-2`;
376
+ historyElement.innerHTML = `
377
+ <div class="flex justify-between">
378
+ <span class="font-medium ${textColor}">${notification.type}</span>
379
+ <span class="text-xs text-gray-500">Just now</span>
380
+ </div>
381
+ <p class="text-sm text-gray-700">${notification.message}</p>
382
+ `;
383
+
384
+ const emergencyHistory = document.getElementById('emergencyHistory');
385
+ emergencyHistory.insertBefore(historyElement, emergencyHistory.firstChild);
386
+ }
387
+
388
+ // Add cat modal
389
+ const addCatBtn = document.getElementById('addCatBtn');
390
+ const addCatModal = document.getElementById('addCatModal');
391
+ const closeAddCatModalBtn = document.getElementById('closeAddCatModalBtn');
392
+ const cancelAddCatBtn = document.getElementById('cancelAddCatBtn');
393
+ const addCatForm = document.getElementById('addCatForm');
394
+
395
+ addCatBtn.addEventListener('click', () => {
396
+ addCatModal.classList.remove('hidden');
397
+ });
398
+
399
+ closeAddCatModalBtn.addEventListener('click', () => {
400
+ addCatModal.classList.add('hidden');
401
+ });
402
+
403
+ cancelAddCatBtn.addEventListener('click', () => {
404
+ addCatModal.classList.add('hidden');
405
+ });
406
+
407
+ addCatForm.addEventListener('submit', (e) => {
408
+ e.preventDefault();
409
+ const formData = new FormData(addCatForm);
410
+ const catName = formData.get('name');
411
+ const catAge = formData.get('age');
412
+ const catBreed = formData.get('breed');
413
+
414
+ // In a real app, you would save this data to a database
415
+ document.getElementById('catName').textContent = catName;
416
+ document.getElementById('catAgeBreed').textContent = `${catAge} years old • ${catBreed}`;
417
+
418
+ // Show success notification
419
+ const newNotification = {
420
+ type: 'Profile Update',
421
+ time: new Date().toLocaleString(),
422
+ message: `Added new cat profile for ${catName}`
423
+ };
424
+
425
+ notifications.unshift(newNotification);
426
+ updateNotificationBadge();
427
+
428
+ addCatModal.classList.add('hidden');
429
+ addCatForm.reset();
430
+ });
431
+
432
+ // Edit profile button
433
+ document.getElementById('editProfileBtn').addEventListener('click', () => {
434
+ alert('In a complete application, this would open a form to edit the cat profile.');
435
+ });
436
+
437
+ // View all alerts button
438
+ document.getElementById('viewAllBtn').addEventListener('click', () => {
439
+ alert('In a complete application, this would show all historical alerts.');
440
+ });
441
+ </script>
442
+ <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=KatEdwards/cat" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
443
+ </html>