Hugging Face's logo

Spaces:
timoon811
/
phase15
Running

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

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +420 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Phase15
3
- emoji: 📊
4
- colorFrom: yellow
5
- colorTo: yellow
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: phase15
3
+ emoji: 🐳
4
+ colorFrom: blue
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,420 @@
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>PhaseAI - Мой профиль</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
+ .danger-zone {
11
+ border-left: 4px solid #ef4444;
12
+ }
13
+ .switch {
14
+ position: relative;
15
+ display: inline-block;
16
+ width: 50px;
17
+ height: 24px;
18
+ }
19
+ .switch input {
20
+ opacity: 0;
21
+ width: 0;
22
+ height: 0;
23
+ }
24
+ .slider {
25
+ position: absolute;
26
+ cursor: pointer;
27
+ top: 0;
28
+ left: 0;
29
+ right: 0;
30
+ bottom: 0;
31
+ background-color: #ccc;
32
+ transition: .4s;
33
+ border-radius: 24px;
34
+ }
35
+ .slider:before {
36
+ position: absolute;
37
+ content: "";
38
+ height: 16px;
39
+ width: 16px;
40
+ left: 4px;
41
+ bottom: 4px;
42
+ background-color: white;
43
+ transition: .4s;
44
+ border-radius: 50%;
45
+ }
46
+ input:checked + .slider {
47
+ background-color: #10b981;
48
+ }
49
+ input:checked + .slider:before {
50
+ transform: translateX(26px);
51
+ }
52
+ .avatar {
53
+ background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
54
+ }
55
+ .theme-selector {
56
+ transition: all 0.3s ease;
57
+ }
58
+ .theme-selector:hover {
59
+ transform: scale(1.05);
60
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
61
+ }
62
+ .theme-selector.active {
63
+ border: 2px solid #3b82f6;
64
+ }
65
+ </style>
66
+ </head>
67
+ <body class="bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100 transition-colors duration-200">
68
+ <div class="container mx-auto px-4 py-8 max-w-6xl">
69
+ <!-- Заголовок -->
70
+ <div class="flex items-center justify-between mb-8">
71
+ <div class="flex items-center space-x-4">
72
+ <div class="avatar w-16 h-16 rounded-full flex items-center justify-center text-2xl font-bold text-white">
73
+ JD
74
+ </div>
75
+ <div>
76
+ <h1 class="text-3xl font-bold">👤 Мой профиль</h1>
77
+ <p class="text-gray-500 dark:text-gray-400">Управление вашими данными и настройками</p>
78
+ </div>
79
+ </div>
80
+ <button class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition">
81
+ <i class="fas fa-save mr-2"></i> Сохранить изменения
82
+ </button>
83
+ </div>
84
+
85
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
86
+ <div class="lg:col-span-2 space-y-6">
87
+ <!-- Основные данные -->
88
+ <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
89
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
90
+ <i class="fas fa-user-circle mr-2 text-blue-500"></i> Основные данные
91
+ </h2>
92
+ <div class="space-y-4">
93
+ <div class="flex flex-col md:flex-row md:items-center justify-between">
94
+ <div>
95
+ <label class="text-gray-500 dark:text-gray-400">📧 Email</label>
96
+ <p class="font-medium">[email protected]</p>
97
+ </div>
98
+ <span class="text-sm text-gray-500 dark:text-gray-400 mt-1 md:mt-0">Основной email</span>
99
+ </div>
100
+
101
+ <div class="flex flex-col md:flex-row md:items-center justify-between">
102
+ <div>
103
+ <label class="text-gray-500 dark:text-gray-400">📱 Telegram</label>
104
+ <p id="telegram-status" class="font-medium">Не привязан</p>
105
+ </div>
106
+ <button id="connect-telegram" class="px-3 py-1 bg-blue-600 hover:bg-blue-700 text-white text-sm rounded-lg transition mt-2 md:mt-0">
107
+ <i class="fab fa-telegram mr-1"></i> Привязать
108
+ </button>
109
+ </div>
110
+
111
+ <div class="flex flex-col md:flex-row md:items-center justify-between">
112
+ <div>
113
+ <label class="text-gray-500 dark:text-gray-400">🌐 Язык интерфейса</label>
114
+ <select class="mt-1 block w-full md:w-auto rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600">
115
+ <option value="ru">Русский</option>
116
+ <option value="en">English</option>
117
+ </select>
118
+ </div>
119
+ </div>
120
+
121
+ <div class="flex flex-col md:flex-row md:items-center justify-between">
122
+ <div>
123
+ <label class="text-gray-500 dark:text-gray-400">📅 Дата регистрации</label>
124
+ <p class="font-medium">15 марта 2023</p>
125
+ </div>
126
+ </div>
127
+ </div>
128
+ </div>
129
+
130
+ <!-- Безопасность -->
131
+ <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
132
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
133
+ <i class="fas fa-shield-alt mr-2 text-green-500"></i> Безопасность
134
+ </h2>
135
+ <div class="space-y-4">
136
+ <div class="flex flex-col md:flex-row md:items-center justify-between">
137
+ <div>
138
+ <label class="text-gray-500 dark:text-gray-400">🔑 Пароль</label>
139
+ <p class="font-medium">••••••••</p>
140
+ </div>
141
+ <button class="px-3 py-1 bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 text-sm rounded-lg transition mt-2 md:mt-0">
142
+ <i class="fas fa-key mr-1"></i> Сменить
143
+ </button>
144
+ </div>
145
+
146
+ <div class="flex flex-col md:flex-row md:items-center justify-between">
147
+ <div>
148
+ <label class="text-gray-500 dark:text-gray-400">🕵️ Двухфакторная аутентификация (2FA)</label>
149
+ <p class="font-medium">Отключена</p>
150
+ </div>
151
+ <label class="switch mt-2 md:mt-0">
152
+ <input type="checkbox" id="2fa-toggle">
153
+ <span class="slider"></span>
154
+ </label>
155
+ </div>
156
+
157
+ <div class="flex flex-col md:flex-row md:items-center justify-between">
158
+ <div>
159
+ <label class="text-gray-500 dark:text-gray-400">📍 Последний вход</label>
160
+ <p class="font-medium">Сегодня в 14:30 с IP 192.168.1.1</p>
161
+ </div>
162
+ </div>
163
+
164
+ <div class="flex flex-col md:flex-row md:items-center justify-between">
165
+ <div>
166
+ <label class="text-gray-500 dark:text-gray-400">🧾 История активности</label>
167
+ <p class="font-medium">Показать все входы в аккаунт</p>
168
+ </div>
169
+ <button class="px-3 py-1 bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 text-sm rounded-lg transition mt-2 md:mt-0">
170
+ <i class="fas fa-history mr-1"></i> Просмотреть
171
+ </button>
172
+ </div>
173
+ </div>
174
+ </div>
175
+
176
+ <!-- Интерфейс и удобство -->
177
+ <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
178
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
179
+ <i class="fas fa-sliders-h mr-2 text-purple-500"></i> Интерфейс и удобство
180
+ </h2>
181
+ <div class="space-y-6">
182
+ <div>
183
+ <label class="text-gray-500 dark:text-gray-400 mb-2 block">🎛️ Цветовая тема</label>
184
+ <div class="flex space-x-4">
185
+ <div class="theme-selector w-1/3 p-4 rounded-lg bg-white dark:bg-gray-700 border border-gray-200 dark:border-gray-600 cursor-pointer text-center active" id="light-theme">
186
+ <i class="fas fa-sun text-yellow-500 text-2xl mb-2"></i>
187
+ <p>Светлая</p>
188
+ </div>
189
+ <div class="theme-selector w-1/3 p-4 rounded-lg bg-gray-800 border border-gray-700 cursor-pointer text-center" id="dark-theme">
190
+ <i class="fas fa-moon text-blue-300 text-2xl mb-2"></i>
191
+ <p>Тёмная</p>
192
+ </div>
193
+ <div class="theme-selector w-1/3 p-4 rounded-lg bg-gray-100 dark:bg-gray-700 border border-gray-200 dark:border-gray-600 cursor-pointer text-center" id="system-theme">
194
+ <i class="fas fa-desktop text-gray-500 text-2xl mb-2"></i>
195
+ <p>Системная</p>
196
+ </div>
197
+ </div>
198
+ </div>
199
+
200
+ <div class="flex flex-col md:flex-row md:items-center justify-between">
201
+ <div>
202
+ <label class="text-gray-500 dark:text-gray-400">🗂️ Уведомления по умолчанию</label>
203
+ <select class="mt-1 block w-full md:w-auto rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600">
204
+ <option value="telegram">Telegram</option>
205
+ <option value="email">Email</option>
206
+ <option value="both">Оба способа</option>
207
+ </select>
208
+ </div>
209
+ </div>
210
+
211
+ <div class="flex flex-col md:flex-row md:items-center justify-between">
212
+ <div>
213
+ <label class="text-gray-500 dark:text-gray-400">🖥️ Запоминать платформу</label>
214
+ <p class="font-medium">Сохранять данные входа на этом устройстве</p>
215
+ </div>
216
+ <label class="switch mt-2 md:mt-0">
217
+ <input type="checkbox" checked>
218
+ <span class="slider"></span>
219
+ </label>
220
+ </div>
221
+
222
+ <div class="flex flex-col md:flex-row md:items-center justify-between">
223
+ <div>
224
+ <label class="text-gray-500 dark:text-gray-400">⏱️ Таймаут сессии</label>
225
+ <select class="mt-1 block w-full md:w-auto rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600">
226
+ <option value="1">1 час</option>
227
+ <option value="4" selected>4 часа</option>
228
+ <option value="24">1 день</option>
229
+ <option value="168">1 неделя</option>
230
+ </select>
231
+ </div>
232
+ </div>
233
+ </div>
234
+ </div>
235
+
236
+ <!-- Опасная зона -->
237
+ <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6 danger-zone">
238
+ <h2 class="text-xl font-semibold mb-4 flex items-center text-red-500">
239
+ <i class="fas fa-exclamation-triangle mr-2"></i> Опасная зона
240
+ </h2>
241
+ <div class="space-y-4">
242
+ <div class="flex flex-col md:flex-row md:items-center justify-between">
243
+ <div>
244
+ <label class="text-gray-500 dark:text-gray-400">🔐 Удаление аккаунта</label>
245
+ <p class="font-medium">Это действие нельзя отменить</p>
246
+ </div>
247
+ <button class="px-3 py-1 bg-red-500 hover:bg-red-600 text-white text-sm rounded-lg transition mt-2 md:mt-0">
248
+ <i class="fas fa-trash-alt mr-1"></i> Удалить аккаунт
249
+ </button>
250
+ </div>
251
+ </div>
252
+ </div>
253
+ </div>
254
+
255
+ <div class="space-y-6">
256
+ <!-- Подписка и статус -->
257
+ <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
258
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
259
+ <i class="fas fa-crown mr-2 text-yellow-500"></i> Подписка и статус
260
+ </h2>
261
+ <div class="space-y-4">
262
+ <div class="flex items-center justify-between">
263
+ <span class="text-gray-500 dark:text-gray-400">Статус:</span>
264
+ <span class="px-2 py-1 bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 text-sm rounded-full">Активна</span>
265
+ </div>
266
+ <div class="flex items-center justify-between">
267
+ <span class="text-gray-500 dark:text-gray-400">Тариф:</span>
268
+ <span class="font-medium">Pro</span>
269
+ </div>
270
+ <div class="flex items-center justify-between">
271
+ <span class="text-gray-500 dark:text-gray-400">Дата окончания:</span>
272
+ <span class="font-medium">15 июня 2023</span>
273
+ </div>
274
+ <div class="pt-4">
275
+ <button class="w-full px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition">
276
+ <i class="fas fa-exchange-alt mr-2"></i> Изменить тариф
277
+ </button>
278
+ </div>
279
+ </div>
280
+ </div>
281
+
282
+ <!-- Моя статистика -->
283
+ <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
284
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
285
+ <i class="fas fa-chart-line mr-2 text-blue-500"></i> Моя статистика
286
+ </h2>
287
+ <div class="space-y-3">
288
+ <div class="flex items-center justify-between">
289
+ <span class="text-gray-500 dark:text-gray-400">В системе:</span>
290
+ <span class="font-medium">3 месяца</span>
291
+ </div>
292
+ <div class="flex items-center justify-between">
293
+ <span class="text-gray-500 dark:text-gray-400">Прогнозов сделано:</span>
294
+ <span class="font-medium">127</span>
295
+ </div>
296
+ <div class="flex items-center justify-between">
297
+ <span class="text-gray-500 dark:text-gray-400">Точность прогнозов:</span>
298
+ <span class="font-medium">78%</span>
299
+ </div>
300
+ <div class="flex items-center justify-between">
301
+ <span class="text-gray-500 dark:text-gray-400">Рефералов приглашено:</span>
302
+ <span class="font-medium">5</span>
303
+ </div>
304
+ </div>
305
+ </div>
306
+
307
+ <!-- Пригласи друга -->
308
+ <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
309
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
310
+ <i class="fas fa-gift mr-2 text-purple-500"></i> Пригласи друга
311
+ </h2>
312
+ <p class="text-gray-500 dark:text-gray-400 mb-4">Пригласите друга и получите 10% скидку на следующий месяц подписки</p>
313
+ <div class="mb-4">
314
+ <label class="text-gray-500 dark:text-gray-400 block mb-1">Ваша реферальная ссылка:</label>
315
+ <div class="flex">
316
+ <input type="text" value="https://phaseai.com/ref/johndoe" class="flex-grow px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-l-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700" readonly>
317
+ <button class="px-3 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-r-lg transition" onclick="copyReferralLink()">
318
+ <i class="fas fa-copy"></i>
319
+ </button>
320
+ </div>
321
+ </div>
322
+ <button class="w-full px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white rounded-lg transition">
323
+ <i class="fas fa-share-alt mr-2"></i> Поделиться
324
+ </button>
325
+ </div>
326
+
327
+ <!-- Связь и поддержка -->
328
+ <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
329
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
330
+ <i class="fas fa-headset mr-2 text-green-500"></i> Связь и поддержка
331
+ </h2>
332
+ <div class="space-y-3">
333
+ <button class="w-full px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-lg transition">
334
+ <i class="fas fa-envelope mr-2"></i> Написать в поддержку
335
+ </button>
336
+ <button class="w-full px-4 py-2 bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-lg transition">
337
+ <i class="fas fa-question-circle mr-2"></i> FAQ / База знаний
338
+ </button>
339
+ <button class="w-full px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition">
340
+ <i class="fas fa-star mr-2"></i> Оценить PhaseAI
341
+ </button>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ </div>
346
+ </div>
347
+
348
+ <script>
349
+ // Telegram connection
350
+ document.getElementById('connect-telegram').addEventListener('click', function() {
351
+ const status = document.getElementById('telegram-status');
352
+ const button = document.getElementById('connect-telegram');
353
+
354
+ if (status.textContent === 'Не привязан') {
355
+ status.textContent = '@username';
356
+ button.innerHTML = '<i class="fab fa-telegram mr-1"></i> Изменить';
357
+ button.classList.remove('bg-blue-600', 'hover:bg-blue-700');
358
+ button.classList.add('bg-gray-200', 'hover:bg-gray-300', 'dark:bg-gray-700', 'dark:hover:bg-gray-600');
359
+ } else {
360
+ // Здесь можно добавить логику для изменения Telegram
361
+ alert('Функция изменения Telegram будет реализована позже');
362
+ }
363
+ });
364
+
365
+ // Theme switcher
366
+ const themeSelectors = document.querySelectorAll('.theme-selector');
367
+ themeSelectors.forEach(selector => {
368
+ selector.addEventListener('click', function() {
369
+ themeSelectors.forEach(s => s.classList.remove('active'));
370
+ this.classList.add('active');
371
+
372
+ if (this.id === 'light-theme') {
373
+ document.documentElement.classList.remove('dark');
374
+ localStorage.setItem('theme', 'light');
375
+ } else if (this.id === 'dark-theme') {
376
+ document.documentElement.classList.add('dark');
377
+ localStorage.setItem('theme', 'dark');
378
+ } else {
379
+ // Системная тема
380
+ if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
381
+ document.documentElement.classList.add('dark');
382
+ } else {
383
+ document.documentElement.classList.remove('dark');
384
+ }
385
+ localStorage.removeItem('theme');
386
+ }
387
+ });
388
+ });
389
+
390
+ // Check saved theme or system preference
391
+ if (localStorage.getItem('theme') === 'dark' || (!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
392
+ document.documentElement.classList.add('dark');
393
+ document.getElementById('dark-theme').classList.add('active');
394
+ document.getElementById('light-theme').classList.remove('active');
395
+ }
396
+
397
+ // Copy referral link
398
+ function copyReferralLink() {
399
+ const input = document.querySelector('input[value*="phaseai.com/ref"]');
400
+ input.select();
401
+ document.execCommand('copy');
402
+
403
+ const button = document.querySelector('button[onclick="copyReferralLink()"]');
404
+ const originalIcon = button.innerHTML;
405
+ button.innerHTML = '<i class="fas fa-check"></i>';
406
+
407
+ setTimeout(() => {
408
+ button.innerHTML = originalIcon;
409
+ }, 2000);
410
+ }
411
+
412
+ // 2FA toggle
413
+ document.getElementById('2fa-toggle').addEventListener('change', function() {
414
+ if (this.checked) {
415
+ alert('Для включения 2FA следуйте инструкциям, которые мы отправим на ваш email');
416
+ }
417
+ });
418
+ </script>
419
+ <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/phase15" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
420
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Отлично. Тогда следующим блоком будет страница «Профиль». ⸻ 🔷 СТРАНИЦА «ПРОФИЛЬ» Раздел, где пользователь может управлять своими личными данными, безопасностью и настройками системы. ⸻ 🎯 ЦЕЛИ СТРАНИЦЫ 1. Дать пользователю полный контроль над своими данными 2. Управлять языком, платформой, Telegram, email и подпиской 3. Быстро получить поддержку 4. Мотивировать привязать Telegram и другие каналы связи ⸻ 🧱 СТРУКТУРА СТРАНИЦЫ «ПРОФИЛЬ» 🔹 1. Заголовок 👤 Мой профиль ⸻ 🔸 2. Блок “Основные данные” • 📧 Email (не редактируемый) • 📱 Telegram (привязан / не привязан) • 🌐 Язык интерфейса (RU / EN) • 📅 Дата регистрации ⸻ 🔸 3. Блок “Безопасность” • 🔑 Сменить пароль • 🕵️ 2FA (вкл/выкл) • 📍 Последний вход • 🧾 История активности (по IP) ⸻ 🔸 4. Блок “Интерфейс и удобство” • 🎛️ Цветовая тема (Тёмная / Светлая / Системная) • 🗂️ Уведомления по умолчанию (Telegram / Email) • 🖥️ Запоминать платформу • ⏱️ Таймаут сессии ⸻ 🔸 5. Блок “Связь и поддержка” • 📬 Кнопка “Написать в поддержку” • 📖 FAQ / База знаний • 📢 Обратная связь (оценить PhaseAI) ⸻ 🔸 6. Блок “Подписка и статус” • 🟢 Подписка: Активна / Неактивна • 📆 Дата окончания • 💳 Изменить тариф • 🔘 Кнопка «Оформить подписку» (если неактивна) ⸻ 🎨 ВИЗУАЛ • Аватар или иконка с инициалами пользователя • Стиль — корпоративный, строгий, в том же дизайне, что и дашборд • Цветовая разметка по статусу: подписка активна — зелёный, неактивна — красный ⸻ 🧠 ДОПОЛНИТЕЛЬНО • 🎁 Блок “Пригласи друга” (реферальная программа) • 📊 Блок «Моя статистика»: сколько прогнозов, какая точность, сколько времени в системе • 🔐 Кнопка “Удалить аккаунт” в самом низу (в меню “Опасная зона”) ⸻ Готов двигаться к странице “Подписка”?