TrikozikGames commited on
Commit
ac9c8e3
·
verified ·
1 Parent(s): 7968947

Delete index.html

Browse files
Files changed (1) hide show
  1. index.html +0 -169
index.html DELETED
@@ -1,169 +0,0 @@
1
-
2
- <!DOCTYPE html>
3
- <html lang="en">
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <style>
8
- body {
9
- background-color: white; /* Ensure the iframe has a white background */
10
- }
11
-
12
-
13
- </style>
14
- </head>
15
- <body>
16
- <!DOCTYPE html>
17
- <html lang="ru">
18
- <head>
19
- <meta charset="UTF-8">
20
- <title>🚀 Space Status</title>
21
- <style>
22
- * { margin: 0; padding: 0; box-sizing: border-box; }
23
-
24
- body {
25
- background: #0a0a0f;
26
- display: flex;
27
- justify-content: center;
28
- align-items: center;
29
- min-height: 100vh;
30
- font-family: 'Segoe UI', system-ui, sans-serif;
31
- overflow: hidden;
32
- }
33
-
34
- /* Анимированные частицы */
35
- .particles {
36
- position: fixed;
37
- top: 0; left: 0;
38
- width: 100%; height: 100%;
39
- pointer-events: none;
40
- }
41
- .particle {
42
- position: absolute;
43
- background: radial-gradient(circle, #58a6ff 0%, transparent 70%);
44
- border-radius: 50%;
45
- animation: float 6s infinite ease-in-out;
46
- }
47
- @keyframes float {
48
- 0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }
49
- 50% { transform: translateY(-40px) scale(1.5); opacity: 0.8; }
50
- }
51
-
52
- /* Основная карточка */
53
- .card {
54
- background: rgba(22, 27, 34, 0.9);
55
- backdrop-filter: blur(20px);
56
- border: 1px solid rgba(88, 166, 255, 0.3);
57
- border-radius: 20px;
58
- padding: 50px 70px;
59
- text-align: center;
60
- position: relative;
61
- z-index: 1;
62
- box-shadow:
63
- 0 0 60px rgba(88, 166, 255, 0.1),
64
- inset 0 0 30px rgba(88, 166, 255, 0.05);
65
- animation: glow 3s infinite alternate;
66
- }
67
- @keyframes glow {
68
- 0% { box-shadow: 0 0 40px rgba(88, 166, 255, 0.1); }
69
- 100% { box-shadow: 0 0 80px rgba(88, 166, 255, 0.25); }
70
- }
71
-
72
- .icon {
73
- font-size: 4rem;
74
- animation: bounce 2s infinite;
75
- }
76
- @keyframes bounce {
77
- 0%, 100% { transform: translateY(0); }
78
- 50% { transform: translateY(-12px); }
79
- }
80
-
81
- h1 {
82
- color: #58a6ff;
83
- font-size: 2.4rem;
84
- margin: 16px 0 8px;
85
- letter-spacing: -0.5px;
86
- }
87
-
88
- .subtitle {
89
- color: #8b949e;
90
- font-size: 1.1rem;
91
- }
92
-
93
- .status-row {
94
- display: flex;
95
- align-items: center;
96
- justify-content: center;
97
- gap: 10px;
98
- margin: 24px 0 12px;
99
- }
100
- .pulse {
101
- width: 10px; height: 10px;
102
- background: #3fb950;
103
- border-radius: 50%;
104
- animation: pulse 1.5s infinite;
105
- }
106
- @keyframes pulse {
107
- 0%, 100% { box-shadow: 0 0 0 0 rgba(63, 185, 80, 0.7); }
108
- 50% { box-shadow: 0 0 0 14px rgba(63, 185, 80, 0); }
109
- }
110
- .status-text {
111
- color: #3fb950;
112
- font-weight: 600;
113
- font-size: 1rem;
114
- letter-spacing: 1px;
115
- text-transform: uppercase;
116
- }
117
-
118
- .uptime {
119
- color: #6e7681;
120
- font-size: 0.85rem;
121
- margin-top: 16px;
122
- border-top: 1px solid rgba(255,255,255,0.06);
123
- padding-top: 16px;
124
- }
125
- .uptime span {
126
- color: #e6edf3;
127
- font-weight: 600;
128
- }
129
- </style>
130
- </head>
131
- <body>
132
-
133
- <!-- Частицы -->
134
- <div class="particles">
135
- <div class="particle" style="left:10%; top:20%; width:8px; height:8px; animation-delay:0s;"></div>
136
- <div class="particle" style="left:25%; top:60%; width:6px; height:6px; animation-delay:1s;"></div>
137
- <div class="particle" style="left:50%; top:30%; width:10px; height:10px; animation-delay:2s;"></div>
138
- <div class="particle" style="left:70%; top:50%; width:5px; height:5px; animation-delay:3s;"></div>
139
- <div class="particle" style="left:85%; top:15%; width:7px; height:7px; animation-delay:4s;"></div>
140
- <div class="particle" style="left:40%; top:75%; width:9px; height:9px; animation-delay:5s;"></div>
141
- </div>
142
-
143
- <!-- Карточка -->
144
- <div class="card">
145
- <div class="icon">🛰️</div>
146
- <h1>Space Активен</h1>
147
- <p class="subtitle">Docker · Hugging Face · Online</p>
148
-
149
- <div class="status-row">
150
- <div class="pulse"></div>
151
- <span class="status-text">Running 24/7</span>
152
- </div>
153
-
154
- <p class="uptime">
155
- Сервер: <span>Online</span> &nbsp;|&nbsp;
156
- Порт: <span>80</span> &nbsp;|&nbsp;
157
- Готов к работе
158
- </p>
159
- </div>
160
-
161
- </body>
162
- </html>
163
-
164
- <script>
165
-
166
- </script>
167
- </body>
168
- </html>
169
-