Hugging Face's logo

Spaces:
timoon811
/
fbhelper123
Running

App Files Community
timoon811 commited on
Commit
a99d4c0
·
verified ·
1 Parent(s): 74a7a73

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +454 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Fbhelper123
3
- emoji: 🚀
4
- colorFrom: green
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: fbhelper123
3
+ emoji: 🐳
4
+ colorFrom: purple
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,454 @@
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="ru">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>FBHelper - Умное расширение для работы с Facebook</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 float {
11
+ 0%, 100% { transform: translateY(0); }
12
+ 50% { transform: translateY(-20px); }
13
+ }
14
+ .float-animation {
15
+ animation: float 6s ease-in-out infinite;
16
+ }
17
+ .slide {
18
+ min-height: 100vh;
19
+ opacity: 0;
20
+ transform: translateY(20px);
21
+ transition: opacity 0.8s, transform 0.8s;
22
+ position: absolute;
23
+ width: 100%;
24
+ top: 0;
25
+ left: 0;
26
+ padding: 2rem;
27
+ box-sizing: border-box;
28
+ }
29
+ .slide.active {
30
+ opacity: 1;
31
+ transform: translateY(0);
32
+ }
33
+ .progress-bar {
34
+ height: 4px;
35
+ background: #3b82f6;
36
+ position: fixed;
37
+ top: 0;
38
+ left: 0;
39
+ z-index: 100;
40
+ transition: width 0.3s;
41
+ }
42
+ .feature-card {
43
+ transition: all 0.3s;
44
+ transform: perspective(1000px) rotateX(0deg);
45
+ }
46
+ .feature-card:hover {
47
+ transform: perspective(1000px) rotateX(10deg);
48
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
49
+ }
50
+ .browser-window {
51
+ border-radius: 6px;
52
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
53
+ overflow: hidden;
54
+ }
55
+ .browser-header {
56
+ height: 30px;
57
+ background: #e5e7eb;
58
+ display: flex;
59
+ align-items: center;
60
+ padding: 0 10px;
61
+ }
62
+ .browser-button {
63
+ width: 12px;
64
+ height: 12px;
65
+ border-radius: 50%;
66
+ margin-right: 6px;
67
+ }
68
+ .browser-content {
69
+ background: white;
70
+ height: 300px;
71
+ position: relative;
72
+ overflow: hidden;
73
+ }
74
+ </style>
75
+ </head>
76
+ <body class="bg-gray-50 font-sans overflow-x-hidden relative">
77
+ <div class="progress-bar" id="progressBar"></div>
78
+
79
+ <!-- Слайд 1: Заголовок -->
80
+ <div class="slide active flex flex-col justify-center items-center text-center bg-gradient-to-br from-blue-50 to-indigo-50">
81
+ <div class="max-w-4xl px-6">
82
+ <div class="float-animation mb-8">
83
+ <div class="inline-block p-4 rounded-xl bg-white shadow-lg">
84
+ <i class="fas fa-puzzle-piece text-6xl text-blue-500"></i>
85
+ </div>
86
+ </div>
87
+ <h1 class="text-5xl md:text-6xl font-bold text-gray-800 mb-6">FBHelper</h1>
88
+ <p class="text-xl md:text-2xl text-gray-600 mb-8">Ваш умный помощник для эффективной работы с Facebook</p>
89
+ <div class="flex justify-center space-x-4">
90
+ <span class="px-4 py-2 bg-blue-100 text-blue-800 rounded-full text-sm font-medium">Автопостинг</span>
91
+ <span class="px-4 py-2 bg-purple-100 text-purple-800 rounded-full text-sm font-medium">Аналитика</span>
92
+ <span class="px-4 py-2 bg-green-100 text-green-800 rounded-full text-sm font-medium">Безопасность</span>
93
+ </div>
94
+ </div>
95
+ <div class="absolute bottom-8 left-0 right-0 flex justify-center">
96
+ <div class="animate-bounce text-gray-400">
97
+ <i class="fas fa-chevron-down text-2xl"></i>
98
+ </div>
99
+ </div>
100
+ </div>
101
+
102
+ <!-- Слайд 2: Что такое FBHelper -->
103
+ <div class="slide flex flex-col justify-center items-center bg-gradient-to-br from-indigo-50 to-purple-50">
104
+ <div class="max-w-4xl px-6">
105
+ <h2 class="text-4xl font-bold text-gray-800 mb-8 text-center">Что такое FBHelper?</h2>
106
+ <div class="grid md:grid-cols-2 gap-8 items-center">
107
+ <div>
108
+ <p class="text-lg text-gray-600 mb-6">FBHelper - это мощное расширение для браузера, созданное для упрощения и автоматизации работы с Facebook.</p>
109
+ <ul class="space-y-4">
110
+ <li class="flex items-start">
111
+ <div class="flex-shrink-0 mt-1">
112
+ <div class="flex items-center justify-center h-6 w-6 rounded-full bg-blue-100 text-blue-600">
113
+ <i class="fas fa-check text-xs"></i>
114
+ </div>
115
+ </div>
116
+ <p class="ml-3 text-gray-700">Устанавливается в один клик</p>
117
+ </li>
118
+ <li class="flex items-start">
119
+ <div class="flex-shrink-0 mt-1">
120
+ <div class="flex items-center justify-center h-6 w-6 rounded-full bg-blue-100 text-blue-600">
121
+ <i class="fas fa-check text-xs"></i>
122
+ </div>
123
+ </div>
124
+ <p class="ml-3 text-gray-700">Работает незаметно в фоновом режиме</p>
125
+ </li>
126
+ <li class="flex items-start">
127
+ <div class="flex-shrink-0 mt-1">
128
+ <div class="flex items-center justify-center h-6 w-6 rounded-full bg-blue-100 text-blue-600">
129
+ <i class="fas fa-check text-xs"></i>
130
+ </div>
131
+ </div>
132
+ <p class="ml-3 text-gray-700">Не требует специальных знаний</p>
133
+ </li>
134
+ </ul>
135
+ </div>
136
+ <div class="browser-window">
137
+ <div class="browser-header">
138
+ <div class="browser-button bg-red-500"></div>
139
+ <div class="browser-button bg-yellow-500"></div>
140
+ <div class="browser-button bg-green-500"></div>
141
+ </div>
142
+ <div class="browser-content flex items-center justify-center">
143
+ <div class="text-center p-6">
144
+ <i class="fas fa-plus-circle text-5xl text-blue-500 mb-4"></i>
145
+ <p class="text-gray-700">Добавить FBHelper в браузер</p>
146
+ </div>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ </div>
152
+
153
+ <!-- Слайд 3: Основные функции -->
154
+ <div class="slide flex flex-col justify-center items-center bg-gradient-to-br from-purple-50 to-pink-50">
155
+ <div class="max-w-6xl px-6">
156
+ <h2 class="text-4xl font-bold text-gray-800 mb-12 text-center">Основные функции</h2>
157
+ <div class="grid md:grid-cols-3 gap-8">
158
+ <div class="feature-card bg-white p-6 rounded-xl shadow-md">
159
+ <div class="text-blue-500 mb-4">
160
+ <i class="fas fa-robot text-4xl"></i>
161
+ </div>
162
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Автоматизация</h3>
163
+ <p class="text-gray-600">Автопостинг, планирование публикаций, автоматические ответы на сообщения.</p>
164
+ </div>
165
+ <div class="feature-card bg-white p-6 rounded-xl shadow-md">
166
+ <div class="text-purple-500 mb-4">
167
+ <i class="fas fa-chart-line text-4xl"></i>
168
+ </div>
169
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Аналитика</h3>
170
+ <p class="text-gray-600">Детальная статистика постов, анализ аудитории, отслеживание эффективности.</p>
171
+ </div>
172
+ <div class="feature-card bg-white p-6 rounded-xl shadow-md">
173
+ <div class="text-green-500 mb-4">
174
+ <i class="fas fa-shield-alt text-4xl"></i>
175
+ </div>
176
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Безопасность</h3>
177
+ <p class="text-gray-600">Защита от спама, фильтрация фейковых аккаунтов, контроль доступа.</p>
178
+ </div>
179
+ </div>
180
+ </div>
181
+ </div>
182
+
183
+ <!-- Слайд 4: Как это работает -->
184
+ <div class="slide flex flex-col justify-center items-center bg-gradient-to-br from-pink-50 to-red-50">
185
+ <div class="max-w-4xl px-6">
186
+ <h2 class="text-4xl font-bold text-gray-800 mb-12 text-center">Как это работает?</h2>
187
+ <div class="relative">
188
+ <div class="absolute left-4 h-full w-0.5 bg-gray-200 transform -translate-x-1/2 top-0"></div>
189
+ <div class="space-y-10">
190
+ <div class="relative pl-12">
191
+ <div class="absolute left-0 transform -translate-x-1/2 flex items-center justify-center w-8 h-8 rounded-full bg-blue-500 text-white">
192
+ 1
193
+ </div>
194
+ <div class="bg-white p-6 rounded-lg shadow-sm">
195
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Установка</h3>
196
+ <p class="text-gray-600">Добавьте расширение из официального магазина вашего браузера.</p>
197
+ </div>
198
+ </div>
199
+ <div class="relative pl-12">
200
+ <div class="absolute left-0 transform -translate-x-1/2 flex items-center justify-center w-8 h-8 rounded-full bg-blue-500 text-white">
201
+ 2
202
+ </div>
203
+ <div class="bg-white p-6 rounded-lg shadow-sm">
204
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Настройка</h3>
205
+ <p class="text-gray-600">Выберите нужные функции в простом интерфейсе настроек.</p>
206
+ </div>
207
+ </div>
208
+ <div class="relative pl-12">
209
+ <div class="absolute left-0 transform -translate-x-1/2 flex items-center justify-center w-8 h-8 rounded-full bg-blue-500 text-white">
210
+ 3
211
+ </div>
212
+ <div class="bg-white p-6 rounded-lg shadow-sm">
213
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Использование</h3>
214
+ <p class="text-gray-600">Работайте с Facebook как обычно - FBHelper сделает всё остальное.</p>
215
+ </div>
216
+ </div>
217
+ </div>
218
+ </div>
219
+ </div>
220
+ </div>
221
+
222
+ <!-- Слайд 5: Преимущества -->
223
+ <div class="slide flex flex-col justify-center items-center bg-gradient-to-br from-red-50 to-orange-50">
224
+ <div class="max-w-4xl px-6">
225
+ <h2 class="text-4xl font-bold text-gray-800 mb-12 text-center">Почему FBHelper?</h2>
226
+ <div class="grid gap-6 md:grid-cols-2">
227
+ <div class="bg-white bg-opacity-80 backdrop-filter backdrop-blur-sm p-6 rounded-xl shadow-sm border border-gray-100">
228
+ <div class="flex items-center mb-4">
229
+ <div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg text-blue-600">
230
+ <i class="fas fa-bolt text-xl"></i>
231
+ </div>
232
+ <h3 class="ml-4 text-lg font-medium text-gray-800">Экономия времени</h3>
233
+ </div>
234
+ <p class="text-gray-600">Автоматизация рутинных задач освобождает до 3 часов в день для важных дел.</p>
235
+ </div>
236
+ <div class="bg-white bg-opacity-80 backdrop-filter backdrop-blur-sm p-6 rounded-xl shadow-sm border border-gray-100">
237
+ <div class="flex items-center mb-4">
238
+ <div class="flex-shrink-0 bg-purple-100 p-3 rounded-lg text-purple-600">
239
+ <i class="fas fa-chart-pie text-xl"></i>
240
+ </div>
241
+ <h3 class="ml-4 text-lg font-medium text-gray-800">Увеличение охвата</h3>
242
+ </div>
243
+ <p class="text-gray-600">Оптимальное время публикаций и умные алгоритмы повышают вовлечённость.</p>
244
+ </div>
245
+ <div class="bg-white bg-opacity-80 backdrop-filter backdrop-blur-sm p-6 rounded-xl shadow-sm border border-gray-100">
246
+ <div class="flex items-center mb-4">
247
+ <div class="flex-shrink-0 bg-green-100 p-3 rounded-lg text-green-600">
248
+ <i class="fas fa-lock text-xl"></i>
249
+ </div>
250
+ <h3 class="ml-4 text-lg font-medium text-gray-800">Защита аккаунта</h3>
251
+ </div>
252
+ <p class="text-gray-600">Мониторинг подозрительной активности и автоматические уведомления о угрозах.</p>
253
+ </div>
254
+ <div class="bg-white bg-opacity-80 backdrop-filter backdrop-blur-sm p-6 rounded-xl shadow-sm border border-gray-100">
255
+ <div class="flex items-center mb-4">
256
+ <div class="flex-shrink-0 bg-yellow-100 p-3 rounded-lg text-yellow-600">
257
+ <i class="fas fa-cogs text-xl"></i>
258
+ </div>
259
+ <h3 class="ml-4 text-lg font-medium text-gray-800">Гибкие настройки</h3>
260
+ </div>
261
+ <p class="text-gray-600">Персонализация под ваши задачи с помощью десятков параметров.</p>
262
+ </div>
263
+ </div>
264
+ </div>
265
+ </div>
266
+
267
+ <!-- Слайд 6: Скриншоты -->
268
+ <div class="slide flex flex-col justify-center items-center bg-gradient-to-br from-orange-50 to-yellow-50">
269
+ <div class="max-w-6xl px-6">
270
+ <h2 class="text-4xl font-bold text-gray-800 mb-12 text-center">FBHelper в действии</h2>
271
+ <div class="grid md:grid-cols-2 gap-8">
272
+ <div class="browser-window">
273
+ <div class="browser-header">
274
+ <div class="browser-button bg-red-500"></div>
275
+ <div class="browser-button bg-yellow-500"></div>
276
+ <div class="browser-button bg-green-500"></div>
277
+ </div>
278
+ <div class="browser-content">
279
+ <div class="absolute inset-0 bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center">
280
+ <div class="text-white text-center p-6">
281
+ <i class="fas fa-calendar-alt text-5xl mb-4"></i>
282
+ <h3 class="text-xl font-semibold mb-2">Планировщик публикаций</h3>
283
+ <p class="opacity-90">Удобное расписание для ваших постов</p>
284
+ </div>
285
+ </div>
286
+ </div>
287
+ </div>
288
+ <div class="browser-window">
289
+ <div class="browser-header">
290
+ <div class="browser-button bg-red-500"></div>
291
+ <div class="browser-button bg-yellow-500"></div>
292
+ <div class="browser-button bg-green-500"></div>
293
+ </div>
294
+ <div class="browser-content">
295
+ <div class="absolute inset-0 bg-gradient-to-br from-purple-400 to-pink-500 flex items-center justify-center">
296
+ <div class="text-white text-center p-6">
297
+ <i class="fas fa-chart-bar text-5xl mb-4"></i>
298
+ <h3 class="text-xl font-semibold mb-2">Детальная аналитика</h3>
299
+ <p class="opacity-90">Все метрики в одном месте</p>
300
+ </div>
301
+ </div>
302
+ </div>
303
+ </div>
304
+ </div>
305
+ </div>
306
+ </div>
307
+
308
+ <!-- Слайд 7: Совместимость -->
309
+ <div class="slide flex flex-col justify-center items-center bg-gradient-to-br from-yellow-50 to-green-50">
310
+ <div class="max-w-4xl px-6">
311
+ <h2 class="text-4xl font-bold text-gray-800 mb-12 text-center">Совместимость</h2>
312
+ <div class="grid md:grid-cols-4 gap-6">
313
+ <div class="flex flex-col items-center">
314
+ <div class="bg-white p-4 rounded-full shadow-md mb-3">
315
+ <i class="fab fa-chrome text-4xl text-blue-500"></i>
316
+ </div>
317
+ <p class="font-medium text-gray-700">Chrome</p>
318
+ </div>
319
+ <div class="flex flex-col items-center">
320
+ <div class="bg-white p-4 rounded-full shadow-md mb-3">
321
+ <i class="fab fa-firefox text-4xl text-orange-500"></i>
322
+ </div>
323
+ <p class="font-medium text-gray-700">Firefox</p>
324
+ </div>
325
+ <div class="flex flex-col items-center">
326
+ <div class="bg-white p-4 rounded-full shadow-md mb-3">
327
+ <i class="fab fa-edge text-4xl text-blue-600"></i>
328
+ </div>
329
+ <p class="font-medium text-gray-700">Edge</p>
330
+ </div>
331
+ <div class="flex flex-col items-center">
332
+ <div class="bg-white p-4 rounded-full shadow-md mb-3">
333
+ <i class="fab fa-safari text-4xl text-blue-400"></i>
334
+ </div>
335
+ <p class="font-medium text-gray-700">Safari</p>
336
+ </div>
337
+ </div>
338
+ <div class="mt-12 bg-white bg-opacity-80 backdrop-filter backdrop-blur-sm p-6 rounded-xl shadow-sm max-w-2xl mx-auto">
339
+ <div class="flex items-start">
340
+ <div class="flex-shrink-0">
341
+ <i class="fas fa-info-circle text-2xl text-blue-500 mt-1"></i>
342
+ </div>
343
+ <div class="ml-4">
344
+ <p class="text-gray-700">FBHelper работает на всех популярных браузерах и синхронизирует данные между ус��ройствами через облако.</p>
345
+ </div>
346
+ </div>
347
+ </div>
348
+ </div>
349
+ </div>
350
+
351
+ <!-- Слайд 8: Завершение -->
352
+ <div class="slide flex flex-col justify-center items-center bg-gradient-to-br from-green-50 to-blue-50">
353
+ <div class="max-w-2xl px-6 text-center">
354
+ <div class="bg-white bg-opacity-80 backdrop-filter backdrop-blur-sm p-8 rounded-xl shadow-sm">
355
+ <div class="inline-block p-4 rounded-xl bg-blue-100 text-blue-600 mb-6">
356
+ <i class="fas fa-puzzle-piece text-4xl"></i>
357
+ </div>
358
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Готовы попробовать FBHelper?</h2>
359
+ <p class="text-xl text-gray-600 mb-8">Добавьте расширение в ваш браузер и начните работать с Facebook эффективнее уже сегодня!</p>
360
+ <div class="flex justify-center">
361
+ <div class="animate-pulse inline-flex items-center px-6 py-3 bg-gradient-to-r from-blue-500 to-blue-600 text-white font-medium rounded-lg shadow-lg">
362
+ <i class="fas fa-download mr-2"></i>
363
+ <span>Установить FBHelper</span>
364
+ </div>
365
+ </div>
366
+ </div>
367
+ </div>
368
+ </div>
369
+
370
+ <script>
371
+ document.addEventListener('DOMContentLoaded', function() {
372
+ const slides = document.querySelectorAll('.slide');
373
+ const progressBar = document.getElementById('progressBar');
374
+ let currentSlide = 0;
375
+ let isScrolling = false;
376
+ let scrollTimeout;
377
+
378
+ // Показать первый слайд
379
+ slides[0].classList.add('active');
380
+
381
+ // Обработчик колеса мыши
382
+ window.addEventListener('wheel', function(e) {
383
+ if (isScrolling) return;
384
+
385
+ clearTimeout(scrollTimeout);
386
+ isScrolling = true;
387
+
388
+ if (e.deltaY > 0) {
389
+ // Прокрутка вниз - следующий слайд
390
+ if (currentSlide < slides.length - 1) {
391
+ goToSlide(currentSlide + 1);
392
+ }
393
+ } else {
394
+ // Прокрутка вверх - предыдущий слайд
395
+ if (currentSlide > 0) {
396
+ goToSlide(currentSlide - 1);
397
+ }
398
+ }
399
+
400
+ scrollTimeout = setTimeout(function() {
401
+ isScrolling = false;
402
+ }, 1000);
403
+ });
404
+
405
+ // Обработчик касаний для мобильных устройств
406
+ let touchStartY = 0;
407
+ let touchEndY = 0;
408
+
409
+ document.addEventListener('touchstart', function(e) {
410
+ touchStartY = e.changedTouches[0].screenY;
411
+ }, false);
412
+
413
+ document.addEventListener('touchend', function(e) {
414
+ if (isScrolling) return;
415
+
416
+ touchEndY = e.changedTouches[0].screenY;
417
+ if (touchEndY < touchStartY) {
418
+ // Свайп вверх - следующий слайд
419
+ if (currentSlide < slides.length - 1) {
420
+ goToSlide(currentSlide + 1);
421
+ }
422
+ } else if (touchEndY > touchStartY) {
423
+ // Свайп вниз - предыдущий слайд
424
+ if (currentSlide > 0) {
425
+ goToSlide(currentSlide - 1);
426
+ }
427
+ }
428
+
429
+ isScrolling = true;
430
+ setTimeout(function() {
431
+ isScrolling = false;
432
+ }, 1000);
433
+ }, false);
434
+
435
+ // Функция перехода к слайду
436
+ function goToSlide(n) {
437
+ slides[currentSlide].classList.remove('active');
438
+ currentSlide = n;
439
+ slides[currentSlide].classList.add('active');
440
+
441
+ // Обновление прогрессбара
442
+ const progress = ((currentSlide + 1) / slides.length) * 100;
443
+ progressBar.style.width = progress + '%';
444
+
445
+ // Прокрутка к верху страницы
446
+ window.scrollTo(0, 0);
447
+ }
448
+
449
+ // Инициализация прогрессбара
450
+ progressBar.style.width = ((currentSlide + 1) / slides.length) * 100 + '%';
451
+ });
452
+ </script>
453
+ <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=timoon811/fbhelper123" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
454
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Сделай сайт презентацию без кнопок, футера и хэдера на эту тему Расширения для браузеров - FBHelper