Hugging Face's logo

Spaces:
Elaojaa
/
fluffytailtube
Running

App Files Community
Even Sol commited on
Commit
dde842d
·
verified ·
1 Parent(s): 34baca8

Redesign my website

Browse files
Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +322 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Fluffytailtube
3
- emoji: 🐠
4
- colorFrom: yellow
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: FluffyTailTube 🦊
3
+ colorFrom: purple
4
+ colorTo: blue
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,323 @@
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>FluffyTailTube - Premium Adult Entertainment</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <style>
11
+ .video-grid {
12
+ display: grid;
13
+ grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
14
+ gap: 1rem;
15
+ }
16
+ .video-card:hover .video-thumbnail {
17
+ transform: scale(1.03);
18
+ }
19
+ .video-thumbnail {
20
+ transition: transform 0.2s ease-in-out;
21
+ }
22
+ .navbar-blur {
23
+ backdrop-filter: blur(8px);
24
+ }
25
+ </style>
26
+ </head>
27
+ <body class="bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-gray-200">
28
+ <!-- Navigation -->
29
+ <nav class="navbar-blur fixed w-full bg-black bg-opacity-80 z-50">
30
+ <div class="container mx-auto px-4 py-3 flex items-center justify-between">
31
+ <div class="flex items-center space-x-8">
32
+ <a href="#" class="flex items-center">
33
+ <img src="https://static-ah.xhcdn.com/xh-desktop/images/logo/logo.svg" alt="Logo" class="h-8 dark:hidden">
34
+ <img src="https://static-ah.xhcdn.com/xh-desktop/images/logo/logo-nightmode.svg" alt="Logo" class="h-8 hidden dark:block">
35
+ </a>
36
+ <div class="hidden md:flex space-x-6">
37
+ <a href="#" class="text-white hover:text-pink-400">Videos</a>
38
+ <a href="#" class="text-white hover:text-pink-400">Photos</a>
39
+ <a href="#" class="text-white hover:text-pink-400">Creators</a>
40
+ <a href="#" class="text-white hover:text-pink-400">Live</a>
41
+ </div>
42
+ </div>
43
+ <div class="flex items-center space-x-4">
44
+ <button class="p-2 rounded-full hover:bg-gray-700">
45
+ <i data-feather="search"></i>
46
+ </button>
47
+ <button class="p-2 rounded-full hover:bg-gray-700">
48
+ <i data-feather="user"></i>
49
+ </button>
50
+ <button class="md:hidden p-2 rounded-full hover:bg-gray-700">
51
+ <i data-feather="menu"></i>
52
+ </button>
53
+ </div>
54
+ </div>
55
+ </nav>
56
+
57
+ <main class="pt-16">
58
+ <!-- Hero Section -->
59
+ <section class="relative h-96 overflow-hidden">
60
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent z-10"></div>
61
+ <div class="absolute inset-0 flex items-center z-20 px-8">
62
+ <div class="max-w-2xl">
63
+ <h1 class="text-4xl font-bold text-white mb-4">Discover Your Desires</h1>
64
+ <p class="text-xl text-white mb-6">Join millions exploring premium adult content</p>
65
+ <div class="flex space-x-4">
66
+ <button class="bg-pink-500 hover:bg-pink-600 text-white px-6 py-3 rounded-lg font-medium">
67
+ Get Started
68
+ </button>
69
+ <button class="bg-gray-700 hover:bg-gray-600 text-white px-6 py-3 rounded-lg font-medium">
70
+ Learn More
71
+ </button>
72
+ </div>
73
+ </div>
74
+ </div>
75
+ <img src="http://static.photos/red/1200x630/42" alt="Hero" class="w-full h-full object-cover">
76
+ </section>
77
+
78
+ <!-- Categories -->
79
+ <section class="py-12 px-4">
80
+ <div class="container mx-auto">
81
+ <h2 class="text-2xl font-bold mb-8">Popular Categories</h2>
82
+ <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4">
83
+ <a href="#" class="bg-gray-200 dark:bg-gray-800 rounded-lg p-4 text-center hover:bg-pink-100 dark:hover:bg-pink-900 transition">
84
+ <div class="h-16 w-16 mx-auto mb-2">
85
+ <img src="https://ic-vt-nss.xhcdn.com/a/ZTFmYWNiOTRlMmJlZDBiZDU4YWM4YjcyZjFhZjQwOGI/s(w:1280,h:720),webp/026/564/308/sfw/hq.46.webp" class="rounded-full h-full w-full object-cover">
86
+ </div>
87
+ <span>Latin</span>
88
+ </a>
89
+ <a href="#" class="bg-gray-200 dark:bg-gray-800 rounded-lg p-4 text-center hover:bg-pink-100 dark:hover:bg-pink-900 transition">
90
+ <div class="h-16 w-16 mx-auto mb-2">
91
+ <img src="https://ic-vt-nss.xhcdn.com/a/NzEyYTE2ZjBiZTIxMmYwOTEyOTc4YWE1ZDlhZjNhNGQ/s(w:1280,h:720),webp/026/498/822/sfw/hq.123.webp" class="rounded-full h-full w-full object-cover">
92
+ </div>
93
+ <span>Homemade</span>
94
+ </a>
95
+ <a href="#" class="bg-gray-200 dark:bg-gray-800 rounded-lg p-4 text-center hover:bg-pink-100 dark:hover:bg-pink-900 transition">
96
+ <div class="h-16 w-16 mx-auto mb-2">
97
+ <img src="https://ic-vt-nss.xhcdn.com/a/ODliODY2MzMwNzVkNDNmNjgzODliZjZhYjYyM2M3Njk/s(w:1280,h:720),webp/026/442/919/sfw/hq.36.webp" class="rounded-full h-full w-full object-cover">
98
+ </div>
99
+ <span>Office</span>
100
+ </a>
101
+ <a href="#" class="bg-gray-200 dark:bg-gray-800 rounded-lg p-4 text-center hover:bg-pink-100 dark:hover:bg-pink-900 transition">
102
+ <div class="h-16 w-16 mx-auto mb-2">
103
+ <img src="https://ic-vt-nss.xhcdn.com/a/MDQ4Yzg4YjY5OTg5YWEwN2NjYWQwYjUyN2M3YzgyMTc/s(w:1280,h:720),webp/023/830/308/sfw/hq.49.webp" class="rounded-full h-full w-full object-cover">
104
+ </div>
105
+ <span>Mature</span>
106
+ </a>
107
+ <a href="#" class="bg-gray-200 dark:bg-gray-800 rounded-lg p-4 text-center hover:bg-pink-100 dark:hover:bg-pink-900 transition">
108
+ <div class="h-16 w-16 mx-auto mb-2">
109
+ <img src="https://ic-vt-nss.xhcdn.com/a/MmRiNTI0ZDZiOGU5NzAxYjNhY2E4NWU1ZTM3NTAxNWY/s(w:1280,h:720),webp/025/167/007/sfw/hq.151.webp" class="rounded-full h-full w-full object-cover">
110
+ </div>
111
+ <span>Lesbian</span>
112
+ </a>
113
+ <a href="#" class="bg-gray-200 dark:bg-gray-800 rounded-lg p-4 text-center hover:bg-pink-100 dark:hover:bg-pink-900 transition">
114
+ <div class="h-16 w-16 mx-auto mb-2">
115
+ <img src="https://ic-vt-nss.xhcdn.com/a/MjgyZGY2MzU4YjE1OWVkMzRkZmU3OTQxYzc1ZmIzMzk/s(w:1280,h:720),webp/025/582/437/sfw/hq.8.webp" class="rounded-full h-full w-full object-cover">
116
+ </div>
117
+ <span>Taboo</span>
118
+ </a>
119
+ </div>
120
+ </div>
121
+ </section>
122
+
123
+ <!-- Trending Videos -->
124
+ <section class="py-12 px-4 bg-gray-50 dark:bg-gray-800">
125
+ <div class="container mx-auto">
126
+ <div class="flex justify-between items-center mb-8">
127
+ <h2 class="text-2xl font-bold">Trending Videos</h2>
128
+ <div class="flex space-x-2">
129
+ <button class="px-4 py-2 bg-gray-300 dark:bg-gray-700 rounded-lg">All</button>
130
+ <button class="px-4 py-2 hover:bg-gray-300 dark:hover:bg-gray-700 rounded-lg">HD</button>
131
+ <button class="px-4 py-2 hover:bg-gray-300 dark:hover:bg-gray-700 rounded-lg">4K</button>
132
+ <button class="px-4 py-2 hover:bg-gray-300 dark:hover:bg-gray-700 rounded-lg">VR</button>
133
+ </div>
134
+ </div>
135
+ <div class="video-grid">
136
+ <!-- Video Card 1 -->
137
+ <div class="video-card bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-lg">
138
+ <a href="#" class="block">
139
+ <div class="relative pb-[56.25%] overflow-hidden">
140
+ <img src="https://ic-vt-nss.xhcdn.com/a/ZTFmYWNiOTRlMmJlZDBiZDU4YWM4YjcyZjFhZjQwOGI/s(w:1280,h:720),webp/026/564/308/sfw/hq.46.webp"
141
+ class="absolute inset-0 w-full h-full object-cover video-thumbnail">
142
+ <div class="absolute bottom-2 right-2 bg-black bg-opacity-70 text-white text-sm px-2 py-1 rounded">
143
+ 10:17
144
+ </div>
145
+ </div>
146
+ <div class="p-3">
147
+ <h3 class="font-medium line-clamp-2">HOTEL HOUSEKEEPING! Latin girl with a big booty, seduced by the guest</h3>
148
+ <div class="flex items-center mt-2 text-sm text-gray-500 dark:text-gray-400">
149
+ <span class="mr-2">3.2M views</span>
150
+ <span>•</span>
151
+ <span class="ml-2">thepaug</span>
152
+ </div>
153
+ </div>
154
+ </a>
155
+ </div>
156
+
157
+ <!-- Video Card 2 -->
158
+ <div class="video-card bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-lg">
159
+ <a href="#" class="block">
160
+ <div class="relative pb-[56.25%] overflow-hidden">
161
+ <img src="https://ic-vt-nss.xhcdn.com/a/NzEyYTE2ZjBiZTIxMmYwOTEyOTc4YWE1ZDlhZjNhNGQ/s(w:1280,h:720),webp/026/498/822/sfw/hq.123.webp"
162
+ class="absolute inset-0 w-full h-full object-cover video-thumbnail">
163
+ <div class="absolute bottom-2 right-2 bg-black bg-opacity-70 text-white text-sm px-2 py-1 rounded">
164
+ 13:38
165
+ </div>
166
+ </div>
167
+ <div class="p-3">
168
+ <h3 class="font-medium line-clamp-2">While my husband plays with his best friend on the play, I take the opportunity to seduce him</h3>
169
+ <div class="flex items-center mt-2 text-sm text-gray-500 dark:text-gray-400">
170
+ <span class="mr-2">6.2M views</span>
171
+ <span>•</span>
172
+ <span class="ml-2">JhonAndSara</span>
173
+ </div>
174
+ </div>
175
+ </a>
176
+ </div>
177
+
178
+ <!-- Video Card 3 -->
179
+ <div class="video-card bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-lg">
180
+ <a href="#" class="block">
181
+ <div class="relative pb-[56.25%] overflow-hidden">
182
+ <img src="https://ic-vt-nss.xhcdn.com/a/ODliODY2MzMwNzVkNDNmNjgzODliZjZhYjYyM2M3Njk/s(w:1280,h:720),webp/026/442/919/sfw/hq.36.webp"
183
+ class="absolute inset-0 w-full h-full object-cover video-thumbnail">
184
+ <div class="absolute bottom-2 right-2 bg-black bg-opacity-70 text-white text-sm px-2 py-1 rounded">
185
+ 05:09
186
+ </div>
187
+ </div>
188
+ <div class="p-3">
189
+ <h3 class="font-medium line-clamp-2">Into my Office, Right NOW! Bossy Rebecca Black for GrandDadz</h3>
190
+ <div class="flex items-center mt-2 text-sm text-gray-500 dark:text-gray-400">
191
+ <span class="mr-2">118.7K views</span>
192
+ <span>•</span>
193
+ <span class="ml-2">Granddadz</span>
194
+ </div>
195
+ </div>
196
+ </a>
197
+ </div>
198
+
199
+ <!-- Video Card 4 -->
200
+ <div class="video-card bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-lg">
201
+ <a href="#" class="block">
202
+ <div class="relative pb-[56.25%] overflow-hidden">
203
+ <img src="https://ic-vt-nss.xhcdn.com/a/MDQ4Yzg4YjY5OTg5YWEwN2NjYWQwYjUyN2M3YzgyMTc/s(w:1280,h:720),webp/023/830/308/sfw/hq.49.webp"
204
+ class="absolute inset-0 w-full h-full object-cover video-thumbnail">
205
+ <div class="absolute bottom-2 right-2 bg-black bg-opacity-70 text-white text-sm px-2 py-1 rounded">
206
+ 09:49
207
+ </div>
208
+ </div>
209
+ <div class="p-3">
210
+ <h3 class="font-medium line-clamp-2">Fuck that hot 73-year-old cunt!</h3>
211
+ <div class="flex items-center mt-2 text-sm text-gray-500 dark:text-gray-400">
212
+ <span class="mr-2">748.6K views</span>
213
+ <span>•</span>
214
+ <span class="ml-2">60plusmilfs</span>
215
+ </div>
216
+ </div>
217
+ </a>
218
+ </div>
219
+ </div>
220
+ </div>
221
+ </section>
222
+
223
+ <!-- Premium Section -->
224
+ <section class="py-12 px-4 bg-gradient-to-r from-pink-500 to-purple-600 text-white">
225
+ <div class="container mx-auto text-center">
226
+ <h2 class="text-3xl font-bold mb-6">Unlock Premium Content</h2>
227
+ <p class="text-xl mb-8 max-w-2xl mx-auto">1,000,000+ full videos in one subscription on FapHouse.com</p>
228
+ <div class="flex justify-center space-x-4">
229
+ <button class="bg-white text-pink-600 px-8 py-3 rounded-lg font-bold hover:bg-gray-100 transition">
230
+ Try Free
231
+ </button>
232
+ <button class="bg-transparent border-2 border-white px-8 py-3 rounded-lg font-bold hover:bg-white hover:text-pink-600 transition">
233
+ Learn More
234
+ </button>
235
+ </div>
236
+ </div>
237
+ </section>
238
+
239
+ <!-- Live Section -->
240
+ <section class="py-12 px-4">
241
+ <div class="container mx-auto">
242
+ <h2 class="text-2xl font-bold mb-8">Live Performers</h2>
243
+ <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
244
+ <div class="bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-lg">
245
+ <a href="#" class="block">
246
+ <div class="relative">
247
+ <img src="https://video.flirtify.com/LJlTnUvq9RbEJPzVosBX7w==,1760486399/6/8/e/7/68e7712c60c1f05e4f4782b9/poster.jpg"
248
+ class="w-full h-48 object-cover">
249
+ <div class="absolute top-2 left-2 bg-red-500 text-white text-xs px-2 py-1 rounded-full flex items-center">
250
+ <span class="w-2 h-2 bg-white rounded-full mr-1"></span>
251
+ LIVE
252
+ </div>
253
+ </div>
254
+ <div class="p-3">
255
+ <h3 class="font-medium">Bignip dee</h3>
256
+ <p class="text-sm text-gray-500 dark:text-gray-400">Online</p>
257
+ </div>
258
+ </a>
259
+ </div>
260
+ </div>
261
+ </div>
262
+ </section>
263
+ </main>
264
+
265
+ <!-- Footer -->
266
+ <footer class="bg-gray-900 text-gray-400 py-12 px-4">
267
+ <div class="container mx-auto">
268
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
269
+ <div>
270
+ <h3 class="text-white font-bold mb-4">FluffyTailTube</h3>
271
+ <ul class="space-y-2">
272
+ <li><a href="#" class="hover:text-white">Shop</a></li>
273
+ <li><a href="#" class="hover:text-white">Blog</a></li>
274
+ <li><a href="#" class="hover:text-white">Creator's Blog</a></li>
275
+ <li><a href="#" class="hover:text-white">Advertising</a></li>
276
+ </ul>
277
+ </div>
278
+ <div>
279
+ <h3 class="text-white font-bold mb-4">Help</h3>
280
+ <ul class="space-y-2">
281
+ <li><a href="#" class="hover:text-white">FAQ</a></li>
282
+ <li><a href="#" class="hover:text-white">Contact us</a></li>
283
+ <li><a href="#" class="hover:text-white">Content Removal</a></li>
284
+ <li><a href="#" class="hover:text-white">Improve FluffyTailTube</a></li>
285
+ </ul>
286
+ </div>
287
+ <div>
288
+ <h3 class="text-white font-bold mb-4">Legal</h3>
289
+ <ul class="space-y-2">
290
+ <li><a href="#" class="hover:text-white">Terms of use</a></li>
291
+ <li><a href="#" class="hover:text-white">Privacy policy</a></li>
292
+ <li><a href="#" class="hover:text-white">Cookies policy</a></li>
293
+ <li><a href="#" class="hover:text-white">Parental Controls</a></li>
294
+ </ul>
295
+ </div>
296
+ <div>
297
+ <h3 class="text-white font-bold mb-4">Make Money With Us</h3>
298
+ <ul class="space-y-2">
299
+ <li><a href="#" class="hover:text-white">Performers Wanted</a></li>
300
+ <li><a href="#" class="hover:text-white">Creator Contest</a></li>
301
+ <li><a href="#" class="hover:text-white">Creators Program</a></li>
302
+ </ul>
303
+ </div>
304
+ </div>
305
+ <div class="border-t border-gray-800 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center">
306
+ <div class="mb-4 md:mb-0">
307
+ <p>© 2024 FluffyTailTube. All rights reserved.</p>
308
+ </div>
309
+ <div class="flex space-x-4">
310
+ <a href="#" class="hover:text-white"><i data-feather="twitter"></i></a>
311
+ <a href="#" class="hover:text-white"><i data-feather="instagram"></i></a>
312
+ <a href="#" class="hover:text-white"><i data-feather="facebook"></i></a>
313
+ </div>
314
+ </div>
315
+ </div>
316
+ </footer>
317
+
318
+ <script>
319
+ feather.replace();
320
+ // Initialize dark mode toggle if needed
321
+ </script>
322
+ </body>
323
  </html>