Hugging Face's logo

Spaces:
timoon811
/
cryptobirh
Running

App Files Community
timoon811 commited on
Commit
cbaaee9
·
verified ·
1 Parent(s): f76c82c

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +461 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Cryptobirh
3
- emoji: 📉
4
- colorFrom: gray
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: cryptobirh
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: yellow
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,461 @@
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>Биржи и криптокошельки (работа с USDT)</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Inter', sans-serif;
14
+ background-color: #0f172a;
15
+ color: #f8fafc;
16
+ overflow-x: hidden;
17
+ }
18
+
19
+ .slide {
20
+ min-height: 100vh;
21
+ padding: 2rem;
22
+ display: flex;
23
+ flex-direction: column;
24
+ justify-content: center;
25
+ align-items: center;
26
+ text-align: center;
27
+ opacity: 0;
28
+ transform: translateY(20px);
29
+ transition: all 0.6s ease;
30
+ }
31
+
32
+ .slide.active {
33
+ opacity: 1;
34
+ transform: translateY(0);
35
+ }
36
+
37
+ .progress-bar {
38
+ position: fixed;
39
+ top: 0;
40
+ left: 0;
41
+ height: 5px;
42
+ background: linear-gradient(90deg, #3b82f6, #8b5cf6);
43
+ z-index: 100;
44
+ transition: width 0.3s ease;
45
+ }
46
+
47
+ .coin-animation {
48
+ animation: float 3s ease-in-out infinite;
49
+ }
50
+
51
+ @keyframes float {
52
+ 0%, 100% {
53
+ transform: translateY(0);
54
+ }
55
+ 50% {
56
+ transform: translateY(-20px);
57
+ }
58
+ }
59
+
60
+ .pulse {
61
+ animation: pulse 2s infinite;
62
+ }
63
+
64
+ @keyframes pulse {
65
+ 0% {
66
+ transform: scale(1);
67
+ }
68
+ 50% {
69
+ transform: scale(1.05);
70
+ }
71
+ 100% {
72
+ transform: scale(1);
73
+ }
74
+ }
75
+ </style>
76
+ </head>
77
+ <body>
78
+ <div class="progress-bar" id="progressBar"></div>
79
+
80
+ <div class="slides-container">
81
+ <!-- Slide 1: Title -->
82
+ <div class="slide active" id="slide1">
83
+ <div class="max-w-4xl mx-auto">
84
+ <div class="coin-animation mb-8">
85
+ <svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
86
+ <circle cx="12" cy="12" r="10"></circle>
87
+ <path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path>
88
+ <path d="M12 18V6"></path>
89
+ </svg>
90
+ </div>
91
+ <h1 class="text-5xl md:text-6xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">
92
+ Биржи и криптокошельки
93
+ </h1>
94
+ <h2 class="text-3xl md:text-4xl font-semibold text-blue-300 mb-8">
95
+ Работа с USDT
96
+ </h2>
97
+ <p class="text-xl text-gray-300 max-w-2xl mx-auto">
98
+ Полное руководство по использованию стейблкоина USDT на криптовалютных биржах и в кошельках
99
+ </p>
100
+ </div>
101
+ </div>
102
+
103
+ <!-- Slide 2: Что такое USDT -->
104
+ <div class="slide" id="slide2">
105
+ <div class="max-w-4xl mx-auto">
106
+ <h2 class="text-4xl font-bold mb-8 text-blue-400">
107
+ Что такое USDT?
108
+ </h2>
109
+ <div class="grid md:grid-cols-2 gap-8 items-center">
110
+ <div class="bg-gray-800 p-6 rounded-xl border border-gray-700 shadow-lg">
111
+ <div class="flex items-center justify-center mb-4">
112
+ <div class="bg-blue-900 p-3 rounded-full">
113
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
114
+ <circle cx="12" cy="12" r="10"></circle>
115
+ <path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path>
116
+ <path d="M12 18V6"></path>
117
+ </svg>
118
+ </div>
119
+ </div>
120
+ <h3 class="text-2xl font-semibold mb-3">Tether (USDT)</h3>
121
+ <p class="text-gray-300">
122
+ Криптовалюта, привязанная к курсу доллара США (1 USDT ≈ 1 USD). Это стейблкоин, который минимизирует волатильность.
123
+ </p>
124
+ </div>
125
+ <div class="bg-gray-800 p-6 rounded-xl border border-gray-700 shadow-lg">
126
+ <div class="flex items-center justify-center mb-4">
127
+ <div class="bg-purple-900 p-3 rounded-full">
128
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
129
+ <path d="M12 2v4"></path>
130
+ <path d="m16 6 4-4"></path>
131
+ <path d="M18 12h4"></path>
132
+ <path d="m16 18 4 4"></path>
133
+ <path d="M12 20v4"></path>
134
+ <path d="m8 18-4 4"></path>
135
+ <path d="M6 12H2"></path>
136
+ <path d="m8 6-4-4"></path>
137
+ <circle cx="12" cy="12" r="4"></circle>
138
+ </svg>
139
+ </div>
140
+ </div>
141
+ <h3 class="text-2xl font-semibold mb-3">Преимущества</h3>
142
+ <ul class="text-gray-300 space-y-2">
143
+ <li>• Стабильность курса</li>
144
+ <li>• Быстрые транзакции</li>
145
+ <li>• Поддержка в большинстве бирж</li>
146
+ <li>• Низкие комиссии</li>
147
+ </ul>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ </div>
152
+
153
+ <!-- Slide 3: Популярные биржи -->
154
+ <div class="slide" id="slide3">
155
+ <div class="max-w-4xl mx-auto">
156
+ <h2 class="text-4xl font-bold mb-8 text-purple-400">
157
+ Популярные биржи для работы с USDT
158
+ </h2>
159
+ <div class="grid md:grid-cols-3 gap-6">
160
+ <div class="bg-gray-800 p-6 rounded-xl border border-gray-700 hover:border-blue-500 transition-all duration-300">
161
+ <div class="flex justify-center mb-4">
162
+ <img src="https://cryptologos.cc/logos/binance-coin-bnb-logo.png" alt="Binance" class="h-16">
163
+ </div>
164
+ <h3 class="text-xl font-semibold mb-2">Binance</h3>
165
+ <p class="text-gray-400 text-sm">
166
+ Крупнейшая биржа с самым большим объемом торгов USDT. Низкие комиссии и множество торговых пар.
167
+ </p>
168
+ </div>
169
+ <div class="bg-gray-800 p-6 rounded-xl border border-gray-700 hover:border-purple-500 transition-all duration-300">
170
+ <div class="flex justify-center mb-4">
171
+ <img src="https://cryptologos.cc/logos/okex-okb-logo.png" alt="OKX" class="h-16">
172
+ </div>
173
+ <h3 class="text-xl font-semibold mb-2">OKX</h3>
174
+ <p class="text-gray-400 text-sm">
175
+ Популярная биржа с продвинутыми торговыми инструментами. Поддержка USDT на нескольких блокчейнах.
176
+ </p>
177
+ </div>
178
+ <div class="bg-gray-800 p-6 rounded-xl border border-gray-700 hover:border-blue-400 transition-all duration-300">
179
+ <div class="flex justify-center mb-4">
180
+ <img src="https://cryptologos.cc/logos/bybit-exchange-bybit-logo.png" alt="Bybit" class="h-16">
181
+ </div>
182
+ <h3 class="text-xl font-semibold mb-2">Bybit</h3>
183
+ <p class="text-gray-400 text-sm">
184
+ Известна фьючерсными контрактами с USDT. Удобный интерфейс и копи-трейдинг.
185
+ </p>
186
+ </div>
187
+ </div>
188
+ </div>
189
+ </div>
190
+
191
+ <!-- Slide 4: Криптокошельки -->
192
+ <div class="slide" id="slide4">
193
+ <div class="max-w-4xl mx-auto">
194
+ <h2 class="text-4xl font-bold mb-8 text-blue-400">
195
+ Криптокошельки для USDT
196
+ </h2>
197
+ <div class="grid md:grid-cols-2 gap-8">
198
+ <div class="bg-gradient-to-br from-blue-900/50 to-purple-900/50 p-6 rounded-xl border border-gray-700 shadow-lg">
199
+ <h3 class="text-2xl font-semibold mb-4 flex items-center">
200
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2">
201
+ <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
202
+ </svg>
203
+ Горячие кошельки
204
+ </h3>
205
+ <ul class="space-y-3 text-gray-300">
206
+ <li class="flex items-start">
207
+ <span class="bg-blue-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
208
+ <span><strong>Trust Wallet</strong> - мультивалютный мобильный кошелек с поддержкой USDT на нескольких сетях</span>
209
+ </li>
210
+ <li class="flex items-start">
211
+ <span class="bg-blue-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
212
+ <span><strong>MetaMask</strong> - популярный браузерный кошелек (USDT в сети Ethereum)</span>
213
+ </li>
214
+ <li class="flex items-start">
215
+ <span class="bg-blue-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
216
+ <span><strong>Exodus</strong> - десктопный кошелек с простым интерфейсом</span>
217
+ </li>
218
+ </ul>
219
+ </div>
220
+ <div class="bg-gradient-to-br from-purple-900/50 to-blue-900/50 p-6 rounded-xl border border-gray-700 shadow-lg">
221
+ <h3 class="text-2xl font-semibold mb-4 flex items-center">
222
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2">
223
+ <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
224
+ <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
225
+ </svg>
226
+ Холодные кошельки
227
+ </h3>
228
+ <ul class="space-y-3 text-gray-300">
229
+ <li class="flex items-start">
230
+ <span class="bg-purple-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
231
+ <span><strong>Ledger</strong> - аппаратный кошелек с поддержкой USDT через приложение</span>
232
+ </li>
233
+ <li class="flex items-start">
234
+ <span class="bg-purple-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
235
+ <span><strong>Trezor</strong> - безопасное хранение USDT с полным контролем над ключами</span>
236
+ </li>
237
+ <li class="flex items-start">
238
+ <span class="bg-purple-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
239
+ <span><strong>SafePal</strong> - аппаратный кошелек с экраном и поддержкой мобильного приложения</span>
240
+ </li>
241
+ </ul>
242
+ </div>
243
+ </div>
244
+ </div>
245
+ </div>
246
+
247
+ <!-- Slide 5: Как выбрать сеть -->
248
+ <div class="slide" id="slide5">
249
+ <div class="max-w-4xl mx-auto">
250
+ <h2 class="text-4xl font-bold mb-8 text-purple-400">
251
+ Выбор сети для USDT
252
+ </h2>
253
+ <div class="bg-gray-800/80 backdrop-blur-sm p-8 rounded-xl border border-gray-700 max-w-3xl mx-auto">
254
+ <div class="grid md:grid-cols-3 gap-6">
255
+ <div class="bg-gray-900 p-4 rounded-lg border border-gray-700">
256
+ <h3 class="font-semibold text-blue-400 mb-2">ERC-20 (Ethereum)</h3>
257
+ <p class="text-sm text-gray-400">
258
+ Высокая безопасность, но большие комиссии. Подходит для крупных сумм.
259
+ </p>
260
+ </div>
261
+ <div class="bg-gray-900 p-4 rounded-lg border border-gray-700">
262
+ <h3 class="font-semibold text-green-400 mb-2">TRC-20 (Tron)</h3>
263
+ <p class="text-sm text-gray-400">
264
+ Низкие комиссии, быстрые транзакции. Оптимально для частых переводов.
265
+ </p>
266
+ </div>
267
+ <div class="bg-gray-900 p-4 rounded-lg border border-gray-700">
268
+ <h3 class="font-semibold text-yellow-400 mb-2">BEP-20 (BSC)</h3>
269
+ <p class="text-sm text-gray-400">
270
+ Баланс между стоимостью и скоростью. Хорошо для работы с Binance.
271
+ </p>
272
+ </div>
273
+ </div>
274
+
275
+ <div class="mt-8 bg-gray-900/50 p-6 rounded-lg border border-dashed border-gray-600">
276
+ <h3 class="text-xl font-semibold mb-4 text-center text-blue-300">Важно!</h3>
277
+ <p class="text-center text-gray-300">
278
+ Всегда проверяйте, какую сеть поддерживает получатель. Отправка USDT по неправильной сети может привести к потере средств!
279
+ </p>
280
+ </div>
281
+ </div>
282
+ </div>
283
+ </div>
284
+
285
+ <!-- Slide 6: Безопасность -->
286
+ <div class="slide" id="slide6">
287
+ <div class="max-w-4xl mx-auto">
288
+ <h2 class="text-4xl font-bold mb-8 text-blue-400">
289
+ Безопасность при работе с USDT
290
+ </h2>
291
+ <div class="grid md:grid-cols-2 gap-8">
292
+ <div class="bg-gray-800 p-6 rounded-xl border border-red-500/30 shadow-lg">
293
+ <h3 class="text-2xl font-semibold mb-4 text-red-400 flex items-center">
294
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#f87171" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2">
295
+ <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
296
+ <line x1="12" y1="9" x2="12" y2="13"></line>
297
+ <line x1="12" y1="17" x2="12.01" y2="17"></line>
298
+ </svg>
299
+ Чего избегать
300
+ </h3>
301
+ <ul class="space-y-3 text-gray-300">
302
+ <li class="flex items-start">
303
+ <span class="bg-red-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
304
+ <span>Хранение больших сумм на биржах</span>
305
+ </li>
306
+ <li class="flex items-start">
307
+ <span class="bg-red-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
308
+ <span>Переход по подозрительным ссылкам</span>
309
+ </li>
310
+ <li class="flex items-start">
311
+ <span class="bg-red-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
312
+ <span>Использование одного пароля на разных сервисах</span>
313
+ </li>
314
+ <li class="flex items-start">
315
+ <span class="bg-red-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
316
+ <span>Отправка USDT без проверки адреса</span>
317
+ </li>
318
+ </ul>
319
+ </div>
320
+ <div class="bg-gray-800 p-6 rounded-xl border border-green-500/30 shadow-lg">
321
+ <h3 class="text-2xl font-semibold mb-4 text-green-400 flex items-center">
322
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#4ade80" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2">
323
+ <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
324
+ <polyline points="22 4 12 14.01 9 11.01"></polyline>
325
+ </svg>
326
+ Рекомендации
327
+ </h3>
328
+ <ul class="space-y-3 text-gray-300">
329
+ <li class="flex items-start">
330
+ <span class="bg-green-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
331
+ <span>Используйте аппаратные кошельки для хранения</span>
332
+ </li>
333
+ <li class="flex items-start">
334
+ <span class="bg-green-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
335
+ <span>Включайте двухфакторную аутентификацию</span>
336
+ </li>
337
+ <li class="flex items-start">
338
+ <span class="bg-green-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
339
+ <span>Проверяйте адреса при отправке (первые и последние символы)</span>
340
+ </li>
341
+ <li class="flex items-start">
342
+ <span class="bg-green-500 rounded-full w-2 h-2 mt-2 mr-2"></span>
343
+ <span>Регулярно обновляйте ПО кошельков</span>
344
+ </li>
345
+ </ul>
346
+ </div>
347
+ </div>
348
+ </div>
349
+ </div>
350
+
351
+ <!-- Slide 7: Заключение -->
352
+ <div class="slide" id="slide7">
353
+ <div class="max-w-2xl mx-auto text-center">
354
+ <div class="pulse mb-8">
355
+ <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
356
+ <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
357
+ <polyline points="22 4 12 14.01 9 11.01"></polyline>
358
+ </svg>
359
+ </div>
360
+ <h2 class="text-4xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">
361
+ USDT - удобный инструмент
362
+ </h2>
363
+ <p class="text-xl text-gray-300 mb-8">
364
+ Благодаря стабильности и широкой поддержке, USDT стал стандартом для торговли и переводов в криптомире.
365
+ </p>
366
+ <div class="bg-gray-800/50 p-6 rounded-xl border border-gray-700 inline-block">
367
+ <p class="text-lg text-blue-300 font-medium">
368
+ Начните с малых сумм, изучайте и всегда соблюдайте меры безопасности!
369
+ </p>
370
+ </div>
371
+ </div>
372
+ </div>
373
+ </div>
374
+
375
+ <script>
376
+ document.addEventListener('DOMContentLoaded', function() {
377
+ const slides = document.querySelectorAll('.slide');
378
+ const progressBar = document.getElementById('progressBar');
379
+ let currentSlide = 0;
380
+ const totalSlides = slides.length;
381
+
382
+ // Показываем первый слайд
383
+ slides[0].classList.add('active');
384
+
385
+ // Обработчик колеса мыши
386
+ window.addEventListener('wheel', function(e) {
387
+ if (e.deltaY > 0) {
388
+ // Прокрутка вниз - следующий слайд
389
+ if (currentSlide < totalSlides - 1) {
390
+ goToSlide(currentSlide + 1);
391
+ }
392
+ } else {
393
+ // Прокрутка вверх - предыдущий слайд
394
+ if (currentSlide > 0) {
395
+ goToSlide(currentSlide - 1);
396
+ }
397
+ }
398
+ });
399
+
400
+ // Обработчик касаний для мобильных устройств
401
+ let touchStartY = 0;
402
+ window.addEventListener('touchstart', function(e) {
403
+ touchStartY = e.touches[0].clientY;
404
+ });
405
+
406
+ window.addEventListener('touchend', function(e) {
407
+ const touchEndY = e.changedTouches[0].clientY;
408
+ const diff = touchStartY - touchEndY;
409
+
410
+ if (diff > 50) {
411
+ // Свайп вверх - следующий слайд
412
+ if (currentSlide < totalSlides - 1) {
413
+ goToSlide(currentSlide + 1);
414
+ }
415
+ } else if (diff < -50) {
416
+ // Свайп вниз - предыдущий слайд
417
+ if (currentSlide > 0) {
418
+ goToSlide(currentSlide - 1);
419
+ }
420
+ }
421
+ });
422
+
423
+ // Функция перехода к конкретному слайду
424
+ function goToSlide(index) {
425
+ slides[currentSlide].classList.remove('active');
426
+ currentSlide = index;
427
+ slides[currentSlide].classList.add('active');
428
+ updateProgressBar();
429
+
430
+ // Анимация для нового слайда
431
+ slides[currentSlide].classList.add('animate__animated', 'animate__fadeInUp');
432
+ setTimeout(() => {
433
+ slides[currentSlide].classList.remove('animate__animated', 'animate__fadeInUp');
434
+ }, 1000);
435
+ }
436
+
437
+ // Обновление прогресс-бара
438
+ function updateProgressBar() {
439
+ const progress = ((currentSlide + 1) / totalSlides) * 100;
440
+ progressBar.style.width = `${progress}%`;
441
+ }
442
+
443
+ // Инициализация прогресс-бара
444
+ updateProgressBar();
445
+
446
+ // Добавляем обработчик клавиш для навигации
447
+ document.addEventListener('keydown', function(e) {
448
+ if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {
449
+ if (currentSlide < totalSlides - 1) {
450
+ goToSlide(currentSlide + 1);
451
+ }
452
+ } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {
453
+ if (currentSlide > 0) {
454
+ goToSlide(currentSlide - 1);
455
+ }
456
+ }
457
+ });
458
+ });
459
+ </script>
460
+ <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/cryptobirh" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
461
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Сделай сайт презентацию без кнопок, футера и хэдера на эту тему Биржи и криптокошельки (работа с USDT)