Hugging Face's logo

Spaces:
NotDivYt
/
fkti
Running

App Files Community
NotDivYt commited on
Commit
e2ec395
·
verified ·
1 Parent(s): 5426753

add 3d elemetns - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +359 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Fkti
3
- emoji: 🐠
4
- colorFrom: indigo
5
- colorTo: indigo
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: fkti
3
+ emoji: 🐳
4
+ colorFrom: pink
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,359 @@
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>Apple</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
+ .hero-section {
11
+ background: linear-gradient(to bottom, #000000, #1a1a1a);
12
+ }
13
+ .nav-link:hover {
14
+ opacity: 0.7;
15
+ }
16
+ .product-card:hover {
17
+ transform: translateY(-5px);
18
+ transition: transform 0.3s ease;
19
+ }
20
+ .footer-link:hover {
21
+ text-decoration: underline;
22
+ }
23
+ .search-input:focus {
24
+ outline: none;
25
+ background-color: rgba(255,255,255,0.2);
26
+ }
27
+ .dropdown:hover .dropdown-menu {
28
+ display: block;
29
+ }
30
+ .transform-style-preserve-3d {
31
+ transform-style: preserve-3d;
32
+ }
33
+ .hover\:rotate-x-6:hover {
34
+ transform: rotateX(6deg);
35
+ }
36
+ .hover\:rotate-y-6:hover {
37
+ transform: rotateY(6deg);
38
+ }
39
+ .hover\:rotate-y-12:hover {
40
+ transform: rotateY(12deg);
41
+ }
42
+ .product-card {
43
+ perspective: 1000px;
44
+ }
45
+ </style>
46
+ </head>
47
+ <body class="font-sans antialiased text-gray-100 bg-black">
48
+ <!-- Navigation -->
49
+ <nav class="bg-black bg-opacity-90 sticky top-0 z-50 backdrop-blur-md transform-style-preserve-3d">
50
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
51
+ <div class="flex justify-between h-16 items-center">
52
+ <!-- Mobile menu button -->
53
+ <div class="flex items-center md:hidden">
54
+ <button class="text-gray-300 hover:text-white focus:outline-none">
55
+ <i class="fas fa-bars text-xl"></i>
56
+ </button>
57
+ </div>
58
+
59
+ <!-- Apple logo -->
60
+ <div class="flex-shrink-0 flex items-center">
61
+ <a href="#" class="text-white">
62
+ <i class="fab fa-apple text-2xl"></i>
63
+ </a>
64
+ </div>
65
+
66
+ <!-- Desktop menu -->
67
+ <div class="hidden md:flex space-x-8">
68
+ <div class="dropdown relative">
69
+ <a href="#" class="nav-link text-gray-300 hover:text-white text-sm font-medium">Store</a>
70
+ </div>
71
+ <div class="dropdown relative">
72
+ <a href="#" class="nav-link text-gray-300 hover:text-white text-sm font-medium">Mac</a>
73
+ </div>
74
+ <div class="dropdown relative">
75
+ <a href="#" class="nav-link text-gray-300 hover:text-white text-sm font-medium">iPad</a>
76
+ </div>
77
+ <div class="dropdown relative">
78
+ <a href="#" class="nav-link text-gray-300 hover:text-white text-sm font-medium">iPhone</a>
79
+ </div>
80
+ <div class="dropdown relative">
81
+ <a href="#" class="nav-link text-gray-300 hover:text-white text-sm font-medium">Watch</a>
82
+ </div>
83
+ <div class="dropdown relative">
84
+ <a href="#" class="nav-link text-gray-300 hover:text-white text-sm font-medium">Vision</a>
85
+ </div>
86
+ <div class="dropdown relative">
87
+ <a href="#" class="nav-link text-gray-300 hover:text-white text-sm font-medium">AirPods</a>
88
+ </div>
89
+ <div class="dropdown relative">
90
+ <a href="#" class="nav-link text-gray-300 hover:text-white text-sm font-medium">TV & Home</a>
91
+ </div>
92
+ <div class="dropdown relative">
93
+ <a href="#" class="nav-link text-gray-300 hover:text-white text-sm font-medium">Entertainment</a>
94
+ </div>
95
+ <div class="dropdown relative">
96
+ <a href="#" class="nav-link text-gray-300 hover:text-white text-sm font-medium">Accessories</a>
97
+ </div>
98
+ <div class="dropdown relative">
99
+ <a href="#" class="nav-link text-gray-300 hover:text-white text-sm font-medium">Support</a>
100
+ </div>
101
+ </div>
102
+
103
+ <!-- Search and bag -->
104
+ <div class="flex items-center space-x-4">
105
+ <div class="relative hidden md:block">
106
+ <input type="text" placeholder="Search apple.com" class="search-input bg-transparent border-none text-white placeholder-gray-400 text-sm rounded-md px-3 py-1 w-40 focus:w-64 transition-all duration-300">
107
+ <i class="fas fa-search absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
108
+ </div>
109
+ <a href="#" class="text-gray-300 hover:text-white">
110
+ <i class="fas fa-shopping-bag text-lg"></i>
111
+ </a>
112
+ </div>
113
+ </div>
114
+ </div>
115
+ </nav>
116
+
117
+ <!-- Hero Section -->
118
+ <section class="hero-section py-16 md:py-24 transform-style-preserve-3d">
119
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center transition-transform duration-500 hover:rotate-x-6 hover:rotate-y-6">
120
+ <h1 class="text-4xl md:text-6xl font-bold mb-4">iPhone 16</h1>
121
+ <p class="text-xl md:text-2xl text-gray-300 mb-8">Meet the iPhone 16 family.</p>
122
+ <div class="flex justify-center space-x-4">
123
+ <a href="#" class="text-blue-500 hover:underline text-lg">Learn more <i class="fas fa-chevron-right ml-1"></i></a>
124
+ <a href="#" class="text-blue-500 hover:underline text-lg">Shop iPhone <i class="fas fa-chevron-right ml-1"></i></a>
125
+ </div>
126
+ <p class="mt-8 text-gray-400">Built for Apple Intelligence.</p>
127
+ </div>
128
+ </section>
129
+
130
+ <!-- Products Grid -->
131
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 md:grid-cols-2 gap-8 mb-16">
132
+ <!-- iPad Pro -->
133
+ <div class="product-card bg-gray-900 rounded-xl p-8 text-center transform-style-preserve-3d transition-all duration-500 hover:rotate-y-12 hover:shadow-2xl">
134
+ <h2 class="text-3xl font-semibold mb-2">iPad Pro</h2>
135
+ <p class="text-gray-300 mb-6">Unbelievably thin. Incredibly powerful.</p>
136
+ <div class="flex justify-center space-x-4">
137
+ <a href="#" class="text-blue-500 hover:underline">Learn more <i class="fas fa-chevron-right ml-1"></i></a>
138
+ <a href="#" class="text-blue-500 hover:underline">Buy <i class="fas fa-chevron-right ml-1"></i></a>
139
+ </div>
140
+ <p class="mt-6 text-gray-400">Built for Apple Intelligence.</p>
141
+ </div>
142
+
143
+ <!-- MacBook Air -->
144
+ <div class="product-card bg-gray-900 rounded-xl p-8 text-center">
145
+ <h3 class="text-xl font-semibold mb-2">MacBook Air</h3>
146
+ <p class="text-gray-300 mb-4">Sky blue color.</p>
147
+ <p class="text-gray-300 mb-6">Sky high performance with M4.</p>
148
+ <div class="flex justify-center space-x-4">
149
+ <a href="#" class="text-blue-500 hover:underline">Learn more <i class="fas fa-chevron-right ml-1"></i></a>
150
+ <a href="#" class="text-blue-500 hover:underline">Buy <i class="fas fa-chevron-right ml-1"></i></a>
151
+ </div>
152
+ <p class="mt-6 text-gray-400">Built for Apple Intelligence.</p>
153
+ </div>
154
+
155
+ <!-- iPad Air -->
156
+ <div class="product-card bg-gray-900 rounded-xl p-8 text-center">
157
+ <h3 class="text-xl font-semibold mb-2">iPad Air</h3>
158
+ <p class="text-gray-300 mb-6">Now supercharged by the M3 chip.</p>
159
+ <div class="flex justify-center space-x-4">
160
+ <a href="#" class="text-blue-500 hover:underline">Learn more <i class="fas fa-chevron-right ml-1"></i></a>
161
+ <a href="#" class="text-blue-500 hover:underline">Buy <i class="fas fa-chevron-right ml-1"></i></a>
162
+ </div>
163
+ <p class="mt-6 text-gray-400">Built for Apple Intelligence.</p>
164
+ </div>
165
+
166
+ <!-- Apple Watch -->
167
+ <div class="product-card bg-gray-900 rounded-xl p-8 text-center">
168
+ <h3 class="text-xl font-semibold mb-2">Apple Watch Series 10</h3>
169
+ <p class="text-gray-300 mb-6">Thinstant classic.</p>
170
+ <div class="flex justify-center space-x-4">
171
+ <a href="#" class="text-blue-500 hover:underline">Learn more <i class="fas fa-chevron-right ml-1"></i></a>
172
+ <a href="#" class="text-blue-500 hover:underline">Buy <i class="fas fa-chevron-right ml-1"></i></a>
173
+ </div>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- Features Section -->
178
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
179
+ <!-- Apple Podcasts -->
180
+ <div class="product-card bg-gray-900 rounded-xl p-8">
181
+ <h3 class="text-xl font-semibold mb-4">Apple Podcasts</h3>
182
+ <p class="text-gray-300 mb-6">20 years of podcasts. 20 unforgettable shows.</p>
183
+ <a href="#" class="text-blue-500 hover:underline">Explore the list <i class="fas fa-chevron-right ml-1"></i></a>
184
+ </div>
185
+
186
+ <!-- Apple Trade In -->
187
+ <div class="product-card bg-gray-900 rounded-xl p-8">
188
+ <h3 class="text-xl font-semibold mb-4">Apple Trade In</h3>
189
+ <p class="text-gray-300 mb-6">Get $170–$630 in credit when you trade in iPhone 12 or higher.</p>
190
+ <a href="#" class="text-blue-500 hover:underline">Get your estimate <i class="fas fa-chevron-right ml-1"></i></a>
191
+ </div>
192
+
193
+ <!-- Apple Card -->
194
+ <div class="product-card bg-gray-900 rounded-xl p-8">
195
+ <h3 class="text-xl font-semibold mb-4">Apple Card</h3>
196
+ <p class="text-gray-300 mb-6">Get up to 3% Daily Cash back with every purchase.</p>
197
+ <div class="flex space-x-4">
198
+ <a href="#" class="text-blue-500 hover:underline">Learn more <i class="fas fa-chevron-right ml-1"></i></a>
199
+ <a href="#" class="text-blue-500 hover:underline">Apply now <i class="fas fa-chevron-right ml-1"></i></a>
200
+ </div>
201
+ </div>
202
+ </div>
203
+
204
+ <!-- Apple TV+ Section -->
205
+ <div class="bg-gray-900 py-16">
206
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
207
+ <h3 class="text-2xl font-semibold mb-8 text-center">Apple TV+</h3>
208
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
209
+ <!-- Gallery Item 1 -->
210
+ <div class="text-center">
211
+ <div class="bg-gray-800 rounded-lg h-48 mb-4"></div>
212
+ <a href="#" class="text-blue-500 hover:underline">Watch now <i class="fas fa-chevron-right ml-1"></i></a>
213
+ <p class="text-gray-300 mt-2">Strong and Calm Combos for Busy Days</p>
214
+ </div>
215
+
216
+ <!-- Gallery Item 2 -->
217
+ <div class="text-center">
218
+ <div class="bg-gray-800 rounded-lg h-48 mb-4"></div>
219
+ <a href="#" class="text-blue-500 hover:underline">Listen now <i class="fas fa-chevron-right ml-1"></i></a>
220
+ <p class="text-gray-300 mt-2">Seth Rogen: The Zane Lowe Interview</p>
221
+ </div>
222
+
223
+ <!-- Gallery Item 3 -->
224
+ <div class="text-center">
225
+ <div class="bg-gray-800 rounded-lg h-48 mb-4"></div>
226
+ <a href="#" class="text-blue-500 hover:underline">Play now <i class="fas fa-chevron-right ml-1"></i></a>
227
+ <p class="text-gray-300 mt-2">PGA TOUR Pro Golf</p>
228
+ </div>
229
+ </div>
230
+ </div>
231
+ </div>
232
+
233
+ <!-- Footer -->
234
+ <footer class="bg-black py-12">
235
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
236
+ <!-- Footer notes -->
237
+ <div class="text-xs text-gray-500 mb-8">
238
+ <p class="mb-4">1. Available for Qualified Purchasers only. Qualified Purchasers purchasing an eligible Mac/iPad ("Eligible Product") with eligible AirPods/accessory ("Promotion Product") from a Qualifying Location through September 30, 2025 will receive Promotion Savings (up to $199, not to exceed the price of the Promotion Product). Customers will be charged for all items in their cart, including the Promotion Product. Only one Promotion Product per Eligible Product per Qualified Purchaser. Offer subject to availability. While supplies last. Additional restrictions apply.</p>
239
+ <p class="mb-4">2. Trade‑in values will vary based on the condition, year, and configuration of your eligible trade‑in device. Not all devices are eligible for credit. You must be at least the age of majority to be eligible to trade in for credit or for an Apple Gift Card. Trade‑in value may be applied toward qualifying new device purchase, or added to an Apple Gift Card. Actual value awarded is based on receipt of a qualifying device matching the description provided when estimate was made. Sales tax may be assessed on full value of a new device purchase. In‑store trade‑in requires presentation of a valid photo ID (local law may require saving this information). Offer may not be available in all stores, and may vary between in‑store and online trade‑in. Some stores may have additional requirements. Apple or its trade‑in partners reserve the right to refuse, cancel, or limit quantity of any trade‑in transaction for any reason.</p>
240
+ <p>To access and use all Apple Card features and products available only to Apple Card users, you must add Apple Card to Wallet on an iPhone or iPad that supports and has the latest version of iOS or iPadOS. Apple Card is subject to credit approval, available only for qualifying applicants in the United States, and issued by Goldman Sachs Bank USA, Salt Lake City Branch.</p>
241
+ </div>
242
+
243
+ <!-- Footer links -->
244
+ <div class="grid grid-cols-2 md:grid-cols-5 gap-8 mb-8">
245
+ <!-- Column 1 -->
246
+ <div>
247
+ <h4 class="text-gray-400 font-semibold mb-4">Shop and Learn</h4>
248
+ <ul class="space-y-2">
249
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Store</a></li>
250
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Mac</a></li>
251
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">iPad</a></li>
252
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">iPhone</a></li>
253
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Watch</a></li>
254
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Vision</a></li>
255
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">AirPods</a></li>
256
+ </ul>
257
+ </div>
258
+
259
+ <!-- Column 2 -->
260
+ <div>
261
+ <h4 class="text-gray-400 font-semibold mb-4">Apple Wallet</h4>
262
+ <ul class="space-y-2">
263
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Wallet</a></li>
264
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Apple Card</a></li>
265
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Apple Pay</a></li>
266
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Apple Cash</a></li>
267
+ </ul>
268
+ </div>
269
+
270
+ <!-- Column 3 -->
271
+ <div>
272
+ <h4 class="text-gray-400 font-semibold mb-4">Entertainment</h4>
273
+ <ul class="space-y-2">
274
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Apple One</a></li>
275
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Apple TV+</a></li>
276
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Apple Music</a></li>
277
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Apple Arcade</a></li>
278
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Apple Fitness+</a></li>
279
+ </ul>
280
+ </div>
281
+
282
+ <!-- Column 4 -->
283
+ <div>
284
+ <h4 class="text-gray-400 font-semibold mb-4">Apple Store</h4>
285
+ <ul class="space-y-2">
286
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Find a Store</a></li>
287
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Genius Bar</a></li>
288
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Today at Apple</a></li>
289
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Apple Trade In</a></li>
290
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Order Status</a></li>
291
+ </ul>
292
+ </div>
293
+
294
+ <!-- Column 5 -->
295
+ <div>
296
+ <h4 class="text-gray-400 font-semibold mb-4">About Apple</h4>
297
+ <ul class="space-y-2">
298
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Newsroom</a></li>
299
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Apple Leadership</a></li>
300
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Career Opportunities</a></li>
301
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Investors</a></li>
302
+ <li><a href="#" class="footer-link text-gray-400 hover:text-white">Events</a></li>
303
+ </ul>
304
+ </div>
305
+ </div>
306
+
307
+ <!-- Bottom footer -->
308
+ <div class="border-t border-gray-800 pt-8">
309
+ <div class="flex flex-col md:flex-row justify-between items-start md:items-center">
310
+ <p class="text-gray-400 text-sm mb-4 md:mb-0">
311
+ More ways to shop: <a href="#" class="text-blue-500 hover:underline">Find an Apple Store</a> or <a href="#" class="text-blue-500 hover:underline">other retailer</a> near you. Or call 1-800-MY-APPLE.
312
+ </p>
313
+ <div class="flex items-center space-x-4">
314
+ <a href="#" class="text-gray-400 hover:text-white">
315
+ <i class="fas fa-globe"></i> <span class="ml-1">United States</span>
316
+ </a>
317
+ </div>
318
+ </div>
319
+ <div class="mt-8 flex flex-col md:flex-row justify-between items-start md:items-center">
320
+ <p class="text-gray-400 text-sm mb-4 md:mb-0">
321
+ Copyright © 2025 Apple Inc. All rights reserved.
322
+ </p>
323
+ <div class="flex flex-wrap gap-4">
324
+ <a href="#" class="footer-link text-gray-400 hover:text-white text-sm">Privacy Policy</a>
325
+ <a href="#" class="footer-link text-gray-400 hover:text-white text-sm">Terms of Use</a>
326
+ <a href="#" class="footer-link text-gray-400 hover:text-white text-sm">Sales and Refunds</a>
327
+ <a href="#" class="footer-link text-gray-400 hover:text-white text-sm">Legal</a>
328
+ <a href="#" class="footer-link text-gray-400 hover:text-white text-sm">Site Map</a>
329
+ </div>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ </footer>
334
+
335
+ <script>
336
+ // Mobile menu toggle functionality
337
+ document.addEventListener('DOMContentLoaded', function() {
338
+ const mobileMenuButton = document.querySelector('button');
339
+ const mobileMenu = document.querySelector('.mobile-menu');
340
+
341
+ mobileMenuButton.addEventListener('click', function() {
342
+ mobileMenu.classList.toggle('hidden');
343
+ });
344
+
345
+ // Search input animation
346
+ const searchInput = document.querySelector('.search-input');
347
+ searchInput.addEventListener('focus', function() {
348
+ this.style.width = '250px';
349
+ });
350
+
351
+ searchInput.addEventListener('blur', function() {
352
+ if(this.value === '') {
353
+ this.style.width = '160px';
354
+ }
355
+ });
356
+ });
357
+ </script>
358
+ <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=NotDivYt/fkti" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
359
+ </html>