cacto
556f5761fd
Заменил приблизительную hex-палитру на настоящие oklch()-цвета из
макета, подключил JetBrains Mono через Google Fonts (обновил CSP:
style-src/font-src для fonts.googleapis.com/fonts.gstatic.com).
Секция "обо мне" резюме — без term-window, плоские абзацы; опыт работы
в формате период/роль/компания·город + буллеты с тире; контакты в виде
label+value, как в макете. Карточки проектов — без бара с точками,
header-строка "drwxr-xr-x {name}" + ссылка справа, как в Projects.dc.html.
matrix-rain.js переписан по алгоритму из макета (shadowBlur на "голове"
капли, katakana-набор символов, накопительное падение). Градиент
глубины поверх дождя взял по факту темнее, чем в инлайн-стилях макета
(0.72–0.96 давал почти невидимый дождь) — подобрал по референс-скриншоту
макета (0.35–0.6), а не по сырым числам.
47 lines
1.8 KiB
HTML
47 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>ls projects/ — cacto</title>
|
|
<meta name="description" content="Проекты Гаммеля Дмитрия: home automation platform и этот сайт." />
|
|
<link rel="icon" type="image/svg+xml" href="/assets/cactus-logo.svg" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="/css/theme.css" />
|
|
<link rel="stylesheet" href="/css/projects.css" />
|
|
</head>
|
|
<body>
|
|
<canvas id="matrix-rain"></canvas>
|
|
|
|
<header class="site-header">
|
|
<div class="site-header__inner">
|
|
<a href="/" class="logo" aria-label="cacto — на главную">
|
|
<img src="/assets/cactus-logo.svg" width="20" height="20" alt="" />
|
|
cacto<span class="cursor">_</span>
|
|
</a>
|
|
<ul class="nav-links">
|
|
<li><a href="/">whoami</a></li>
|
|
<li><a href="/projects" aria-current="page">ls projects/</a></li>
|
|
<li><a href="/game">./battlecity</a></li>
|
|
<li><button id="lang-toggle" class="lang-btn" type="button">EN</button></li>
|
|
</ul>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="container">
|
|
<main>
|
|
<section>
|
|
<h1 id="projects-heading" class="page-heading"></h1>
|
|
<p id="projects-subheading" class="page-subheading"></p>
|
|
<ul id="project-list" class="project-grid"></ul>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
|
|
<script type="module" src="/js/matrix-rain.js"></script>
|
|
<script type="module" src="/js/projects.js"></script>
|
|
</body>
|
|
</html>
|