Редизайн под новую Matrix-стилистику + RU/EN переключатель языка
Новая шапка (sticky, blur, мигающий курсор), нумерованные секции резюме с полным опытом работы и новым разделом «Образование», карточки проектов в стиле drwxr-xr-x, более яркий дождь на фоне. Добавлен i18n-модуль (frontend/js/i18n.js) с переключателем EN/RU: резюме и проекты полностью переведены, в игре переведены статичные подписи интерфейса лобби и боя (данные от сервера остаются на русском).
This commit is contained in:
+69
-7
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user