Hugging Face's logo

Spaces:
timoon811
/
my-space
Running

App Files Community
timoon811 commited on
Commit
273d5c4
·
verified ·
1 Parent(s): 253cd51

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +410 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: My Space
3
- emoji: 🏃
4
- colorFrom: blue
5
- colorTo: red
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: my-space
3
+ emoji: 🐳
4
+ colorFrom: green
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,410 @@
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>Aviator Predictor</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 planeTakeoff {
11
+ 0% { transform: translate(0, 0) scale(1); opacity: 1; }
12
+ 50% { transform: translate(100px, -50px) scale(1.2); opacity: 1; }
13
+ 100% { transform: translate(200px, -100px) scale(0); opacity: 0; }
14
+ }
15
+
16
+ @keyframes planeCrash {
17
+ 0% { transform: translate(0, 0) rotate(0deg); }
18
+ 100% { transform: translate(100px, 100px) rotate(45deg); }
19
+ }
20
+
21
+ .plane-animation {
22
+ animation: planeTakeoff 3s ease-in-out forwards;
23
+ }
24
+
25
+ .plane-crash {
26
+ animation: planeCrash 1s ease-in forwards;
27
+ }
28
+
29
+ .graph-line {
30
+ stroke-dasharray: 1000;
31
+ stroke-dashoffset: 1000;
32
+ animation: dash 3s linear forwards;
33
+ }
34
+
35
+ @keyframes dash {
36
+ to {
37
+ stroke-dashoffset: 0;
38
+ }
39
+ }
40
+
41
+ .pulse {
42
+ animation: pulse 2s infinite;
43
+ }
44
+
45
+ @keyframes pulse {
46
+ 0% { transform: scale(1); }
47
+ 50% { transform: scale(1.05); }
48
+ 100% { transform: scale(1); }
49
+ }
50
+
51
+ .blink {
52
+ animation: blink 1s step-start infinite;
53
+ }
54
+
55
+ @keyframes blink {
56
+ 50% { opacity: 0; }
57
+ }
58
+ </style>
59
+ </head>
60
+ <body class="bg-gray-900 text-white min-h-screen">
61
+ <div class="container mx-auto px-4 py-8">
62
+ <header class="flex justify-between items-center mb-8">
63
+ <div class="flex items-center">
64
+ <i class="fas fa-plane-departure text-3xl text-blue-400 mr-3"></i>
65
+ <h1 class="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">Aviator Predictor PRO</h1>
66
+ </div>
67
+ <div class="flex items-center space-x-4">
68
+ <div class="bg-gray-800 px-4 py-2 rounded-lg flex items-center">
69
+ <i class="fas fa-coins text-yellow-400 mr-2"></i>
70
+ <span id="balance">1000</span>
71
+ </div>
72
+ <button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-lg flex items-center">
73
+ <i class="fas fa-user-circle mr-2"></i>
74
+ Профиль
75
+ </button>
76
+ </div>
77
+ </header>
78
+
79
+ <main class="grid grid-cols-1 lg:grid-cols-3 gap-8">
80
+ <div class="lg:col-span-2 bg-gray-800 rounded-xl p-6 shadow-lg">
81
+ <div class="flex justify-between items-center mb-6">
82
+ <h2 class="text-xl font-semibold">График полета</h2>
83
+ <div class="flex space-x-2">
84
+ <div class="bg-gray-700 px-3 py-1 rounded-lg">
85
+ <span class="text-green-400">Онлайн:</span> <span id="online-count">1,247</span>
86
+ </div>
87
+ <div class="bg-gray-700 px-3 py-1 rounded-lg">
88
+ <span class="text-blue-400">Раунд:</span> <span id="round-number">#98234</span>
89
+ </div>
90
+ </div>
91
+ </div>
92
+
93
+ <div class="relative h-64 bg-gray-900 rounded-lg p-4 mb-6 overflow-hidden">
94
+ <svg id="graph" width="100%" height="100%" viewBox="0 0 300 150" class="absolute top-0 left-0">
95
+ <path id="graph-line" class="graph-line" stroke="#3B82F6" stroke-width="2" fill="none" d="M0,150 L50,120 L100,100 L150,50 L200,20 L250,10 L300,0"></path>
96
+ <circle id="plane" cx="0" cy="150" r="5" fill="#EF4444">
97
+ <animateMotion id="plane-motion" path="M0,150 L50,120 L100,100 L150,50 L200,20 L250,10 L300,0" dur="3s" fill="freeze" />
98
+ </circle>
99
+ <text x="10" y="20" fill="#FFFFFF" font-size="12">Коэффициент</text>
100
+ <text x="270" y="145" fill="#FFFFFF" font-size="12">Время</text>
101
+ </svg>
102
+
103
+ <div id="multiplier-display" class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-5xl font-bold bg-black bg-opacity-50 px-6 py-3 rounded-full hidden">
104
+ <span id="current-multiplier" class="text-green-400">1.00x</span>
105
+ </div>
106
+
107
+ <div id="crash-message" class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-3xl font-bold bg-red-900 bg-opacity-80 px-6 py-3 rounded-full hidden">
108
+ <span>Самолет упал!</span>
109
+ </div>
110
+ </div>
111
+
112
+ <div class="grid grid-cols-3 gap-4 mb-6">
113
+ <div class="bg-gray-700 p-4 rounded-lg">
114
+ <div class="text-gray-400 text-sm mb-1">Предыдущий раунд</div>
115
+ <div class="text-2xl font-bold text-green-400">2.34x</div>
116
+ </div>
117
+ <div class="bg-gray-700 p-4 rounded-lg">
118
+ <div class="text-gray-400 text-sm mb-1">Средний коэффициент</div>
119
+ <div class="text-2xl font-bold text-blue-400">1.98x</div>
120
+ </div>
121
+ <div class="bg-gray-700 p-4 rounded-lg">
122
+ <div class="text-gray-400 text-sm mb-1">Максимальный</div>
123
+ <div class="text-2xl font-bold text-purple-400">8.76x</div>
124
+ </div>
125
+ </div>
126
+
127
+ <div class="bg-gray-700 p-4 rounded-lg mb-6">
128
+ <div class="flex justify-between items-center mb-2">
129
+ <div class="text-gray-400">Прогноз следующего раунда</div>
130
+ <div class="flex items-center">
131
+ <i class="fas fa-bolt text-yellow-400 mr-1"></i>
132
+ <span class="text-sm font-semibold">87% точность</span>
133
+ </div>
134
+ </div>
135
+ <div class="flex justify-between items-center">
136
+ <div class="text-3xl font-bold text-green-400 blink" id="prediction-value">2.15x</div>
137
+ <div class="text-xs text-gray-400">Обновление через: <span id="countdown">5</span>с</div>
138
+ </div>
139
+ </div>
140
+
141
+ <div class="bg-gray-700 p-4 rounded-lg">
142
+ <h3 class="text-lg font-semibold mb-3">Статистика последних раундов</h3>
143
+ <div class="grid grid-cols-5 gap-2 text-center">
144
+ <div class="bg-green-900 bg-opacity-50 p-2 rounded">1.24x</div>
145
+ <div class="bg-red-900 bg-opacity-50 p-2 rounded">1.01x</div>
146
+ <div class="bg-green-900 bg-opacity-50 p-2 rounded">3.45x</div>
147
+ <div class="bg-green-900 bg-opacity-50 p-2 rounded">1.67x</div>
148
+ <div class="bg-red-900 bg-opacity-50 p-2 rounded">1.12x</div>
149
+ </div>
150
+ </div>
151
+ </div>
152
+
153
+ <div class="bg-gray-800 rounded-xl p-6 shadow-lg">
154
+ <h2 class="text-xl font-semibold mb-6">Сделать ставку</h2>
155
+
156
+ <div class="mb-6">
157
+ <label class="block text-gray-400 mb-2">Сумма ставки</label>
158
+ <div class="relative">
159
+ <input type="number" id="bet-amount" value="100" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-blue-500">
160
+ <div class="absolute right-3 top-3 flex space-x-1">
161
+ <button class="bet-btn bg-gray-600 hover:bg-gray-500 px-2 rounded" data-multiplier="0.5">½</button>
162
+ <button class="bet-btn bg-gray-600 hover:bg-gray-500 px-2 rounded" data-multiplier="2">2x</button>
163
+ <button class="bet-btn bg-gray-600 hover:bg-gray-500 px-2 rounded" data-multiplier="max">MAX</button>
164
+ </div>
165
+ </div>
166
+ </div>
167
+
168
+ <div class="mb-6">
169
+ <label class="block text-gray-400 mb-2">Авто-выход (x)</label>
170
+ <input type="number" id="auto-cashout" value="2.00" step="0.1" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-blue-500">
171
+ </div>
172
+
173
+ <div class="mb-6">
174
+ <label class="block text-gray-400 mb-2">Коэффициент</label>
175
+ <div class="relative">
176
+ <div class="absolute left-3 top-3 text-gray-400">x</div>
177
+ <input type="number" id="manual-cashout" value="1.50" step="0.1" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-8 py-3 focus:outline-none focus:ring-2 focus:ring-blue-500">
178
+ </div>
179
+ </div>
180
+
181
+ <button id="place-bet-btn" class="w-full bg-gradient-to-r from-green-500 to-green-600 hover:from-green-600 hover:to-green-700 text-white font-bold py-4 px-4 rounded-lg mb-4 flex items-center justify-center pulse">
182
+ <i class="fas fa-rocket mr-2"></i>
183
+ Сделать ставку
184
+ </button>
185
+
186
+ <button id="auto-bet-btn" class="w-full bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 text-white font-bold py-3 px-4 rounded-lg mb-2 flex items-center justify-center">
187
+ <i class="fas fa-cog mr-2"></i>
188
+ Авто-ставка
189
+ </button>
190
+
191
+ <div class="bg-gray-700 p-4 rounded-lg mt-6">
192
+ <h3 class="text-lg font-semibold mb-3">Ваши ставки</h3>
193
+ <div class="space-y-2">
194
+ <div class="flex justify-between items-center bg-gray-600 p-2 rounded">
195
+ <div>
196
+ <div class="font-semibold">2.15x</div>
197
+ <div class="text-xs text-gray-300">#98233</div>
198
+ </div>
199
+ <div class="text-green-400 font-bold">+215</div>
200
+ </div>
201
+ <div class="flex justify-between items-center bg-gray-600 p-2 rounded">
202
+ <div>
203
+ <div class="font-semibold">1.01x</div>
204
+ <div class="text-xs text-gray-300">#98232</div>
205
+ </div>
206
+ <div class="text-red-400 font-bold">-100</div>
207
+ </div>
208
+ </div>
209
+ </div>
210
+ </div>
211
+ </main>
212
+
213
+ <div class="mt-8 bg-gray-800 rounded-xl p-6 shadow-lg">
214
+ <h2 class="text-xl font-semibold mb-4">Как работает предсказатель?</h2>
215
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
216
+ <div class="bg-gray-700 p-4 rounded-lg">
217
+ <div class="flex items-center mb-2">
218
+ <div class="bg-blue-600 rounded-full w-8 h-8 flex items-center justify-center mr-3">
219
+ <span class="font-bold">1</span>
220
+ </div>
221
+ <h3 class="font-semibold">Анализ статистики</h3>
222
+ </div>
223
+ <p class="text-gray-300 text-sm">Наш алгоритм анализирует последние 1000 раундов, выявляя закономерности и тенденции в коэффициентах.</p>
224
+ </div>
225
+ <div class="bg-gray-700 p-4 rounded-lg">
226
+ <div class="flex items-center mb-2">
227
+ <div class="bg-blue-600 rounded-full w-8 h-8 flex items-center justify-center mr-3">
228
+ <span class="font-bold">2</span>
229
+ </div>
230
+ <h3 class="font-semibold">Нейросеть</h3>
231
+ </div>
232
+ <p class="text-gray-300 text-sm">Искусственный интеллект обрабатывает данные и делает прогноз с точностью до 87%.</p>
233
+ </div>
234
+ <div class="bg-gray-700 p-4 rounded-lg">
235
+ <div class="flex items-center mb-2">
236
+ <div class="bg-blue-600 rounded-full w-8 h-8 flex items-center justify-center mr-3">
237
+ <span class="font-bold">3</span>
238
+ </div>
239
+ <h3 class="font-semibold">Обновление</h3>
240
+ </div>
241
+ <p class="text-gray-300 text-sm">Прогноз обновляется каждые 5 секунд, чтобы учитывать последние изменения в игре.</p>
242
+ </div>
243
+ </div>
244
+ </div>
245
+ </div>
246
+
247
+ <script>
248
+ document.addEventListener('DOMContentLoaded', function() {
249
+ // Элементы интерфейса
250
+ const balanceElement = document.getElementById('balance');
251
+ const betAmountInput = document.getElementById('bet-amount');
252
+ const placeBetBtn = document.getElementById('place-bet-btn');
253
+ const predictionValue = document.getElementById('prediction-value');
254
+ const countdownElement = document.getElementById('countdown');
255
+ const multiplierDisplay = document.getElementById('multiplier-display');
256
+ const currentMultiplier = document.getElementById('current-multiplier');
257
+ const crashMessage = document.getElementById('crash-message');
258
+ const graphLine = document.getElementById('graph-line');
259
+ const plane = document.getElementById('plane');
260
+ const planeMotion = document.getElementById('plane-motion');
261
+ const roundNumberElement = document.getElementById('round-number');
262
+
263
+ // Настройки игры
264
+ let balance = 1000;
265
+ let roundNumber = 98234;
266
+ let countdown = 5;
267
+ let isGameRunning = false;
268
+
269
+ // Кнопки изменения ставки
270
+ document.querySelectorAll('.bet-btn').forEach(btn => {
271
+ btn.addEventListener('click', function() {
272
+ const currentBet = parseFloat(betAmountInput.value) || 0;
273
+ const multiplier = this.dataset.multiplier;
274
+
275
+ if (multiplier === 'max') {
276
+ betAmountInput.value = balance;
277
+ } else if (multiplier === '0.5') {
278
+ betAmountInput.value = Math.floor(currentBet * 0.5);
279
+ } else if (multiplier === '2') {
280
+ const newBet = currentBet * 2;
281
+ betAmountInput.value = newBet > balance ? balance : newBet;
282
+ }
283
+ });
284
+ });
285
+
286
+ // Обновление прогноза каждые 5 секунд
287
+ function updatePrediction() {
288
+ // Генерируем случайный коэффициент от 1.1 до 5 с шагом 0.01
289
+ const randomMultiplier = (Math.random() * 4 + 1.1).toFixed(2);
290
+ predictionValue.textContent = randomMultiplier + 'x';
291
+
292
+ // Сброс счетчика
293
+ countdown = 5;
294
+ updateCountdown();
295
+
296
+ // Запускаем новый отсчет
297
+ setTimeout(updatePrediction, 5000);
298
+ }
299
+
300
+ // Обновление счетчика
301
+ function updateCountdown() {
302
+ countdownElement.textContent = countdown;
303
+ if (countdown > 0) {
304
+ countdown--;
305
+ setTimeout(updateCountdown, 1000);
306
+ }
307
+ }
308
+
309
+ // Запуск игры
310
+ placeBetBtn.addEventListener('click', function() {
311
+ if (isGameRunning) return;
312
+
313
+ const betAmount = parseFloat(betAmountInput.value);
314
+ if (isNaN(betAmount) || betAmount <= 0 || betAmount > balance) {
315
+ alert('Введите корректную сумму ставки!');
316
+ return;
317
+ }
318
+
319
+ isGameRunning = true;
320
+ balance -= betAmount;
321
+ balanceElement.textContent = balance;
322
+ roundNumber++;
323
+ roundNumberElement.textContent = '#' + roundNumber;
324
+
325
+ // Скрываем сообщения
326
+ multiplierDisplay.classList.add('hidden');
327
+ crashMessage.classList.add('hidden');
328
+
329
+ // Сбрасываем анимации
330
+ plane.setAttribute('cx', '0');
331
+ plane.setAttribute('cy', '150');
332
+ planeMotion.beginElement();
333
+
334
+ // Генерируем случайный коэффициент (от 1.01 до 10)
335
+ const crashPoint = Math.random() * 9 + 1.01;
336
+ const crashMultiplier = crashPoint.toFixed(2);
337
+
338
+ // Создаем новый путь для графика
339
+ const pathPoints = [];
340
+ pathPoints.push('M0,150');
341
+
342
+ // Генерируем точки для графика
343
+ const steps = 20;
344
+ for (let i = 1; i <= steps; i++) {
345
+ const x = (300 / steps) * i;
346
+ let y;
347
+
348
+ if (i/steps * 10 < crashPoint) {
349
+ // До точки краша - плавный подъем
350
+ const progress = i/steps;
351
+ const curve = Math.sin(progress * Math.PI/2);
352
+ y = 150 - (curve * 150 * (crashPoint/10));
353
+ } else {
354
+ // После точки краша - резкое падение
355
+ y = 150;
356
+ }
357
+
358
+ pathPoints.push(`L${x},${y}`);
359
+ }
360
+
361
+ // Обновляем путь графика
362
+ graphLine.setAttribute('d', pathPoints.join(' '));
363
+
364
+ // Показываем текущий коэффициент во время полета
365
+ multiplierDisplay.classList.remove('hidden');
366
+
367
+ // Анимация полета и обновление коэффициента
368
+ let currentMultiplierValue = 1.00;
369
+ const multiplierInterval = setInterval(() => {
370
+ currentMultiplierValue += 0.05 + Math.random() * 0.1;
371
+
372
+ if (currentMultiplierValue >= crashMultiplier) {
373
+ clearInterval(multiplierInterval);
374
+ currentMultiplierValue = crashMultiplier;
375
+
376
+ // Самолет упал
377
+ setTimeout(() => {
378
+ crashMessage.classList.remove('hidden');
379
+ isGameRunning = false;
380
+
381
+ // Проверяем автовыход
382
+ const autoCashout = parseFloat(document.getElementById('auto-cashout').value);
383
+ if (autoCashout && currentMultiplierValue >= autoCashout) {
384
+ const winAmount = betAmount * autoCashout;
385
+ balance += winAmount;
386
+ balanceElement.textContent = balance;
387
+ alert(`Автовыход на ${autoCashout}x! Вы выиграли: ${winAmount.toFixed(2)}`);
388
+ }
389
+ }, 500);
390
+ }
391
+
392
+ currentMultiplier.textContent = currentMultiplierValue.toFixed(2) + 'x';
393
+ }, 100);
394
+ });
395
+
396
+ // Запускаем обновление прогноза
397
+ updatePrediction();
398
+
399
+ // Имитация онлайн игроков
400
+ setInterval(() => {
401
+ const onlineCount = document.getElementById('online-count');
402
+ const currentCount = parseInt(onlineCount.textContent.replace(',', ''));
403
+ const change = Math.floor(Math.random() * 20) - 10; // от -10 до +10
404
+ const newCount = Math.max(1000, currentCount + change);
405
+ onlineCount.textContent = newCount.toLocaleString();
406
+ }, 3000);
407
+ });
408
+ </script>
409
+ <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/my-space" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
410
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Сделай интерактивный сайт на игру Aviator - который будет якобы предсказывать коэфициенты следующей игры!