74 lines
3.9 KiB
HTML
74 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="Личный сайт DarkShy, системного администратора и разработчика в стиле терминала Linux.">
|
||
<meta name="keywords" content="DarkShy, системный администратор, разработчик, терминал, Linux, блог">
|
||
<meta name="author" content="DarkShy">
|
||
<meta property="og:title" content="DarkShy - Личный сайт">
|
||
<meta property="og:description" content="Личный сайт DarkShy, системного администратора и разработчика. Узнай обо мне больше!">
|
||
<meta property="og:image" content="/img/darkshy-character.png">
|
||
<meta property="og:url" content="https://darkshy.bronyfurry.com">
|
||
<meta property="og:type" content="website">
|
||
<link rel="icon" href="/img/favicon.ico" type="image/x-icon">
|
||
<title>DarkShy - Личный сайт</title>
|
||
<link rel="stylesheet" href="/css/style.css">
|
||
</head>
|
||
<body>
|
||
<header class="header">
|
||
<div class="terminal">
|
||
<div class="terminal-header">
|
||
<span class="circle red"></span>
|
||
<span class="circle yellow"></span>
|
||
<span class="circle green"></span>
|
||
<span class="terminal-title">darkshy@bronyfurry:~</span>
|
||
</div>
|
||
<div class="terminal-body">
|
||
<h1>darkshy@bronyfurry:~ <span id="blink">|</span></h1>
|
||
<p>Привет! Добро пожаловать на мой личный сайт в стиле терминала Linux.</p>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="about">
|
||
<h2>Обо мне</h2>
|
||
<p>Меня зовут DarkShy. Я системный администратор и разработчик, увлекаюсь программированием на NodeJS и созданием веб-сайтов. Когда я не работаю, я разрабатываю свои проекты и изучаю новые технологии.</p>
|
||
<p>Люблю делиться знаниями, поэтому также веду блог и работаю в сфере образования.</p>
|
||
</section>
|
||
|
||
<section class="image-section">
|
||
<img src="/img/darkshy-character.png" alt="DarkShy" class="centered-image">
|
||
</section>
|
||
|
||
<section class="projects">
|
||
<h2>Мои проекты</h2>
|
||
<div class="project-links">
|
||
<a href="https://github.com/darkshymw" class="btn" target="_blank">Мой GitHub</a>
|
||
<a href="https://bronyfurry.com/?from=darkshy" class="btn" target="_blank">BronyFurry</a>
|
||
<a href="/offline.html" class="btn" target="_blank">Страница offline</a>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="terminal-footer">
|
||
<p>Все права защищены и принадлежат поням.</p>
|
||
<p><a href="https://github.com/DarkShyMW/darkshy.bronyfurry.com" class="github">Source code at GitHub</a></p>
|
||
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
|
||
<img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" alt="Creative Commons License">
|
||
</a>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
// Можно добавить функциональность, например, для бл blinking текста
|
||
setInterval(() => {
|
||
const blinkElement = document.getElementById("blink");
|
||
blinkElement.style.opacity = (blinkElement.style.opacity === "0" ? "1" : "0");
|
||
}, 1000);
|
||
</script>
|
||
</body>
|
||
</html>
|