Редизайн под новую Matrix-стилистику + RU/EN переключатель языка

Новая шапка (sticky, blur, мигающий курсор), нумерованные секции резюме
с полным опытом работы и новым разделом «Образование», карточки
проектов в стиле drwxr-xr-x, более яркий дождь на фоне. Добавлен
i18n-модуль (frontend/js/i18n.js) с переключателем EN/RU: резюме и
проекты полностью переведены, в игре переведены статичные подписи
интерфейса лобби и боя (данные от сервера остаются на русском).
This commit is contained in:
2026-08-09 21:42:57 +05:00
parent 201506bdbc
commit a1b123dd13
13 changed files with 658 additions and 186 deletions
+69 -7
View File
@@ -18,20 +18,34 @@
.hero-text .tagline {
margin: 0.75rem 0 0;
color: var(--color-silver);
color: var(--color-accent-dim);
max-width: 34ch;
}
.status-line {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.72rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--color-accent-dim);
margin: 0 0 0.75rem;
}
.status-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--color-accent);
box-shadow: 0 0 8px var(--color-accent-dim);
animation: blink 1.6s step-end infinite;
}
section {
margin: 3rem 0;
}
section > h2 {
font-size: 1rem;
font-weight: 400;
margin-bottom: 1.25rem;
}
.about p {
max-width: 68ch;
}
@@ -93,6 +107,54 @@ section > h2 {
color: var(--color-accent-dim);
}
.skill-group {
margin-bottom: 1.25rem;
}
.skill-group:last-child {
margin-bottom: 0;
}
.skill-group__title {
color: var(--color-silver);
font-size: 0.78rem;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 0.6rem;
}
.edu-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.edu-item__year {
color: var(--color-silver);
font-size: 0.8rem;
}
.edu-item__degree {
color: var(--color-fg);
font-weight: 600;
margin: 0.15rem 0;
}
.edu-item__school {
color: var(--color-silver);
font-size: 0.9rem;
}
.edu-item__detail {
color: var(--color-silver);
font-size: 0.83rem;
opacity: 0.85;
margin-top: 0.1rem;
}
@media (max-width: 640px) {
.hero {
flex-direction: column;