Вёрстка резюме и карточек проектов в теме Matrix/cacto

Резюме: ASCII-кактус, glitch-заголовок, таймлайн опыта, скилл-теги, контакты. Проекты: карточки-терминалы (home_automatization, cactoz.su) со ссылками на git.cactoz.su. Canvas-дождь на цифровых/катакана символах, пиксельный SVG-кактус как лого/favicon.
2026-07-26 20:47:21 +05:00
parent a9d2a6b15c
commit 2036e909ea
9 changed files with 603 additions and 38 deletions
@@ -4,19 +4,36 @@
  <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="stylesheet" href="/css/theme.css" />
  <link rel="stylesheet" href="/css/projects.css" />
 </head>
 <body>
-  <main id="projects">
-    <!-- TODO: карточки проектов — этап 2 -->
-    <h1 class="prompt">ls projects/</h1>
-    <ul id="project-list"></ul>
-    <nav>
-      <a href="/">cd ~</a>
-      <a href="/game.html">./battlecity</a>
-    </nav>
-  </main>
+  <canvas id="matrix-rain"></canvas>
+
+  <div class="container">
+    <header class="site-header">
+      <a href="/" class="logo" aria-label="cacto — на главную">
+        <img src="/assets/cactus-logo.svg" width="20" height="20" alt="" />
+        cacto
+      </a>
+      <ul class="nav-links">
+        <li><a href="/">whoami</a></li>
+        <li><a href="/projects.html" aria-current="page">ls projects/</a></li>
+        <li><a href="/game.html">./battlecity</a></li>
+      </ul>
+    </header>
+
+    <main>
+      <section>
+        <h2 class="prompt">ls projects/</h2>
+        <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>