Hugging Face's logo

Spaces:
tvcvr
/
feg
Running

App Files Community
tvcvr commited on
Commit
7bbff35
·
verified ·
1 Parent(s): bb60697

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +504 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Feg
3
- emoji: 📉
4
- colorFrom: purple
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: feg
3
+ emoji: 🐳
4
+ colorFrom: red
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,504 @@
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>AniVerse - Explore Anime World</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
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Poppins', sans-serif;
14
+ background-color: #0f0e17;
15
+ color: #fffffe;
16
+ }
17
+
18
+ .anime-card {
19
+ transition: all 0.3s ease;
20
+ transform: translateY(0);
21
+ }
22
+
23
+ .anime-card:hover {
24
+ transform: translateY(-10px);
25
+ box-shadow: 0 20px 25px -5px rgba(239, 68, 68, 0.1), 0 10px 10px -5px rgba(239, 68, 68, 0.04);
26
+ }
27
+
28
+ .hero-gradient {
29
+ background: linear-gradient(135deg, #ff3864 0%, #8b5cf6 50%, #2563eb 100%);
30
+ }
31
+
32
+ .search-input:focus {
33
+ outline: none;
34
+ box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.5);
35
+ }
36
+
37
+ .genre-tag {
38
+ transition: all 0.2s ease;
39
+ }
40
+
41
+ .genre-tag:hover {
42
+ transform: scale(1.05);
43
+ }
44
+
45
+ @keyframes float {
46
+ 0%, 100% {
47
+ transform: translateY(0);
48
+ }
49
+ 50% {
50
+ transform: translateY(-10px);
51
+ }
52
+ }
53
+
54
+ .floating {
55
+ animation: float 3s ease-in-out infinite;
56
+ }
57
+ </style>
58
+ </head>
59
+ <body>
60
+ <!-- Navigation -->
61
+ <nav class="bg-gray-900 bg-opacity-90 backdrop-blur-md fixed w-full z-50">
62
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
63
+ <div class="flex items-center justify-between h-16">
64
+ <div class="flex items-center">
65
+ <div class="flex-shrink-0">
66
+ <span class="text-red-500 font-bold text-2xl">AniVerse</span>
67
+ </div>
68
+ <div class="hidden md:block">
69
+ <div class="ml-10 flex items-baseline space-x-4">
70
+ <a href="#" class="text-red-400 hover:text-red-300 px-3 py-2 rounded-md text-sm font-medium">Home</a>
71
+ <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Popular</a>
72
+ <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Genres</a>
73
+ <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Seasonal</a>
74
+ <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Watchlist</a>
75
+ </div>
76
+ </div>
77
+ </div>
78
+ <div class="hidden md:block">
79
+ <div class="ml-4 flex items-center md:ml-6">
80
+ <div class="relative mx-4">
81
+ <input type="text" class="search-input bg-gray-800 text-white h-10 px-5 pr-10 rounded-full text-sm focus:outline-none w-64" placeholder="Search anime...">
82
+ <button type="submit" class="absolute right-0 top-0 mt-3 mr-4">
83
+ <i class="fas fa-search text-gray-400 hover:text-white"></i>
84
+ </button>
85
+ </div>
86
+ <button class="bg-red-600 hover:bg-red-700 text-white px-4 py-1 rounded-full text-sm font-medium">
87
+ Sign In
88
+ </button>
89
+ </div>
90
+ </div>
91
+ <div class="-mr-2 flex md:hidden">
92
+ <button type="button" id="mobile-menu-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">
93
+ <i class="fas fa-bars"></i>
94
+ </button>
95
+ </div>
96
+ </div>
97
+ </div>
98
+
99
+ <!-- Mobile menu -->
100
+ <div class="hidden md:hidden" id="mobile-menu">
101
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
102
+ <a href="#" class="text-red-400 block px-3 py-2 rounded-md text-base font-medium">Home</a>
103
+ <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Popular</a>
104
+ <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Genres</a>
105
+ <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Seasonal</a>
106
+ <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Watchlist</a>
107
+ </div>
108
+ <div class="pt-4 pb-3 border-t border-gray-700">
109
+ <div class="flex items-center px-5">
110
+ <input type="text" class="search-input bg-gray-800 text-white h-10 px-5 pr-10 rounded-full text-sm focus:outline-none w-full" placeholder="Search anime...">
111
+ <button type="submit" class="absolute right-0 top-0 mt-3 mr-4">
112
+ <i class="fas fa-search text-gray-400 hover:text-white"></i>
113
+ </button>
114
+ </div>
115
+ <div class="mt-3 px-2">
116
+ <button class="w-full bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-full text-sm font-medium">
117
+ Sign In
118
+ </button>
119
+ </div>
120
+ </div>
121
+ </div>
122
+ </nav>
123
+
124
+ <!-- Hero Section -->
125
+ <div class="hero-gradient pt-24 pb-16">
126
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
127
+ <div class="md:flex items-center justify-between">
128
+ <div class="md:w-1/2 mb-10 md:mb-0">
129
+ <h1 class="text-4xl md:text-5xl font-bold mb-4">Discover Your Next <span class="text-yellow-300">Anime</span> Adventure</h1>
130
+ <p class="text-lg mb-6 text-gray-100">Explore thousands of anime titles, track your progress, and join our passionate community of anime lovers.</p>
131
+ <div class="flex space-x-4">
132
+ <button class="bg-white text-red-600 hover:bg-gray-100 px-6 py-3 rounded-full font-medium">Browse Anime</button>
133
+ <button class="bg-gray-900 bg-opacity-50 text-white hover:bg-opacity-70 px-6 py-3 rounded-full font-medium">Popular Shows</button>
134
+ </div>
135
+ </div>
136
+ <div class="md:w-1/2 flex justify-center">
137
+ <img src="https://i.imgur.com/JY4JZcL.png" alt="Anime Characters" class="floating w-3/4 md:w-full max-w-md">
138
+ </div>
139
+ </div>
140
+ </div>
141
+ </div>
142
+
143
+ <!-- Trending Now Section -->
144
+ <section class="py-12 bg-gray-900">
145
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
146
+ <div class="flex justify-between items-center mb-8">
147
+ <h2 class="text-2xl font-bold">Trending Now <span class="text-red-500">🔥</span></h2>
148
+ <a href="#" class="text-red-400 hover:text-red-300 font-medium">View All</a>
149
+ </div>
150
+
151
+ <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6">
152
+ <!-- Anime Card 1 -->
153
+ <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg">
154
+ <div class="relative">
155
+ <img src="https://i.imgur.com/9E9FZTA.jpg" alt="Demon Slayer" class="w-full h-64 object-cover">
156
+ <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded">
157
+ EP 12
158
+ </div>
159
+ </div>
160
+ <div class="p-4">
161
+ <h3 class="font-bold text-lg mb-1">Demon Slayer</h3>
162
+ <div class="flex items-center text-yellow-400 mb-2">
163
+ <i class="fas fa-star"></i>
164
+ <span class="ml-1 text-white">9.2</span>
165
+ </div>
166
+ <div class="flex flex-wrap gap-1">
167
+ <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Action</span>
168
+ <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Fantasy</span>
169
+ </div>
170
+ </div>
171
+ </div>
172
+
173
+ <!-- Anime Card 2 -->
174
+ <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg">
175
+ <div class="relative">
176
+ <img src="https://i.imgur.com/JQKdLQk.jpg" alt="Attack on Titan" class="w-full h-64 object-cover">
177
+ <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded">
178
+ FINAL
179
+ </div>
180
+ </div>
181
+ <div class="p-4">
182
+ <h3 class="font-bold text-lg mb-1">Attack on Titan</h3>
183
+ <div class="flex items-center text-yellow-400 mb-2">
184
+ <i class="fas fa-star"></i>
185
+ <span class="ml-1 text-white">9.5</span>
186
+ </div>
187
+ <div class="flex flex-wrap gap-1">
188
+ <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Action</span>
189
+ <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Drama</span>
190
+ </div>
191
+ </div>
192
+ </div>
193
+
194
+ <!-- Anime Card 3 -->
195
+ <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg">
196
+ <div class="relative">
197
+ <img src="https://i.imgur.com/3tKjA7B.jpg" alt="Jujutsu Kaisen" class="w-full h-64 object-cover">
198
+ <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded">
199
+ S2
200
+ </div>
201
+ </div>
202
+ <div class="p-4">
203
+ <h3 class="font-bold text-lg mb-1">Jujutsu Kaisen</h3>
204
+ <div class="flex items-center text-yellow-400 mb-2">
205
+ <i class="fas fa-star"></i>
206
+ <span class="ml-1 text-white">8.9</span>
207
+ </div>
208
+ <div class="flex flex-wrap gap-1">
209
+ <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Supernatural</span>
210
+ <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Horror</span>
211
+ </div>
212
+ </div>
213
+ </div>
214
+
215
+ <!-- Anime Card 4 -->
216
+ <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg">
217
+ <div class="relative">
218
+ <img src="https://i.imgur.com/5Z3J2cF.jpg" alt="My Hero Academia" class="w-full h-64 object-cover">
219
+ <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded">
220
+ S6
221
+ </div>
222
+ </div>
223
+ <div class="p-4">
224
+ <h3 class="font-bold text-lg mb-1">My Hero Academia</h3>
225
+ <div class="flex items-center text-yellow-400 mb-2">
226
+ <i class="fas fa-star"></i>
227
+ <span class="ml-1 text-white">8.3</span>
228
+ </div>
229
+ <div class="flex flex-wrap gap-1">
230
+ <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Superhero</span>
231
+ <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">School</span>
232
+ </div>
233
+ </div>
234
+ </div>
235
+
236
+ <!-- Anime Card 5 -->
237
+ <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg">
238
+ <div class="relative">
239
+ <img src="https://i.imgur.com/7VJgZ1Q.jpg" alt="Spy x Family" class="w-full h-64 object-cover">
240
+ <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded">
241
+ NEW
242
+ </div>
243
+ </div>
244
+ <div class="p-4">
245
+ <h3 class="font-bold text-lg mb-1">Spy x Family</h3>
246
+ <div class="flex items-center text-yellow-400 mb-2">
247
+ <i class="fas fa-star"></i>
248
+ <span class="ml-1 text-white">8.7</span>
249
+ </div>
250
+ <div class="flex flex-wrap gap-1">
251
+ <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Comedy</span>
252
+ <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Action</span>
253
+ </div>
254
+ </div>
255
+ </div>
256
+ </div>
257
+ </div>
258
+ </section>
259
+
260
+ <!-- Seasonal Anime Section -->
261
+ <section class="py-12 bg-gray-800">
262
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
263
+ <div class="flex justify-between items-center mb-8">
264
+ <h2 class="text-2xl font-bold">Summer 2023 <span class="text-blue-400">☀️</span></h2>
265
+ <div class="flex space-x-2">
266
+ <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2 rounded-l-full">Winter</button>
267
+ <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2">Spring</button>
268
+ <button class="bg-blue-600 text-white px-4 py-2">Summer</button>
269
+ <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2 rounded-r-full">Fall</button>
270
+ </div>
271
+ </div>
272
+
273
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
274
+ <!-- Seasonal Anime 1 -->
275
+ <div class="anime-card bg-gray-700 rounded-lg overflow-hidden shadow-lg flex">
276
+ <div class="w-1/3">
277
+ <img src="https://i.imgur.com/8XJQZ2r.jpg" alt="Mushoku Tensei" class="w-full h-full object-cover">
278
+ </div>
279
+ <div class="w-2/3 p-4">
280
+ <h3 class="font-bold mb-1">Mushoku Tensei S2</h3>
281
+ <div class="flex items-center text-yellow-400 mb-1 text-sm">
282
+ <i class="fas fa-star"></i>
283
+ <span class="ml-1 text-white">8.8</span>
284
+ </div>
285
+ <p class="text-gray-300 text-xs mb-2">Episodes: 12/24</p>
286
+ <div class="flex flex-wrap gap-1">
287
+ <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Isekai</span>
288
+ <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Drama</span>
289
+ </div>
290
+ </div>
291
+ </div>
292
+
293
+ <!-- Seasonal Anime 2 -->
294
+ <div class="anime-card bg-gray-700 rounded-lg overflow-hidden shadow-lg flex">
295
+ <div class="w-1/3">
296
+ <img src="https://i.imgur.com/9Y5Q3bT.jpg" alt="Horimiya" class="w-full h-full object-cover">
297
+ </div>
298
+ <div class="w-2/3 p-4">
299
+ <h3 class="font-bold mb-1">Horimiya: Piece</h3>
300
+ <div class="flex items-center text-yellow-400 mb-1 text-sm">
301
+ <i class="fas fa-star"></i>
302
+ <span class="ml-1 text-white">8.4</span>
303
+ </div>
304
+ <p class="text-gray-300 text-xs mb-2">Episodes: 5/13</p>
305
+ <div class="flex flex-wrap gap-1">
306
+ <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Romance</span>
307
+ <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Slice of Life</span>
308
+ </div>
309
+ </div>
310
+ </div>
311
+
312
+ <!-- Seasonal Anime 3 -->
313
+ <div class="anime-card bg-gray-700 rounded-lg overflow-hidden shadow-lg flex">
314
+ <div class="w-1/3">
315
+ <img src="https://i.imgur.com/4XJQZ2r.jpg" alt="Bleach" class="w-full h-full object-cover">
316
+ </div>
317
+ <div class="w-2/3 p-4">
318
+ <h3 class="font-bold mb-1">Bleach: TYBW</h3>
319
+ <div class="flex items-center text-yellow-400 mb-1 text-sm">
320
+ <i class="fas fa-star"></i>
321
+ <span class="ml-1 text-white">9.1</span>
322
+ </div>
323
+ <p class="text-gray-300 text-xs mb-2">Episodes: 8/13</p>
324
+ <div class="flex flex-wrap gap-1">
325
+ <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Action</span>
326
+ <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Shounen</span>
327
+ </div>
328
+ </div>
329
+ </div>
330
+
331
+ <!-- Seasonal Anime 4 -->
332
+ <div class="anime-card bg-gray-700 rounded-lg overflow-hidden shadow-lg flex">
333
+ <div class="w-1/3">
334
+ <img src="https://i.imgur.com/7XJQZ2r.jpg" alt="Zom 100" class="w-full h-full object-cover">
335
+ </div>
336
+ <div class="w-2/3 p-4">
337
+ <h3 class="font-bold mb-1">Zom 100</h3>
338
+ <div class="flex items-center text-yellow-400 mb-1 text-sm">
339
+ <i class="fas fa-star"></i>
340
+ <span class="ml-1 text-white">8.6</span>
341
+ </div>
342
+ <p class="text-gray-300 text-xs mb-2">Episodes: 3/12</p>
343
+ <div class="flex flex-wrap gap-1">
344
+ <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Zombie</span>
345
+ <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Comedy</span>
346
+ </div>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ </div>
351
+ </section>
352
+
353
+ <!-- Popular Genres Section -->
354
+ <section class="py-12 bg-gray-900">
355
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
356
+ <h2 class="text-2xl font-bold mb-8">Popular Genres</h2>
357
+
358
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
359
+ <div class="genre-card bg-gradient-to-br from-red-600 to-red-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300">
360
+ <i class="fas fa-fist-raised text-3xl mb-2"></i>
361
+ <h3 class="font-bold">Action</h3>
362
+ </div>
363
+
364
+ <div class="genre-card bg-gradient-to-br from-blue-600 to-blue-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300">
365
+ <i class="fas fa-heart text-3xl mb-2"></i>
366
+ <h3 class="font-bold">Romance</h3>
367
+ </div>
368
+
369
+ <div class="genre-card bg-gradient-to-br from-purple-600 to-purple-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300">
370
+ <i class="fas fa-ghost text-3xl mb-2"></i>
371
+ <h3 class="font-bold">Horror</h3>
372
+ </div>
373
+
374
+ <div class="genre-card bg-gradient-to-br from-green-600 to-green-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300">
375
+ <i class="fas fa-laugh-beam text-3xl mb-2"></i>
376
+ <h3 class="font-bold">Comedy</h3>
377
+ </div>
378
+
379
+ <div class="genre-card bg-gradient-to-br from-yellow-600 to-yellow-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300">
380
+ <i class="fas fa-hat-wizard text-3xl mb-2"></i>
381
+ <h3 class="font-bold">Fantasy</h3>
382
+ </div>
383
+
384
+ <div class="genre-card bg-gradient-to-br from-pink-600 to-pink-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300">
385
+ <i class="fas fa-user-graduate text-3xl mb-2"></i>
386
+ <h3 class="font-bold">Slice of Life</h3>
387
+ </div>
388
+ </div>
389
+ </div>
390
+ </section>
391
+
392
+ <!-- Newsletter Section -->
393
+ <section class="py-12 bg-red-900 bg-opacity-20">
394
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
395
+ <div class="bg-gray-800 rounded-xl p-8 md:p-12 shadow-lg">
396
+ <div class="md:flex items-center">
397
+ <div class="md:w-1/2 mb-8 md:mb-0">
398
+ <h2 class="text-2xl font-bold mb-2">Stay Updated</h2>
399
+ <p class="text-gray-300">Subscribe to our newsletter to get the latest anime news, recommendations, and exclusive offers.</p>
400
+ </div>
401
+ <div class="md:w-1/2">
402
+ <div class="flex">
403
+ <input type="email" placeholder="Your email address" class="flex-grow bg-gray-700 text-white px-4 py-3 rounded-l-lg focus:outline-none">
404
+ <button class="bg-red-600 hover:bg-red-700 text-white px-6 py-3 rounded-r-lg font-medium">Subscribe</button>
405
+ </div>
406
+ <p class="text-xs text-gray-400 mt-2">We'll never share your email with anyone else.</p>
407
+ </div>
408
+ </div>
409
+ </div>
410
+ </div>
411
+ </section>
412
+
413
+ <!-- Footer -->
414
+ <footer class="bg-gray-900 pt-12 pb-6">
415
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
416
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8">
417
+ <div>
418
+ <h3 class="text-lg font-bold mb-4">AniVerse</h3>
419
+ <p class="text-gray-400 text-sm">Your ultimate destination for anime streaming, news, and community.</p>
420
+ </div>
421
+
422
+ <div>
423
+ <h3 class="text-lg font-bold mb-4">Navigation</h3>
424
+ <ul class="space-y-2">
425
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Home</a></li>
426
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Popular</a></li>
427
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Genres</a></li>
428
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Seasonal</a></li>
429
+ </ul>
430
+ </div>
431
+
432
+ <div>
433
+ <h3 class="text-lg font-bold mb-4">Legal</h3>
434
+ <ul class="space-y-2">
435
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Terms of Service</a></li>
436
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Privacy Policy</a></li>
437
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Cookie Policy</a></li>
438
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">DMCA</a></li>
439
+ </ul>
440
+ </div>
441
+
442
+ <div>
443
+ <h3 class="text-lg font-bold mb-4">Connect</h3>
444
+ <div class="flex space-x-4">
445
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
446
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook"></i></a>
447
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
448
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-discord"></i></a>
449
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-reddit"></i></a>
450
+ </div>
451
+ </div>
452
+ </div>
453
+
454
+ <div class="border-t border-gray-800 pt-6">
455
+ <p class="text-gray-400 text-sm text-center">© 2023 AniVerse. All rights reserved. All anime titles and associated imagery are trademarks of their respective owners.</p>
456
+ </div>
457
+ </div>
458
+ </footer>
459
+
460
+ <script>
461
+ // Mobile menu toggle
462
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
463
+ const menu = document.getElementById('mobile-menu');
464
+ menu.classList.toggle('hidden');
465
+ });
466
+
467
+ // Anime card hover effect
468
+ const animeCards = document.querySelectorAll('.anime-card');
469
+ animeCards.forEach(card => {
470
+ card.addEventListener('mouseenter', function() {
471
+ this.style.transform = 'translateY(-10px)';
472
+ });
473
+ card.addEventListener('mouseleave', function() {
474
+ this.style.transform = 'translateY(0)';
475
+ });
476
+ });
477
+
478
+ // Search functionality (placeholder)
479
+ const searchInput = document.querySelector('.search-input');
480
+ searchInput.addEventListener('keypress', function(e) {
481
+ if (e.key === 'Enter') {
482
+ alert('Search functionality would be implemented here!');
483
+ this.value = '';
484
+ }
485
+ });
486
+
487
+ // Seasonal tabs
488
+ const seasonButtons = document.querySelectorAll('section.bg-gray-800 button');
489
+ seasonButtons.forEach(button => {
490
+ button.addEventListener('click', function() {
491
+ seasonButtons.forEach(btn => {
492
+ btn.classList.remove('bg-blue-600');
493
+ btn.classList.add('bg-gray-700', 'hover:bg-gray-600');
494
+ });
495
+ this.classList.remove('bg-gray-700', 'hover:bg-gray-600');
496
+ this.classList.add('bg-blue-600');
497
+
498
+ // In a real app, this would fetch data for the selected season
499
+ console.log(`Loading ${this.textContent} season anime...`);
500
+ });
501
+ });
502
+ </script>
503
+ <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=tvcvr/feg" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
504
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ cria animes