Hugging Face's logo

Spaces:
timoon811
/
phase14
Running

App Files Community
timoon811 commited on
Commit
fbedd67
·
verified ·
1 Parent(s): 6cfc0c3

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +411 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Phase14
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: phase14
3
+ emoji: 🐳
4
+ colorFrom: yellow
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,411 @@
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>Уведомления | Трекинг слотов</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
+ .phase-badge {
11
+ @apply px-2 py-1 rounded-full text-xs font-semibold;
12
+ }
13
+ .phase-profit {
14
+ @apply bg-green-100 text-green-800;
15
+ }
16
+ .phase-loss {
17
+ @apply bg-red-100 text-red-800;
18
+ }
19
+ .phase-hold {
20
+ @apply bg-blue-100 text-blue-800;
21
+ }
22
+ .notification-card {
23
+ @apply border rounded-lg p-4 hover:shadow-md transition-shadow;
24
+ }
25
+ .toggle-checkbox:checked {
26
+ @apply right-0 border-green-400;
27
+ right: 0;
28
+ border-color: #4ade80;
29
+ }
30
+ .toggle-checkbox:checked + .toggle-label {
31
+ @apply bg-green-400;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gray-50 min-h-screen">
36
+ <div class="container mx-auto px-4 py-8 max-w-6xl">
37
+ <!-- Заголовок -->
38
+ <div class="flex justify-between items-center mb-8">
39
+ <div>
40
+ <h1 class="text-3xl font-bold text-gray-800 flex items-center">
41
+ <i class="fas fa-bell text-yellow-500 mr-3"></i> Уведомления о фазах
42
+ </h1>
43
+ <p class="text-gray-500 mt-2">Настройте оповещения о важных изменениях в ваших слотах</p>
44
+ </div>
45
+ <div class="flex items-center">
46
+ <span class="text-sm font-medium text-gray-700 mr-2">Все уведомления</span>
47
+ <div class="relative inline-block w-12 mr-2 align-middle select-none">
48
+ <input type="checkbox" id="global-toggle" checked class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer"/>
49
+ <label for="global-toggle" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer"></label>
50
+ </div>
51
+ </div>
52
+ </div>
53
+
54
+ <!-- Панель подключений -->
55
+ <div class="bg-white rounded-xl shadow-sm p-6 mb-8">
56
+ <h2 class="text-lg font-semibold text-gray-800 mb-4">Каналы уведомлений</h2>
57
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
58
+ <!-- Telegram -->
59
+ <div class="border rounded-lg p-4 flex flex-col">
60
+ <div class="flex items-center mb-3">
61
+ <i class="fab fa-telegram text-blue-500 text-2xl mr-3"></i>
62
+ <span class="font-medium">Telegram</span>
63
+ <span class="ml-auto bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">Подключён</span>
64
+ </div>
65
+ <p class="text-gray-500 text-sm mb-4">Получайте мгновенные уведомления в Telegram-боте</p>
66
+ <button class="mt-auto bg-blue-50 text-blue-600 hover:bg-blue-100 px-4 py-2 rounded-lg text-sm font-medium transition-colors">
67
+ <i class="fas fa-cog mr-2"></i> Настроить
68
+ </button>
69
+ </div>
70
+
71
+ <!-- Email -->
72
+ <div class="border rounded-lg p-4 flex flex-col">
73
+ <div class="flex items-center mb-3">
74
+ <i class="fas fa-envelope text-red-500 text-2xl mr-3"></i>
75
+ <span class="font-medium">Email</span>
76
+ <span class="ml-auto bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full">Отключён</span>
77
+ </div>
78
+ <p class="text-gray-500 text-sm mb-4">Ежедневные сводки на вашу электронную почту</p>
79
+ <button class="mt-auto bg-gray-50 text-gray-600 hover:bg-gray-100 px-4 py-2 rounded-lg text-sm font-medium transition-colors">
80
+ <i class="fas fa-plus mr-2"></i> Подключить
81
+ </button>
82
+ </div>
83
+
84
+ <!-- SMS -->
85
+ <div class="border rounded-lg p-4 flex flex-col">
86
+ <div class="flex items-center mb-3">
87
+ <i class="fas fa-comment-sms text-purple-500 text-2xl mr-3"></i>
88
+ <span class="font-medium">SMS</span>
89
+ <span class="ml-auto bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full">Только Pro</span>
90
+ </div>
91
+ <p class="text-gray-500 text-sm mb-4">Критические уведомления через SMS (премиум)</p>
92
+ <button class="mt-auto bg-purple-50 text-purple-600 hover:bg-purple-100 px-4 py-2 rounded-lg text-sm font-medium transition-colors">
93
+ <i class="fas fa-crown mr-2"></i> Апгрейд
94
+ </button>
95
+ </div>
96
+ </div>
97
+ </div>
98
+
99
+ <!-- Список уведомлений -->
100
+ <div class="bg-white rounded-xl shadow-sm p-6 mb-8">
101
+ <div class="flex justify-between items-center mb-6">
102
+ <h2 class="text-lg font-semibold text-gray-800">Ваши уведомления</h2>
103
+ <button id="add-notification-btn" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg text-sm font-medium flex items-center transition-colors">
104
+ <i class="fas fa-plus mr-2"></i> Добавить уведомление
105
+ </button>
106
+ </div>
107
+
108
+ <!-- Карточки уведомлений -->
109
+ <div class="space-y-4">
110
+ <!-- Уведомление 1 -->
111
+ <div class="notification-card">
112
+ <div class="flex flex-col md:flex-row md:items-center">
113
+ <div class="flex items-center mb-3 md:mb-0 md:w-1/4">
114
+ <img src="https://via.placeholder.com/40" alt="Aviator" class="w-10 h-10 rounded mr-3">
115
+ <div>
116
+ <div class="font-medium">Aviator</div>
117
+ <div class="text-gray-500 text-sm">1Win</div>
118
+ </div>
119
+ </div>
120
+ <div class="md:w-1/4 mb-3 md:mb-0">
121
+ <div class="text-sm text-gray-500">Условие</div>
122
+ <div class="phase-badge phase-profit">Фаза отдачи > 70%</div>
123
+ </div>
124
+ <div class="md:w-1/4 mb-3 md:mb-0">
125
+ <div class="text-sm text-gray-500">Канал / Частота</div>
126
+ <div class="flex items-center">
127
+ <i class="fab fa-telegram text-blue-500 mr-2"></i>
128
+ <span>Telegram</span>
129
+ <span class="mx-2 text-gray-300">•</span>
130
+ <span>Мгновенно</span>
131
+ </div>
132
+ </div>
133
+ <div class="md:w-1/4 flex justify-end space-x-2">
134
+ <button class="test-notification-btn text-blue-600 hover:text-blue-800 px-3 py-1 rounded-lg text-sm font-medium border border-blue-100 bg-blue-50 flex items-center">
135
+ <i class="fas fa-bell mr-2"></i> Тест
136
+ </button>
137
+ <button class="edit-notification-btn text-gray-600 hover:text-gray-800 px-3 py-1 rounded-lg text-sm font-medium border border-gray-200 bg-gray-50 flex items-center">
138
+ <i class="fas fa-pencil mr-2"></i> Изменить
139
+ </button>
140
+ <button class="delete-notification-btn text-red-600 hover:text-red-800 px-3 py-1 rounded-lg text-sm font-medium border border-red-100 bg-red-50 flex items-center">
141
+ <i class="fas fa-trash mr-2"></i>
142
+ </button>
143
+ </div>
144
+ </div>
145
+ </div>
146
+
147
+ <!-- Уведомление 2 -->
148
+ <div class="notification-card">
149
+ <div class="flex flex-col md:flex-row md:items-center">
150
+ <div class="flex items-center mb-3 md:mb-0 md:w-1/4">
151
+ <img src="https://via.placeholder.com/40" alt="Mines" class="w-10 h-10 rounded mr-3">
152
+ <div>
153
+ <div class="font-medium">Mines</div>
154
+ <div class="text-gray-500 text-sm">1xBet</div>
155
+ </div>
156
+ </div>
157
+ <div class="md:w-1/4 mb-3 md:mb-0">
158
+ <div class="text-sm text-gray-500">Условие</div>
159
+ <div class="phase-badge phase-loss">Фаза слива > 60%</div>
160
+ </div>
161
+ <div class="md:w-1/4 mb-3 md:mb-0">
162
+ <div class="text-sm text-gray-500">Канал / Частота</div>
163
+ <div class="flex items-center">
164
+ <i class="fas fa-envelope text-red-500 mr-2"></i>
165
+ <span>Email</span>
166
+ <span class="mx-2 text-gray-300">•</span>
167
+ <span>Раз в час</span>
168
+ </div>
169
+ </div>
170
+ <div class="md:w-1/4 flex justify-end space-x-2">
171
+ <button class="test-notification-btn text-blue-600 hover:text-blue-800 px-3 py-1 rounded-lg text-sm font-medium border border-blue-100 bg-blue-50 flex items-center">
172
+ <i class="fas fa-bell mr-2"></i> Тест
173
+ </button>
174
+ <button class="edit-notification-btn text-gray-600 hover:text-gray-800 px-3 py-1 rounded-lg text-sm font-medium border border-gray-200 bg-gray-50 flex items-center">
175
+ <i class="fas fa-pencil mr-2"></i> Изменить
176
+ </button>
177
+ <button class="delete-notification-btn text-red-600 hover:text-red-800 px-3 py-1 rounded-lg text-sm font-medium border border-red-100 bg-red-50 flex items-center">
178
+ <i class="fas fa-trash mr-2"></i>
179
+ </button>
180
+ </div>
181
+ </div>
182
+ </div>
183
+
184
+ <!-- Уведомление 3 -->
185
+ <div class="notification-card">
186
+ <div class="flex flex-col md:flex-row md:items-center">
187
+ <div class="flex items-center mb-3 md:mb-0 md:w-1/4">
188
+ <img src="https://via.placeholder.com/40" alt="Plinko" class="w-10 h-10 rounded mr-3">
189
+ <div>
190
+ <div class="font-medium">Plinko</div>
191
+ <div class="text-gray-500 text-sm">Betwinner</div>
192
+ </div>
193
+ </div>
194
+ <div class="md:w-1/4 mb-3 md:mb-0">
195
+ <div class="text-sm text-gray-500">Условие</div>
196
+ <div class="phase-badge phase-hold">Фаза холда > 15 мин</div>
197
+ </div>
198
+ <div class="md:w-1/4 mb-3 md:mb-0">
199
+ <div class="text-sm text-gray-500">Канал / Частота</div>
200
+ <div class="flex items-center">
201
+ <i class="fab fa-telegram text-blue-500 mr-2"></i>
202
+ <span>Telegram</span>
203
+ <span class="mx-2 text-gray-300">•</span>
204
+ <span>Мгновенно</span>
205
+ </div>
206
+ </div>
207
+ <div class="md:w-1/4 flex justify-end space-x-2">
208
+ <button class="test-notification-btn text-blue-600 hover:text-blue-800 px-3 py-1 rounded-lg text-sm font-medium border border-blue-100 bg-blue-50 flex items-center">
209
+ <i class="fas fa-bell mr-2"></i> Тест
210
+ </button>
211
+ <button class="edit-notification-btn text-gray-600 hover:text-gray-800 px-3 py-1 rounded-lg text-sm font-medium border border-gray-200 bg-gray-50 flex items-center">
212
+ <i class="fas fa-pencil mr-2"></i> Изменить
213
+ </button>
214
+ <button class="delete-notification-btn text-red-600 hover:text-red-800 px-3 py-1 rounded-lg text-sm font-medium border border-red-100 bg-red-50 flex items-center">
215
+ <i class="fas fa-trash mr-2"></i>
216
+ </button>
217
+ </div>
218
+ </div>
219
+ </div>
220
+ </div>
221
+
222
+ <!-- Подсказка -->
223
+ <div class="mt-6 bg-blue-50 border border-blue-100 rounded-lg p-4 text-sm text-blue-800 flex items-start">
224
+ <i class="fas fa-info-circle text-blue-500 mr-3 mt-1"></i>
225
+ <div>
226
+ <p class="font-medium">Слишком частые уведомления?</p>
227
+ <p class="mt-1">Попробуйте изменить условия или частоту отправки, чтобы получать только самые важные сигналы.</p>
228
+ </div>
229
+ </div>
230
+ </div>
231
+ </div>
232
+
233
+ <!-- Модальное окно добавления уведомления -->
234
+ <div id="notification-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50 hidden">
235
+ <div class="bg-white rounded-xl shadow-lg w-full max-w-md">
236
+ <div class="p-6">
237
+ <div class="flex justify-between items-center mb-4">
238
+ <h3 class="text-xl font-bold text-gray-800">Добавить уведомление</h3>
239
+ <button id="close-modal" class="text-gray-400 hover:text-gray-500">
240
+ <i class="fas fa-times"></i>
241
+ </button>
242
+ </div>
243
+
244
+ <form id="notification-form" class="space-y-4">
245
+ <div>
246
+ <label class="block text-sm font-medium text-gray-700 mb-1">Игра</label>
247
+ <select class="w-full border border-gray-300 rounded-lg px-4 py-2 focus:ring-blue-500 focus:border-blue-500">
248
+ <option>Aviator</option>
249
+ <option>Mines</option>
250
+ <option>Plinko</option>
251
+ <option>Dice</option>
252
+ <option>Crash</option>
253
+ </select>
254
+ </div>
255
+
256
+ <div>
257
+ <label class="block text-sm font-medium text-gray-700 mb-1">Платформа</label>
258
+ <select class="w-full border border-gray-300 rounded-lg px-4 py-2 focus:ring-blue-500 focus:border-blue-500">
259
+ <option>1Win</option>
260
+ <option>1xBet</option>
261
+ <option>Betwinner</option>
262
+ <option>Melbet</option>
263
+ <option>Parimatch</option>
264
+ </select>
265
+ </div>
266
+
267
+ <div>
268
+ <label class="block text-sm font-medium text-gray-700 mb-1">Тип фазы</label>
269
+ <div class="grid grid-cols-3 gap-2">
270
+ <label class="flex items-center">
271
+ <input type="radio" name="phase-type" value="profit" checked class="h-4 w-4 text-blue-600 focus:ring-blue-500">
272
+ <span class="ml-2 text-sm text-gray-700">Отдача</span>
273
+ </label>
274
+ <label class="flex items-center">
275
+ <input type="radio" name="phase-type" value="loss" class="h-4 w-4 text-red-600 focus:ring-red-500">
276
+ <span class="ml-2 text-sm text-gray-700">Слив</span>
277
+ </label>
278
+ <label class="flex items-center">
279
+ <input type="radio" name="phase-type" value="hold" class="h-4 w-4 text-blue-600 focus:ring-blue-500">
280
+ <span class="ml-2 text-sm text-gray-700">Холд</span>
281
+ </label>
282
+ </div>
283
+ </div>
284
+
285
+ <div>
286
+ <label class="block text-sm font-medium text-gray-700 mb-1">Порог</label>
287
+ <div class="flex items-center">
288
+ <select class="border border-gray-300 rounded-l-lg px-3 py-2 focus:ring-blue-500 focus:border-blue-500">
289
+ <option>></option>
290
+ <option><</option>
291
+ <option>=</option>
292
+ </select>
293
+ <input type="number" placeholder="70" class="flex-1 border-t border-b border-r border-gray-300 rounded-r-lg px-4 py-2 focus:ring-blue-500 focus:border-blue-500">
294
+ <span class="ml-2 text-sm text-gray-500">%</span>
295
+ </div>
296
+ </div>
297
+
298
+ <div>
299
+ <label class="block text-sm font-medium text-gray-700 mb-1">Частота</label>
300
+ <select class="w-full border border-gray-300 rounded-lg px-4 py-2 focus:ring-blue-500 focus:border-blue-500">
301
+ <option>Мгновенно</option>
302
+ <option>Раз в 15 минут</option>
303
+ <option>Раз в час</option>
304
+ <option>Раз в день</option>
305
+ </select>
306
+ </div>
307
+
308
+ <div>
309
+ <label class="block text-sm font-medium text-gray-700 mb-1">Канал уведомления</label>
310
+ <div class="space-y-2">
311
+ <label class="flex items-center">
312
+ <input type="checkbox" checked class="h-4 w-4 text-blue-600 focus:ring-blue-500">
313
+ <span class="ml-2 text-sm text-gray-700 flex items-center">
314
+ <i class="fab fa-telegram text-blue-500 mr-2"></i> Telegram
315
+ </span>
316
+ </label>
317
+ <label class="flex items-center">
318
+ <input type="checkbox" class="h-4 w-4 text-red-600 focus:ring-red-500">
319
+ <span class="ml-2 text-sm text-gray-700 flex items-center">
320
+ <i class="fas fa-envelope text-red-500 mr-2"></i> Email
321
+ </span>
322
+ </label>
323
+ </div>
324
+ </div>
325
+
326
+ <div class="pt-4">
327
+ <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium transition-colors">
328
+ Сохранить уведомление
329
+ </button>
330
+ </div>
331
+ </form>
332
+ </div>
333
+ </div>
334
+ </div>
335
+
336
+ <!-- Модальное окно тестового уведомления -->
337
+ <div id="test-notification-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50 hidden">
338
+ <div class="bg-white rounded-xl shadow-lg w-full max-w-sm">
339
+ <div class="p-6">
340
+ <div class="flex justify-center mb-4">
341
+ <div class="bg-green-100 p-3 rounded-full">
342
+ <i class="fas fa-check-circle text-green-500 text-3xl"></i>
343
+ </div>
344
+ </div>
345
+ <h3 class="text-center text-xl font-bold text-gray-800 mb-2">Тест отправлен!</h3>
346
+ <p class="text-center text-gray-500 mb-6">Проверьте ваш Telegram и Email (если включён) на наличие тестового уведомления.</p>
347
+ <button id="close-test-modal" class="w-full bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium transition-colors">
348
+ Понятно
349
+ </button>
350
+ </div>
351
+ </div>
352
+ </div>
353
+
354
+ <script>
355
+ // Управление модальным окном
356
+ const modal = document.getElementById('notification-modal');
357
+ const addBtn = document.getElementById('add-notification-btn');
358
+ const closeBtn = document.getElementById('close-modal');
359
+ const form = document.getElementById('notification-form');
360
+
361
+ addBtn.addEventListener('click', () => {
362
+ modal.classList.remove('hidden');
363
+ });
364
+
365
+ closeBtn.addEventListener('click', () => {
366
+ modal.classList.add('hidden');
367
+ });
368
+
369
+ form.addEventListener('submit', (e) => {
370
+ e.preventDefault();
371
+ modal.classList.add('hidden');
372
+ // Здесь можно добавить логику сохранения уведомления
373
+ });
374
+
375
+ // Управление тестовым уведомлением
376
+ const testModal = document.getElementById('test-notification-modal');
377
+ const closeTestBtn = document.getElementById('close-test-modal');
378
+ const testButtons = document.querySelectorAll('.test-notification-btn');
379
+
380
+ testButtons.forEach(btn => {
381
+ btn.addEventListener('click', () => {
382
+ testModal.classList.remove('hidden');
383
+ });
384
+ });
385
+
386
+ closeTestBtn.addEventListener('click', () => {
387
+ testModal.classList.add('hidden');
388
+ });
389
+
390
+ // Управление глобальным тумблером
391
+ const globalToggle = document.getElementById('global-toggle');
392
+ globalToggle.addEventListener('change', (e) => {
393
+ if(e.target.checked) {
394
+ console.log('Все уведомления включены');
395
+ } else {
396
+ console.log('Все уведомления отключены');
397
+ }
398
+ });
399
+
400
+ // Удаление уведомлений
401
+ const deleteButtons = document.querySelectorAll('.delete-notification-btn');
402
+ deleteButtons.forEach(btn => {
403
+ btn.addEventListener('click', () => {
404
+ if(confirm('Вы уверены, что хотите удалить это уведомление?')) {
405
+ btn.closest('.notification-card').remove();
406
+ }
407
+ });
408
+ });
409
+ </script>
410
+ <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/phase14" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
411
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Отлично. Разберём теперь страницу «Уведомления» — это важный раздел для удержания пользователя и повышения его LTV. ⸻ 🔷 СТРАНИЦА «УВЕДОМЛЕНИЯ» Раздел, где пользователь настраивает и получает оповещения о фазах по выбранным слотам, платформам и триггерам. ⸻ 🎯 ЦЕЛЬ РАЗДЕЛА 1. Дать пользователю контроль над тем, что он отслеживает 2. Уведомлять его о критических фазах (отдача/слив) в нужный момент 3. Мотивировать включить уведомления в Telegram/почту/боте 4. Повысить вовлечённость и частоту заходов в сервис ⸻ 🧱 СТРУКТУРА СТРАНИЦЫ «УВЕДОМЛЕНИЯ» 🔹 1. Заголовок 🔔 Уведомления о фазах ⸻ 🔸 2. Панель подключений [ 🟢 Telegram Подключён ] [ 🔘 Email: Включить ] [ 🔘 SMS: Только Pro ] Кнопки “Изменить / Подключить” ведут на соответствующие настройки ⸻ 🔸 3. Таблица отслеживаемых слотов Каждая строка: 🎰 Aviator — 1Win 📊 Условие: Фаза отдачи > 70% ⏱ Частота: мгновенно 📬 Канал: Telegram [ ✏️ Изменить ] [ ❌ Удалить ] ⸻ 🔸 4. Кнопка «Добавить новое уведомление» Открывает модалку с полями: • 🎰 Игра • 🏦 Платформа • 📊 Фаза (отдача/слив/холд) • 🎯 Порог вероятности (например, > 65%) • ⏱ Частота (мгновенно / раз в час / раз в день) • 📬 Канал: Telegram / Email ⸻ 🎨 ВИЗУАЛ • Таблица или карточки с иконками платформ • Цветовая маркировка фаз • Статусы подключения Telegram и Email • Иконки уведомлений: 🔔 включено / 🔕 отключено ⸻ 🧠 ДОПОЛНИТЕЛЬНО • Логика антиспама: «Слишком частые сигналы? Измените условия» • Кнопка «Проверить уведомление сейчас» (генерирует тест-сигнал) • Глобальный тумблер: [Включить / отключить все уведомления] ⸻ Хочешь теперь перейти к странице “Профиль” или к блоку “Подписка”?