Skip to content

Commit cf17069

Browse files
qrescodeqrescode
authored
Add files via upload
0 parents  commit cf17069

File tree

9 files changed

+439
-0
lines changed

9 files changed

+439
-0
lines changed

‎about.html‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
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>Никита Косарев | Обо мне</title>
7+
<link rel="stylesheet" href="style.css">
8+
<script src="script.js" defer></script>
9+
</head>
10+
<body>
11+
12+
<header>
13+
<div class="logo">Никита Косарев</div>
14+
<button id="menu-btn">☰</button>
15+
<nav id="menu">
16+
<a href="index.html">Главная</a>
17+
<a href="about.html">Обо мне</a>
18+
<a href="skills.html">Навыки</a>
19+
<a href="contacts.html">Контакты</a>
20+
<a href="conclusion.html">Заключение</a>
21+
</nav>
22+
</header>
23+
24+
<main>
25+
<div class="about-container fade-in">
26+
<img src="images/photo_2025-06-08_17-10-08.jpg" alt="Никита Косарев" class="photo-lg">
27+
<div class="about-text">
28+
<h1>Обо мне</h1>
29+
<p>С самого детства меня притягивал мир компьютеров и программирования. Я ещё в школе любил сочинять и записывать свои песни, но чем больше я проводил времени за ПК, тем сильнее ощущал тягу к созданию чего-то интерактивного.</p>
30+
<p>Первым моим серьёзным шагом стало увлечение созданием музыки: я писал композиции и экспериментировал со звуком. Со временем интерес перешёл на разработку игр — я установил Unity, прошёл первые уроки и понял, что хочу создавать собственные виртуальные миры.</p>
31+
<p>Когда я начал реализацию своих первых прототипов, я столкнулся с алгоритмами и структурами данных. Понимание того, как построить логику поведения персонажей, оптимизировать поиск по игровым картам и управлять ресурсами, полностью увлекло меня в область алгоритмики.</p>
32+
<p>Сегодня я разрабатываю игры на Unity, пишу на C++ и C#, проектирую внутриигровые механики и уделяю внимание оптимальным алгоритмам. Программирование — моя страсть, которая стала профессией.</p>
33+
</div>
34+
</div>
35+
</main>
36+
37+
<footer>© 2025 Никита Косарев</footer>
38+
39+
</body>
40+
</html>

‎conclusion.html‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
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>Никита Косарев | Заключение</title>
7+
<link rel="stylesheet" href="style.css">
8+
<script src="script.js" defer></script>
9+
</head>
10+
<body>
11+
12+
<header>
13+
<div class="logo">Никита Косарев</div>
14+
<button id="menu-btn">☰</button>
15+
<nav id="menu">
16+
<a href="index.html">Главная</a>
17+
<a href="about.html">Обо мне</a>
18+
<a href="skills.html">Навыки</a>
19+
<a href="contacts.html">Контакты</a>
20+
<a href="conclusion.html">Заключение</a>
21+
</nav>
22+
</header>
23+
24+
<main>
25+
<h2>Вперёд к идеям!</h2>
26+
<p>Спасибо, что заглянули на мой сайт.</p>
27+
</main>
28+
29+
<footer>© 2025 Никита Косарев</footer>
30+
31+
</body>
32+
</html>

‎contacts.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
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>Никита Косарев | Контакты</title>
7+
<link rel="stylesheet" href="style.css">
8+
<script src="script.js" defer></script>
9+
</head>
10+
<body>
11+
12+
<header>
13+
<div class="logo">Никита Косарев</div>
14+
<button id="menu-btn">☰</button>
15+
<nav id="menu">
16+
<a href="index.html">Главная</a>
17+
<a href="about.html">Обо мне</a>
18+
<a href="skills.html">Навыки</a>
19+
<a href="contacts.html">Контакты</a>
20+
<a href="conclusion.html">Заключение</a>
21+
</nav>
22+
</header>
23+
24+
<main>
25+
<h2>Связаться можно со мной здесь:</h2>
26+
<ul class="contact-list">
27+
<li class="contact-item">
28+
<a href="https://t.me/qreers" target="_blank">Telegram: @qreers</a>
29+
</li>
30+
<li class="contact-item">
31+
<a href="https://vk.com/nkosarevs" target="_blank">VK: vk.com/nkosarevs</a>
32+
</li>
33+
<li class="contact-item">Телефон: +7 900 080-XX-XX</li>
34+
<li class="contact-item">Email: nikitakosarev1@list.ru</li>
35+
</ul>
36+
</main>
37+
38+
<footer>© 2025 Никита Косарев</footer>
39+
40+
</body>
41+
</html>

‎images/photo_2025-06-08_17-08-10.jpg‎

30.2 KB
Loading

‎images/photo_2025-06-08_17-10-08.jpg‎

