Редизайн под новую Matrix-стилистику + RU/EN переключатель языка

Новая шапка (sticky, blur, мигающий курсор), нумерованные секции резюме
с полным опытом работы и новым разделом «Образование», карточки
проектов в стиле drwxr-xr-x, более яркий дождь на фоне. Добавлен
i18n-модуль (frontend/js/i18n.js) с переключателем EN/RU: резюме и
проекты полностью переведены, в игре переведены статичные подписи
интерфейса лобби и боя (данные от сервера остаются на русском).
This commit is contained in:
2026-08-09 21:42:57 +05:00
parent 201506bdbc
commit a1b123dd13
13 changed files with 658 additions and 186 deletions
+9 -110
View File
@@ -12,127 +12,26 @@
<body>
<canvas id="matrix-rain"></canvas>
<div class="container">
<header class="site-header">
<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
cacto<span class="cursor">_</span>
</a>
<ul class="nav-links">
<li><a href="/" aria-current="page">whoami</a></li>
<li><a href="/projects">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>
</header>
</div>
</header>
<main>
<section class="hero">
<pre class="ascii-cactus" aria-hidden="true">
, ,
|\_/|
.--| |--.
( | | )
&#96;--| |--&#39;
| |
.--| |--.
( | | )
&#96;--| |--&#39;
| |
| |
__| |__
(_________)</pre>
<div class="hero-text">
<h1><span class="glitch" data-text="Гаммель Дмитрий">Гаммель Дмитрий</span></h1>
<p class="role">PHP / Go backend-разработчик</p>
<p class="tagline">Живучий, колючий, не требует много воды. Специализация — сложные запросы, legacy-код, архитектура.</p>
</div>
</section>
<section class="about">
<h2 class="prompt">cat about.txt</h2>
<div class="term-window">
<div class="term-window__bar"><span></span><span></span><span></span></div>
<div class="term-window__body">
<p>
Backend-разработчик с 6-летним коммерческим опытом на PHP: сложные запросы к базам данных,
работа с legacy-кодом, архитектурные решения. Спроектировал аналитический контур на ClickHouse,
ускоривший формирование отчётности в 15–20 раз; неофициально возглавлял разработку модуля
документооборота в банковской IT-инфраструктуре.
</p>
<p>
Начинал с электротехники и АСУТП — писал управляющий софт для автоматизированных систем.
Путь «от электрического сигнала до строчки кода» помогает быстро разбираться в сложных
legacy-системах и нестандартных задачах.
</p>
<p>
Сейчас изучаю Go и продолжаю искать позицию Middle+/Senior backend-разработчика.
</p>
</div>
</div>
</section>
<section class="experience">
<h2 class="prompt">ls -la experience/</h2>
<ol class="timeline">
<li class="timeline-item">
<div class="timeline-item__meta">июль 2022 — март 2026 · Екатеринбург</div>
<h3 class="timeline-item__role">PHP-разработчик — ООО «ЭТП ГПБ» (дочернее АО «Газпромбанк»)</h3>
<ul>
<li>Поддерживал legacy на Zend Framework, участвовал в переходе на Symfony; PHP 7.4 → 8.0.</li>
<li>Спроектировал аналитический контур отчётности на ClickHouse — сократил время формирования отчётов с 3–4 минут до 10–15 секунд.</li>
<li>Интеграции с внутренними банковскими сервисами (проверка ЭП, машиночитаемые доверенности), очереди RabbitMQ.</li>
<li>Неофициально возглавлял разработку нового модуля документооборота: архитектура, код-ревью, MVP.</li>
</ul>
</li>
<li class="timeline-item">
<div class="timeline-item__meta">март 2021 — июль 2022 · фриланс/субподряд</div>
<h3 class="timeline-item__role">PHP-разработчик — kupisever.ru</h3>
<ul>
<li>Доработка бэкенда B2B-платформы (доска объявлений) на Yii2, стек PHP/PostgreSQL/RabbitMQ/Docker.</li>
<li>Модуль email-рассылок с очередями сообщений и конструктором писем.</li>
<li>Модуль категорий объявлений — админка и клиентское меню.</li>
</ul>
</li>
<li class="timeline-item">
<div class="timeline-item__meta">июль 2020 — март 2021 · Курган</div>
<h3 class="timeline-item__role">PHP-разработчик (с обязанностями руководителя группы) — ИстВуд</h3>
<ul>
<li>Интернет-магазины на 1С-Битрикс, интеграции с 1С и платёжными системами.</li>
<li>Фактически руководил командой из 3 разработчиков: задачи, код-ревью, технические собеседования.</li>
</ul>
</li>
</ol>
</section>
<section class="skills">
<h2 class="prompt">skills --list</h2>
<ul class="tag-list">
<li class="tag">PHP8</li>
<li class="tag">Symfony</li>
<li class="tag">Zend Framework</li>
<li class="tag">Yii2</li>
<li class="tag">PostgreSQL</li>
<li class="tag">MySQL</li>
<li class="tag">ClickHouse</li>
<li class="tag">RabbitMQ</li>
<li class="tag">Docker</li>
<li class="tag">REST API</li>
<li class="tag">PHPUnit</li>
<li class="tag">ООП</li>
<li class="tag">Go (изучаю)</li>
</ul>
</section>
<section class="contact">
<h2 class="prompt">cat contact.txt</h2>
<ul class="contact-list">
<li><a href="mailto:cactozzz93@gmail.com">cactozzz93@gmail.com</a></li>
<li><a href="https://t.me/Cactozz">t.me/Cactozz</a></li>
</ul>
</section>
</main>
<div class="container">
<main id="resume-root"></main>
</div>
<script type="module" src="/js/matrix-rain.js"></script>
<script type="module" src="/js/resume.js"></script>
</body>
</html>