aibrashandClaude Sonnet 5.5
152f1d60b5
- Главная: фото, факты, соцсети, форма связи, анимации - Архитектура: карточки проектов и отдельные страницы (Тихий двор, павильон, «Лофт») - Проекты: Aman's World (скриншоты, описание) и хоумлаб - Меню из config.json, шаблон новых страниц, черновики training/work/fixed - Чистый HTML/CSS/JS без сборки, шрифты и картинки локально Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
72 lines
4.7 KiB
HTML
72 lines
4.7 KiB
HTML
<!doctype html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
|
<title>Хоумлаб: Аман Ибраш</title>
|
|
<meta name="description" content="Мой домашний сервер и Fedora Linux: Nextcloud, моя игра и эксперименты, на которых я учусь DevOps.">
|
|
<meta name="theme-color" content="#f4f6fb">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:locale" content="ru_RU">
|
|
<meta property="og:title" content="Хоумлаб: Аман Ибраш">
|
|
<meta property="og:description" content="Мой домашний сервер и Fedora Linux: Nextcloud, моя игра и эксперименты, на которых я учусь DevOps.">
|
|
<meta property="og:image" content="https://example.com/og/projects-homelab.jpg">
|
|
<meta property="og:image:width" content="1200">
|
|
<meta property="og:image:height" content="630">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="Хоумлаб: Аман Ибраш">
|
|
<meta name="twitter:description" content="Мой домашний сервер и Fedora Linux: Nextcloud, моя игра и эксперименты, на которых я учусь DevOps.">
|
|
<meta name="twitter:image" content="https://example.com/og/projects-homelab.jpg">
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
<link rel="preload" href="/fonts/onest-cyrillic-wght-normal.woff2" as="font" type="font/woff2" crossorigin>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
<script src="/js/boot.js"></script>
|
|
</head>
|
|
<body class="doc has-nav">
|
|
<div class="blob blob--a" aria-hidden="true"></div>
|
|
<div class="blob blob--b" aria-hidden="true"></div>
|
|
<nav class="topnav" id="topnav" aria-label="Страницы"></nav>
|
|
|
|
<main class="page page--wide">
|
|
<p class="back"><a href="/projects/">← Проекты</a></p>
|
|
<header class="case-head">
|
|
<ul class="meta"><li>дома</li><li>Linux</li><li>Fedora</li></ul>
|
|
<h1>Хоумлаб</h1>
|
|
<p class="lead">Мой домашний сервер и Linux, на котором я всё делаю.</p>
|
|
</header>
|
|
|
|
<div class="gallery gallery--one">
|
|
<figure class="shot shot--cover shot--lead">
|
|
<a href="/img/proj/homelab-cover.svg" target="_blank" rel="noopener" aria-label="Открыть иллюстрацию крупно"><img src="/img/proj/homelab-cover.svg" width="1200" height="630" alt="Иллюстрация: домашний сервер с тремя сервисами" fetchpriority="high"></a>
|
|
</figure>
|
|
</div>
|
|
|
|
<section class="case-body">
|
|
<p class="intro">Свой маленький интернет у меня дома.</p>
|
|
<h2>Что это</h2>
|
|
<p>Хоумлаб — это мой домашний сервер. Я работаю системным администратором и расту в сторону DevOps, поэтому держу дома место, где можно пробовать всё на настоящем железе.</p>
|
|
<p>Дома можно спокойно пробовать, ломать и чинить. Так я учусь автоматизации и всему, что окружает современный сервер.</p>
|
|
</section>
|
|
|
|
<section class="case-block" aria-label="Что живёт на сервере">
|
|
<h2 class="block-title">Что на нём живёт</h2>
|
|
<div class="tiles">
|
|
<div class="tile"><h3>Nextcloud</h3><p>Мои файлы и проекты лежат у меня, а не в чужом облаке.</p></div>
|
|
<a class="tile" href="/projects/amans-world/"><h3>Aman's World</h3><p>Моя браузерная игра запускается с этого сервера.</p><span class="more">Смотреть игру →</span></a>
|
|
<div class="tile"><h3>DuckDNS</h3><p>Бесплатные адреса, чтобы до домашнего сервера можно было достучаться снаружи.</p></div>
|
|
<div class="tile"><h3>Этот сайт</h3><p>Он тоже переезжает сюда. Выкладку хочу автоматизировать через CI.</p></div>
|
|
<div class="tile tile--more"><h3>И много чего ещё</h3><p>Список растёт: я постоянно что-то поднимаю и пробую.</p></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="case-body">
|
|
<h2>Fedora Linux</h2>
|
|
<p>На своём компьютере я пользуюсь Fedora Linux. В ней я учусь, работаю и делаю свои проекты, в том числе этот сайт.</p>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="/js/nav.js" defer></script>
|
|
<script src="/js/count.js" defer></script>
|
|
</body>
|
|
</html>
|