Полный перенос дизайна и текстов из макета: oklch-палитра, Google Fonts

Заменил приблизительную 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), а не по сырым числам.

frontend/js/projects.js

@@ -7,7 +7,6 @@ const DATA = {
     projects: [
       {
         name: 'home_automatization',
-        title: 'Home Automation Platform',
         description:
           'Микросервисная платформа умного дома на Go и Laravel. Первая зона — гроубокс (полив, свет, климат), дальше — весь дом.',
         tags: ['Go', 'Laravel', 'Docker', 'RabbitMQ', 'ClickHouse', 'gRPC', 'MQTT'],
@@ -16,7 +15,6 @@ const DATA = {
       },
       {
         name: 'cactoz.su',
-        title: 'cactoz.su — этот сайт',
         description:
           'Личный сайт-визитка: резюме, проекты и мультиплеерный клон BattleCity. Тема — Матрица.',
         tags: ['HTML/CSS/JS', 'C++', 'uWebSockets', 'Quintus.js', 'nginx', 'Docker'],
@@ -31,7 +29,6 @@ const DATA = {
     projects: [
       {
         name: 'home_automatization',
-        title: 'Home Automation Platform',
         description:
           'A microservice smart-home platform on Go and Laravel. First zone is a grow box (watering, lighting, climate), the whole house comes next.',
         tags: ['Go', 'Laravel', 'Docker', 'RabbitMQ', 'ClickHouse', 'gRPC', 'MQTT'],
@@ -40,7 +37,6 @@ const DATA = {
       },
       {
         name: 'cactoz.su',
-        title: 'cactoz.su — this site',
         description:
           'A personal portfolio site: résumé, projects and a multiplayer BattleCity clone. Matrix theme throughout.',
         tags: ['HTML/CSS/JS', 'C++', 'uWebSockets', 'Quintus.js', 'nginx', 'Docker'],
@@ -66,15 +62,14 @@ function render() {
     .map(
       (p) => `
     <li class="project-card">
-      <div class="project-card__bar"><span></span><span class="project-card__perms">drwxr-xr-x</span> ${p.name}</div>
-      <div class="project-card__body">
-        <h3 class="project-card__title">${p.title}</h3>
-        <p class="project-card__desc">${p.description}</p>
-        <ul class="tag-list">
-          ${p.tags.map((tag) => `<li class="tag">${tag}</li>`).join('')}
-        </ul>
-        <a class="project-card__link" href="${p.url}" target="_blank" rel="noopener">${p.linkLabel}: ${p.url.replace('https://', '')}</a>
+      <div class="project-card__header">
+        <div class="project-card__name"><span class="project-card__perms">drwxr-xr-x</span> ${p.name}</div>
+        <a href="${p.url}" target="_blank" rel="noopener">${p.linkLabel} →</a>
       </div>
+      <p class="project-card__desc">${p.description}</p>
+      <ul class="tag-list">
+        ${p.tags.map((tag) => `<li class="tag">${tag}</li>`).join('')}
+      </ul>
     </li>`
     )
     .join('');