Skip to content

Commit 98e8005

Browse files
AnmiTaliDevAnmiTaliDev
committed
redesign: darker theme, hero rework, update team
1 parent 9c9a1ed commit 98e8005

File tree

3 files changed

+77
-46
lines changed

3 files changed

+77
-46
lines changed

‎src/components/Hero.astro‎

Lines changed: 57 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -7,45 +7,74 @@ const t = useTranslations(lang);
77
<section id="home" class="hero">
88
<div class="container">
99
<div class="hero-content">
10-
<h2 class="glowing-title">NurOS</h2>
11-
<p class="glowing-subtitle">{t('hero.subtitle')}</p>
10+
<h2 class="hero-title">NurOS <span class="hero-title-accent">"Juldyz"</span></h2>
11+
<p class="hero-subtitle">{t('hero.subtitle')}</p>
1212
<div class="cta-buttons">
13-
<a href={lang === 'ru' ? '/ru/releases' : '/releases'} class="btn glowing-btn">{t('hero.cta')}</a>
13+
<a href={lang === 'ru' ? '/ru/releases' : '/releases'} class="btn hero-btn">{t('hero.cta')}</a>
1414
</div>
1515
</div>
1616
</div>
1717
</section>
1818

19-
<script>
20-
const hero = document.querySelector('.hero') as HTMLElement | null;
21-
hero?.addEventListener('mousemove', (e: MouseEvent) => {
22-
hero.style.backgroundPosition = `${(e.clientX / window.innerWidth) * 100}% ${(e.clientY / window.innerHeight) * 100}%`;
23-
});
24-
</script>
25-
2619
<style>
27-
.hero { height: 100vh; display: flex; align-items: center; padding-top: 80px; background: linear-gradient(45deg,#0f4788,#1a5b9c,#8ab4e8,#0f4788); background-size: 400% 400%; animation: gradientShift 8s ease infinite; }
28-
@keyframes gradientShift { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
29-
.hero-content { max-width: 600px; text-align: center; margin: 0 auto; }
30-
.glowing-title { font-size: 3.5rem; font-weight: 700; margin-bottom: var(--spacing-sm); color: white; text-shadow: 0 0 10px rgba(255,255,255,.5),0 0 20px rgba(138,180,232,.5); animation: textPulse 2s ease-in-out infinite alternate; }
31-
.glowing-subtitle { font-size: 1.5rem; margin-bottom: var(--spacing-md); color: rgba(255,255,255,.9); text-shadow: 0 0 10px rgba(138,180,232,.3); }
32-
@keyframes textPulse { from{text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(138,180,232,.5)} to{text-shadow:0 0 15px rgba(255,255,255,.7),0 0 25px rgba(138,180,232,.7),0 0 35px rgba(26,91,156,.5)} }
33-
.glowing-btn {
34-
font-size: 1.05rem;
35-
padding: 0.8rem 2rem;
36-
background: rgba(255,255,255,0.12);
37-
border: 1px solid rgba(255,255,255,0.35);
38-
color: #fff;
20+
.hero {
21+
height: 100vh;
22+
display: flex;
23+
align-items: center;
24+
padding-top: 80px;
25+
background-color: var(--background);
26+
background-image: radial-gradient(ellipse 70% 55% at 50% 45%, rgba(15, 80, 180, 0.45) 0%, rgba(10, 50, 120, 0.15) 50%, transparent 75%);
27+
position: relative;
28+
}
29+
30+
.hero-content {
31+
max-width: 640px;
32+
text-align: center;
33+
margin: 0 auto;
34+
}
35+
36+
.hero-title {
37+
font-size: 3.5rem;
3938
font-weight: 700;
40-
transition: background .25s, transform .25s, box-shadow .25s;
39+
margin-bottom: var(--spacing-sm);
40+
color: #fff;
41+
letter-spacing: -0.02em;
42+
}
43+
44+
.hero-title-accent {
45+
background: linear-gradient(135deg, #4db8ff, #1a8fe3);
46+
-webkit-background-clip: text;
47+
-webkit-text-fill-color: transparent;
48+
background-clip: text;
4149
}
42-
.glowing-btn:hover {
43-
background: rgba(255,255,255,0.22);
44-
box-shadow: 0 0 24px rgba(138,180,232,0.4);
50+
51+
.hero-subtitle {
52+
font-size: 1.1rem;
53+
margin-bottom: var(--spacing-md);
54+
color: rgba(224, 224, 224, 0.6);
55+
}
56+
57+
.hero-btn {
58+
font-size: 1rem;
59+
padding: 0.75rem 2.5rem;
60+
background: #1a8fe3;
61+
border-radius: 10px;
62+
font-weight: 600;
63+
transition: background 0.2s ease, transform 0.2s ease;
64+
}
65+
66+
.hero-btn:hover {
67+
background: #1679c5;
4568
transform: translateY(-2px);
4669
color: #fff;
4770
opacity: 1;
4871
}
49-
@media (max-width: 768px) { .glowing-title { font-size: 2.5rem; } }
50-
@media (max-width: 576px) { .glowing-title { font-size: 2rem; } }
72+
73+
@media (max-width: 768px) {
74+
.hero-title { font-size: 2.5rem; }
75+
}
76+
77+
@media (max-width: 576px) {
78+
.hero-title { font-size: 2rem; }
79+
}
5180
</style>

‎src/i18n/ui.ts‎

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -24,30 +24,32 @@ export const featuresData: Record<Lang, { title: string; description: string }[]
2424

2525
export const teamData: Record<Lang, { name: string; role: string; skills: string }[]> = {
2626
en: [
27-
{ name: 'AnmiTaliDev', role: 'Founder, Team Lead', skills: '' },
28-
{ name: 'Ruzen', role: 'Installer & Tulpar Developer', skills: 'C#, C++, Haskell, Python' },
27+
{ name: 'CosmoBlade', role: 'Team Lead, Developer, Designer', skills: 'C++, Python, Go, JS, C' },
28+
{ name: 'AnmiTaliDev', role: 'Founder, Coordinator', skills: 'Aluminum cucumbers' },
29+
{ name: 'Ruzen', role: 'Developer, Installer & Tulpar Maintainer', skills: 'C#, C++, Haskell, Python' },
2930
{ name: 'Meigoc', role: 'Developer, Tulpar-server Maintainer', skills: 'Java, Python, C++' },
3031
{ name: 'chelik002', role: 'Developer, Designer', skills: 'Python' },
31-
{ name: 'CosmoBlade', role: 'Developer, Designer', skills: 'C++, Python, Go, JS, C' },
32-
{ name: 'Isnt', role: 'Developer, NeoInit Developer', skills: 'Zig, Rust, C' },
33-
{ name: 'TheMomer', role: 'Developer, Wallpaper Designer', skills: 'Python, Go, Lua' },
32+
{ name: 'm1lkydev', role: 'Developer, Wallpaper Designer', skills: 'Python, Go, Lua' },
3433
{ name: 'Space', role: 'Developer, Aether Apps Developer', skills: 'Python, C#' },
3534
{ name: 'Rav1non', role: 'Developer, Package Builder', skills: 'Python, Java' },
36-
{ name: 'got/gotrt', role: 'Network Programming, DevOps & Lang Dev', skills: 'Go, OCaml, C' },
37-
{ name: 'girisato', role: 'Designer', skills: '' },
35+
{ name: 'got/gotrt', role: 'Developer', skills: 'Go, OCaml, C' },
36+
{ name: 'b0nn133', role: 'Designer, Developer', skills: 'Vala, C#, Lua, Python' },
37+
{ name: 'XCubicArnament', role: 'Developer', skills: 'C, C++, Python, JS' },
38+
{ name: 'wholos', role: 'Developer', skills: 'C, C++, Nim, Rust' },
3839
],
3940
ru: [
40-
{ name: 'AnmiTaliDev', role: 'Основатель, тимлид', skills: '' },
41-
{ name: 'Ruzen', role: 'Разработчик установщика и Tulpar', skills: 'C#, C++, Haskell, Python' },
41+
{ name: 'CosmoBlade', role: 'Тимлид, Разработчик, Дизайнер', skills: 'C++, Python, Go, JS, C' },
42+
{ name: 'AnmiTaliDev', role: 'Основатель, координатор', skills: 'Алюминиевые огурцы' },
43+
{ name: 'Ruzen', role: 'Разработчик, Maintainer установщика и Tulpar', skills: 'C#, C++, Haskell, Python' },
4244
{ name: 'Meigoc', role: 'Разработчик, Maintainer проекта Tulpar-server', skills: 'Java, Python, C++' },
4345
{ name: 'chelik002', role: 'Разработчик, Дизайнер', skills: 'Python' },
44-
{ name: 'CosmoBlade', role: 'Разработчик, Дизайнер', skills: 'C++, Python, Go, JS, C' },
45-
{ name: 'Isnt', role: 'Разработчик, Разработчик NeoInit', skills: 'Zig, Rust, C' },
46-
{ name: 'TheMomer', role: 'Разработчик, Дизайнер обоев', skills: 'Python, Go, Lua' },
46+
{ name: 'm1lkydev', role: 'Разработчик, Дизайнер обоев', skills: 'Python, Go, Lua' },
4747
{ name: 'Space', role: 'Разработчик, Разработчик Aether Apps', skills: 'Python, C#' },
4848
{ name: 'Rav1non', role: 'Разработчик, Сборка пакетов', skills: 'Python, Java' },
49-
{ name: 'got/gotrt', role: 'Сетевое программирование, devops и langdev', skills: 'Go, OCaml, C' },
50-
{ name: 'girisato', role: 'Дизайнер', skills: '' },
49+
{ name: 'got/gotrt', role: 'Разработчик', skills: 'Go, OCaml, C' },
50+
{ name: 'b0nn133', role: 'Дизайнер, Разработчик', skills: 'Vala, C#, Lua, Python' },
51+
{ name: 'XCubicArnament', role: 'Разработчик', skills: 'C, C++, Python, JS' },
52+
{ name: 'wholos', role: 'Разработчик', skills: 'C, C++, Nim, Rust' },
5153
],
5254
};
5355

‎src/styles/global.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
:root {
22
--primary-color: #1a5b9c;
33
--primary-hover: #1568b3;
4-
--secondary-color: #1e1e1e;
4+
--secondary-color: #0f0f0f;
55
--accent-color: #8ab4e8;
66
--text-color: #e0e0e0;
77
--text-muted: rgba(224,224,224,0.55);
8-
--background: #181818;
9-
--foreground: #232323;
10-
--border: 1px solid rgba(255,255,255,0.08);
8+
--background: #0d0d0d;
9+
--foreground: #111111;
10+
--border: 1px solid rgba(255,255,255,0.06);
1111
--border-radius: 10px;
1212
--spacing-xs: 0.5rem;
1313
--spacing-sm: 1rem;

0 commit comments

Comments
 (0)