38.9 KB
Loading

‎index.html‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
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>Никита Косарев | Главная</title>
7+
<link rel="stylesheet" href="style.css">
8+
<script src="script.js" defer></script>
9+
</head>
10+
<body>
11+
12+
<header>
13+
<div class="logo">Никита Косарев</div>
14+
<button id="menu-btn">☰</button>
15+
<nav id="menu">
16+
<a href="index.html">Главная</a>
17+
<a href="about.html">Обо мне</a>
18+
<a href="skills.html">Навыки</a>
19+
<a href="contacts.html">Контакты</a>
20+
<a href="conclusion.html">Заключение</a>
21+
</nav>
22+
</header>
23+
24+
<main>
25+
<h1 class="typewriter" data-text="Привет! Я Никита Косарев"></h1>
26+
<img src="images/photo_2025-06-08_17-08-10.jpg" alt="Фото Никиты Косарева" class="photo">
27+
<p>Я — разработчик игр на движке Unity, увлекаюсь C++, C# и игровым дизайном.</p>
28+
</main>
29+
30+
<footer>© 2025 Никита Косарев</footer>
31+
32+
</body>
33+
</html>

‎script.js‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
document.addEventListener('DOMContentLoaded', () => {
2+
// Меню мобильное
3+
const btn = document.getElementById('menu-btn');
4+
const nav = document.getElementById('menu');
5+
btn.addEventListener('click', () => nav.classList.toggle('open'));
6+
7+
// Подсветка активной ссылки
8+
document.querySelectorAll('nav a').forEach(link => {
9+
if (link.href === location.href) {
10+
link.classList.add('nav-link-active');
11+
}
12+
});
13+
14+
// Эффект «печатающегося» заголовка
15+
const heroTitle = document.querySelector('.typewriter');
16+
if (heroTitle) {
17+
const text = heroTitle.dataset.text;
18+
heroTitle.textContent = '';
19+
let i = 0;
20+
// создаём спэн-кульсор
21+
const cursor = document.createElement('span');
22+
cursor.classList.add('cursor');
23+
cursor.textContent = '|';
24+
heroTitle.appendChild(cursor);
25+
26+
const timer = setInterval(() => {
27+
if (i < text.length) {
28+
// вставляем текст и прикрепляем курсор
29+
heroTitle.textContent = text.slice(0, i + 1);
30+
heroTitle.appendChild(cursor);
31+
i++;
32+
} else {
33+
clearInterval(timer);
34+
}
35+
}, 100);
36+
}
37+
38+
// Анимация появления секций при скролле
39+
const faders = document.querySelectorAll('.fade-in');
40+
const observer = new IntersectionObserver(entries => {
41+
entries.forEach(ent => {
42+
if (ent.isIntersecting) {
43+
ent.target.classList.add('opacity-100', 'translate-y-0');
44+
observer.unobserve(ent.target);
45+
}
46+
});
47+
}, { threshold: 0.2 });
48+
49+
faders.forEach(el => {
50+
el.classList.add('opacity-0', 'translate-y-8', 'transition-all', 'duration-700');
51+
observer.observe(el);
52+
});
53+
});

‎skills.html‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
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>Никита Косарев | Навыки</title>
7+
<link rel="stylesheet" href="style.css">
8+
<script src="script.js" defer></script>
9+
</head>
10+
<body>
11+
12+
<header>
13+
<div class="logo">Никита Косарев</div>
14+
<button id="menu-btn">☰</button>
15+
<nav id="menu">
16+
<a href="index.html">Главная</a>
17+
<a href="about.html">Обо мне</a>
18+
<a href="skills.html">Навыки</a>
19+
<a href="contacts.html">Контакты</a>
20+
<a href="conclusion.html">Заключение</a>
21+
</nav>
22+
</header>
23+
24+
<main>
25+
<section>
26+
<h2>Технологии</h2>
27+
<div class="skills-grid">
28+
<div class="skill-item">C#</div>
29+
<div class="skill-item">C++</div>
30+
<div class="skill-item">Unity</div>
31+
<div class="skill-item">JavaScript</div>
32+
<div class="skill-item">CSS</div>
33+
<div class="skill-item">HTML</div>
34+
</div>
35+
</section>
36+
37+
<section>
38+
<h2>Алгоритмы</h2>
39+
<ul class="algorithm-list">
40+
<li class="algorithm-item">Сортировка</li>
41+
<li class="algorithm-item">Алгоритмы на графах</li>
42+
<li class="algorithm-item">Динамическое программирование</li>
43+
<li class="algorithm-item">Жадные алгоритмы</li>
44+
</ul>
45+
</section>
46+
</main>
47+
48+
<footer>© 2025 Никита Косарев</footer>
49+
50+
</body>
51+
</html>

0 commit comments

Comments
 (0)