Hugging Face's logo

Spaces:
SallyHS
/
translate
Running

App Files Community
SallyHS commited on
Commit
bc0e9ea
·
verified ·
1 Parent(s): 000ca47

Напиши сайт где будут для поклонников переводчика где будут блоки с играми которые закреплены за переводчиком их прогресс и история перевода(какие версии были переведны до этого), стиль современный, минималистичный и красивый - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +322 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Translate
3
- emoji: 🔥
4
- colorFrom: red
5
- colorTo: blue
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: translate
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: purple
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,322 @@
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>Game Translations Hub</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
+ .game-card {
11
+ transition: all 0.3s ease;
12
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
13
+ }
14
+ .game-card:hover {
15
+ transform: translateY(-5px);
16
+ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
17
+ }
18
+ .progress-bar {
19
+ height: 6px;
20
+ border-radius: 3px;
21
+ overflow: hidden;
22
+ }
23
+ .progress-fill {
24
+ height: 100%;
25
+ transition: width 0.5s ease;
26
+ }
27
+ .timeline-item:not(:last-child)::after {
28
+ content: '';
29
+ position: absolute;
30
+ left: 11px;
31
+ top: 24px;
32
+ height: calc(100% - 24px);
33
+ width: 2px;
34
+ background-color: #e2e8f0;
35
+ }
36
+ .dropdown-content {
37
+ display: none;
38
+ opacity: 0;
39
+ transition: opacity 0.3s ease, transform 0.3s ease;
40
+ transform: translateY(-10px);
41
+ }
42
+ .dropdown:hover .dropdown-content {
43
+ display: block;
44
+ opacity: 1;
45
+ transform: translateY(0);
46
+ }
47
+ @keyframes pulse {
48
+ 0%, 100% { opacity: 1; }
49
+ 50% { opacity: 0.5; }
50
+ }
51
+ .animate-pulse {
52
+ animation: pulse 2s infinite;
53
+ }
54
+ </style>
55
+ </head>
56
+ <body class="bg-gray-50 font-sans text-gray-800">
57
+ <!-- Header -->
58
+ <header class="bg-white shadow-sm sticky top-0 z-10">
59
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
60
+ <div class="flex items-center space-x-2">
61
+ <i class="fas fa-language text-2xl text-indigo-600"></i>
62
+ <h1 class="text-xl font-bold text-gray-800">GameTranslator</h1>
63
+ </div>
64
+ <nav class="hidden md:flex space-x-6">
65
+ <a href="#" class="text-indigo-600 font-medium">Главная</a>
66
+ <a href="#" class="text-gray-600 hover:text-indigo-600 transition">Проекты</a>
67
+ <a href="#" class="text-gray-600 hover:text-indigo-600 transition">Блог</a>
68
+ <a href="#" class="text-gray-600 hover:text-indigo-600 transition">Контакты</a>
69
+ </nav>
70
+ <div class="flex items-center space-x-4">
71
+ <button class="md:hidden text-gray-600">
72
+ <i class="fas fa-bars text-xl"></i>
73
+ </button>
74
+ <div class="relative dropdown">
75
+ <button class="flex items-center space-x-1 text-gray-600 hover:text-indigo-600 transition">
76
+ <span class="hidden md:inline">Профиль</span>
77
+ <i class="fas fa-user-circle text-xl"></i>
78
+ </button>
79
+ <div class="dropdown-content absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-20">
80
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-indigo-50">Настройки</a>
81
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-indigo-50">Выйти</a>
82
+ </div>
83
+ </div>
84
+ </div>
85
+ </div>
86
+ </header>
87
+
88
+ <!-- Hero Section -->
89
+ <section class="bg-gradient-to-r from-indigo-500 to-purple-600 text-white py-16">
90
+ <div class="container mx-auto px-4 text-center">
91
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Добро пожаловать в мир локализаций</h2>
92
+ <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Следите за прогрессом переводов ваших любимых игр</p>
93
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
94
+ <button class="bg-white text-indigo-600 px-6 py-3 rounded-lg font-medium hover:bg-gray-100 transition">Подписаться</button>
95
+ <button class="bg-transparent border-2 border-white px-6 py-3 rounded-lg font-medium hover:bg-white hover:bg-opacity-10 transition">Узнать больше</button>
96
+ </div>
97
+ </div>
98
+ </section>
99
+
100
+ <!-- Main Content -->
101
+ <main class="container mx-auto px-4 py-12">
102
+ <!-- Filters -->
103
+ <div class="mb-8 flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
104
+ <div>
105
+ <h3 class="text-2xl font-bold text-gray-800">Активные проекты</h3>
106
+ <p class="text-gray-600">Последние обновления по переводам</p>
107
+ </div>
108
+ <div class="flex flex-wrap gap-3">
109
+ <button class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition">Все</button>
110
+ <button class="px-4 py-2 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition">В работе</button>
111
+ <button class="px-4 py-2 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition">Завершённые</button>
112
+ <button class="px-4 py-2 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition">Популярные</button>
113
+ </div>
114
+ </div>
115
+
116
+ <!-- Games Grid -->
117
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
118
+ <!-- Game Card 1 -->
119
+ <div class="game-card bg-white rounded-xl overflow-hidden border border-gray-100">
120
+ <div class="relative">
121
+ <img src="https://via.placeholder.com/600x400/4f46e5/ffffff?text=Cyberpunk+2077" alt="Cyberpunk 2077" class="w-full h-48 object-cover">
122
+ <div class="absolute top-3 left-3 bg-indigo-600 text-white text-xs px-2 py-1 rounded">В работе</div>
123
+ </div>
124
+ <div class="p-5">
125
+ <div class="flex justify-between items-start mb-3">
126
+ <h4 class="text-xl font-bold text-gray-800">Cyberpunk 2077</h4>
127
+ <span class="text-xs bg-indigo-100 text-indigo-800 px-2 py-1 rounded-full">v2.1</span>
128
+ </div>
129
+ <p class="text-gray-600 text-sm mb-4">Полный перевод интерфейса, субтитров и озвучки</p>
130
+
131
+ <div class="mb-4">
132
+ <div class="flex justify-between text-sm text-gray-600 mb-1">
133
+ <span>Прогресс</span>
134
+ <span>78%</span>
135
+ </div>
136
+ <div class="progress-bar bg-gray-200">
137
+ <div class="progress-fill bg-indigo-600" style="width: 78%"></div>
138
+ </div>
139
+ </div>
140
+
141
+ <div class="flex justify-between text-sm text-gray-500 mb-4">
142
+ <div class="flex items-center">
143
+ <i class="fas fa-calendar-alt mr-1"></i>
144
+ <span>Начато: 15.01.2023</span>
145
+ </div>
146
+ <div class="flex items-center">
147
+ <i class="fas fa-users mr-1"></i>
148
+ <span>3 переводчика</span>
149
+ </div>
150
+ </div>
151
+
152
+ <button class="w-full bg-indigo-600 hover:bg-indigo-700 text-white py-2 rounded-lg transition flex items-center justify-center">
153
+ <i class="fas fa-info-circle mr-2"></i>
154
+ <span>Подробнее</span>
155
+ </button>
156
+ </div>
157
+ </div>
158
+
159
+ <!-- Game Card 2 -->
160
+ <div class="game-card bg-white rounded-xl overflow-hidden border border-gray-100">
161
+ <div class="relative">
162
+ <img src="https://via.placeholder.com/600x400/10b981/ffffff?text=Baldur's+Gate+3" alt="Baldur's Gate 3" class="w-full h-48 object-cover">
163
+ <div class="absolute top-3 left-3 bg-green-600 text-white text-xs px-2 py-1 rounded">Завершён</div>
164
+ </div>
165
+ <div class="p-5">
166
+ <div class="flex justify-between items-start mb-3">
167
+ <h4 class="text-xl font-bold text-gray-800">Baldur's Gate 3</h4>
168
+ <span class="text-xs bg-green-100 text-green-800 px-2 py-1 rounded-full">v1.0</span>
169
+ </div>
170
+ <p class="text-gray-600 text-sm mb-4">Полный перевод интерфейса и субтитров</p>
171
+
172
+ <div class="mb-4">
173
+ <div class="flex justify-between text-sm text-gray-600 mb-1">
174
+ <span>Прогресс</span>
175
+ <span>100%</span>
176
+ </div>
177
+ <div class="progress-bar bg-gray-200">
178
+ <div class="progress-fill bg-green-600" style="width: 100%"></div>
179
+ </div>
180
+ </div>
181
+
182
+ <div class="flex justify-between text-sm text-gray-500 mb-4">
183
+ <div class="flex items-center">
184
+ <i class="fas fa-calendar-alt mr-1"></i>
185
+ <span>Начато: 10.03.2022</span>
186
+ </div>
187
+ <div class="flex items-center">
188
+ <i class="fas fa-users mr-1"></i>
189
+ <span>5 переводчиков</span>
190
+ </div>
191
+ </div>
192
+
193
+ <button class="w-full bg-green-600 hover:bg-green-700 text-white py-2 rounded-lg transition flex items-center justify-center">
194
+ <i class="fas fa-history mr-2"></i>
195
+ <span>История версий</span>
196
+ </button>
197
+ </div>
198
+ </div>
199
+
200
+ <!-- Game Card 3 -->
201
+ <div class="game-card bg-white rounded-xl overflow-hidden border border-gray-100">
202
+ <div class="relative">
203
+ <img src="https://via.placeholder.com/600x400/f59e0b/ffffff?text=The+Witcher+3" alt="The Witcher 3" class="w-full h-48 object-cover">
204
+ <div class="absolute top-3 left-3 bg-yellow-500 text-white text-xs px-2 py-1 rounded">Обновляется</div>
205
+ </div>
206
+ <div class="p-5">
207
+ <div class="flex justify-between items-start mb-3">
208
+ <h4 class="text-xl font-bold text-gray-800">The Witcher 3</h4>
209
+ <span class="text-xs bg-yellow-100 text-yellow-800 px-2 py-1 rounded-full">v4.04</span>
210
+ </div>
211
+ <p class="text-gray-600 text-sm mb-4">Обновление перевода для Next-Gen версии</p>
212
+
213
+ <div class="mb-4">
214
+ <div class="flex justify-between text-sm text-gray-600 mb-1">
215
+ <span>Прогресс</span>
216
+ <span>45%</span>
217
+ </div>
218
+ <div class="progress-bar bg-gray-200">
219
+ <div class="progress-fill bg-yellow-500" style="width: 45%"></div>
220
+ </div>
221
+ </div>
222
+
223
+ <div class="flex justify-between text-sm text-gray-500 mb-4">
224
+ <div class="flex items-center">
225
+ <i class="fas fa-calendar-alt mr-1"></i>
226
+ <span>Начато: 05.12.2022</span>
227
+ </div>
228
+ <div class="flex items-center">
229
+ <i class="fas fa-users mr-1"></i>
230
+ <span>2 переводчика</span>
231
+ </div>
232
+ </div>
233
+
234
+ <button class="w-full bg-yellow-500 hover:bg-yellow-600 text-white py-2 rounded-lg transition flex items-center justify-center">
235
+ <i class="fas fa-comment-dots mr-2"></i>
236
+ <span>Обсудить</span>
237
+ </button>
238
+ </div>
239
+ </div>
240
+ </div>
241
+
242
+ <!-- Translation History Section -->
243
+ <section class="mt-16">
244
+ <h3 class="text-2xl font-bold text-gray-800 mb-6">История переводов</h3>
245
+
246
+ <div class="bg-white rounded-xl border border-gray-100 overflow-hidden">
247
+ <div class="p-5 border-b border-gray-100">
248
+ <h4 class="text-lg font-semibold text-gray-800 flex items-center">
249
+ <i class="fas fa-scroll mr-2 text-indigo-600"></i>
250
+ The Witcher 3: Wild Hunt
251
+ </h4>
252
+ </div>
253
+
254
+ <div class="divide-y divide-gray-100">
255
+ <!-- Timeline Item -->
256
+ <div class="p-5 relative timeline-item">
257
+ <div class="flex items-start">
258
+ <div class="flex-shrink-0 bg-indigo-100 text-indigo-600 rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1">
259
+ <i class="fas fa-code-branch text-xs"></i>
260
+ </div>
261
+ <div>
262
+ <div class="flex items-center mb-1">
263
+ <span class="font-medium text-gray-800 mr-2">Версия 4.04</span>
264
+ <span class="text-xs bg-indigo-100 text-indigo-800 px-2 py-0.5 rounded-full">В работе</span>
265
+ </div>
266
+ <p class="text-sm text-gray-600 mb-2">Обновление перевода для Next-Gen версии игры. Добавлены новые строки, исправлены ошибки.</p>
267
+ <div class="text-xs text-gray-500 flex items-center">
268
+ <i class="fas fa-calendar-alt mr-1"></i>
269
+ <span>Начато: 14.12.2022</span>
270
+ <span class="mx-2">•</span>
271
+ <i class="fas fa-user mr-1"></i>
272
+ <span>Ведущий переводчик: AlexTranslator</span>
273
+ </div>
274
+ </div>
275
+ </div>
276
+ </div>
277
+
278
+ <!-- Timeline Item -->
279
+ <div class="p-5 relative timeline-item">
280
+ <div class="flex items-start">
281
+ <div class="flex-shrink-0 bg-green-100 text-green-600 rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1">
282
+ <i class="fas fa-check text-xs"></i>
283
+ </div>
284
+ <div>
285
+ <div class="flex items-center mb-1">
286
+ <span class="font-medium text-gray-800 mr-2">Версия 3.7</span>
287
+ <span class="text-xs bg-green-100 text-green-800 px-2 py-0.5 rounded-full">Завершён</span>
288
+ </div>
289
+ <p class="text-sm text-gray-600 mb-2">Полный перевод всех дополнений. Исправлены многочисленные ошибки в основном сюжете.</p>
290
+ <div class="text-xs text-gray-500 flex items-center">
291
+ <i class="fas fa-calendar-alt mr-1"></i>
292
+ <span>Завершён: 22.08.2021</span>
293
+ <span class="mx-2">•</span>
294
+ <i class="fas fa-user mr-1"></i>
295
+ <span>Ведущий переводчик: GameLocalizer</span>
296
+ </div>
297
+ <div class="mt-2 flex">
298
+ <a href="#" class="text-xs text-indigo-600 hover:underline mr-3 flex items-center">
299
+ <i class="fas fa-download mr-1"></i> Скачать
300
+ </a>
301
+ <a href="#" class="text-xs text-indigo-600 hover:underline flex items-center">
302
+ <i class="fas fa-list mr-1"></i> Список изменений
303
+ </a>
304
+ </div>
305
+ </div>
306
+ </div>
307
+ </div>
308
+
309
+ <!-- Timeline Item -->
310
+ <div class="p-5 relative timeline-item">
311
+ <div class="flex items-start">
312
+ <div class="flex-shrink-0 bg-gray-100 text-gray-600 rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1">
313
+ <i class="fas fa-archive text-xs"></i>
314
+ </div>
315
+ <div>
316
+ <div class="flex items-center mb-1">
317
+ <span class="font-medium text-gray-800 mr-2">Версия 2.1</span>
318
+ <span class="text-xs bg-gray-100 text-gray-800 px-2 py-0.5 rounded-full">Архив</span>
319
+ </div>
320
+ <p class="text-sm
321
+ <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=SallyHS/translate" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
322
+ </html>