Вёрстка резюме и карточек проектов в теме 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,16 +4,35 @@
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>./battlecity — cacto</title>
+  <link rel="icon" type="image/svg+xml" href="/assets/cactus-logo.svg" />
  <link rel="stylesheet" href="/css/theme.css" />
  <link rel="stylesheet" href="/css/game.css" />
 </head>
 <body>
-  <main id="game-root">
-    <!-- TODO: лобби (этап 3) и игровое поле на Quintus.js (этапы 4-5) -->
-    <h1 class="prompt">./battlecity</h1>
-    <div id="lobby"></div>
-    <div id="battlecity-canvas-container"></div>
-  </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">ls projects/</a></li>
+        <li><a href="/game.html" aria-current="page">./battlecity</a></li>
+      </ul>
+    </header>
+
+    <main id="game-root">
+      <!-- TODO: лобби (этап 3) и игровое поле на Quintus.js (этапы 4-5) -->
+      <h2 class="prompt">./battlecity</h2>
+      <div id="lobby"></div>
+      <div id="battlecity-canvas-container"></div>
+    </main>
+  </div>
+
+  <script type="module" src="/js/matrix-rain.js"></script>
  <script type="module" src="/js/game/main.js"></script>
 </body>
 </html>