cacto/cactoz.su
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Правки по аудиту сайта: og-теги, честный whoami, prerender, переименование игры

Browse Source 
- og:title/description/image + canonical + twitter:card в index.html,
  нарисован assets/og.png (1200x630, тема сайта). CSP не трогали — картинка
  того же происхождения.
- Переписан текст «обо мне» и формулировка про текущую работу в
  Уралэнергоаква (убраны двусмысленности "неофициально возглавлял" и
  "продолжаю искать"), Go убран из title/skills-тега как отдельная
  "изучаю" пометка — теперь просто в стеке, раз есть реальный Go-код в
  home_automatization.
- resume.js/projects.js больше не перерисовывают контент через JS при
  языке по умолчанию (ru) — index.html/projects.html содержат готовый
  серверный HTML, JS перерисовывает только при переключении на EN. Раньше
  весь текст резюме подгружался пустым в #resume-root, curl без JS ничего
  не видел.
- Добавлены кнопка «скачать резюме (PDF)» и ссылка на git.cactoz.su в
  первый экран резюме.
- home_automatization на /projects честно помечен «в разработке» вместо
  описания как готового продукта.
- Игра переименована из BattleCity (товарный знак Namco) в ./tanks,
  убрана из основного меню во все страницы — ссылка теперь только в
  подвале страницы whoami.
This commit is contained in:
cacto
2026-08-10 20:40:03 +05:00
parent 6f702eafcb
commit d4655bda2b
12 changed files with 323 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
TZ.md
+2 -2
View File
@@ -9,7 +9,7 @@
**Ник `cacto` (кактус) — сквозной мотив:** **Ник `cacto` (кактус) — сквозной мотив:**
- Пиксельный кактус (16×16 или 32×32 спрайт, зелёный/серебро на чёрном) как лого в шапке и favicon. - Пиксельный кактус (16×16 или 32×32 спрайт, зелёный/серебро на чёрном) как лого в шапке и favicon.
- ASCII-арт кактуса в hero-блоке главной страницы. - ASCII-арт кактуса в hero-блоке главной страницы.
- Терминальные префиксы вместо обычных заголовков/навигации: `cacto@matrix:~$ whoami`, `cacto@matrix:~$ ls projects/`, `cacto@matrix:~$ ./battlecity`. - Терминальные префиксы вместо обычных заголовков/навигации: `cacto@matrix:~$ whoami`, `cacto@matrix:~$ ls projects/`, `cacto@matrix:~$ ./tanks`.
- Названия комнат в лобби генерируются в формате `cactus-room-01`, `cactus-room-02`, ... - Названия комнат в лобби генерируются в формате `cactus-room-01`, `cactus-room-02`, ...
- Характер, а не просто ник: живучесть, минимум ресурсов, "колючий" стиль текста в отдельных местах (например, error-сообщения). - Характер, а не просто ник: живучесть, минимум ресурсов, "колючий" стиль текста в отдельных местах (например, error-сообщения).
@@ -19,7 +19,7 @@
|---|------|------------| |---|------|------------|
| 1 | `index.html` | Резюме — PHP/Go backend, опыт КИПиА/АСУТП | | 1 | `index.html` | Резюме — PHP/Go backend, опыт КИПиА/АСУТП |
| 2 | `projects.html` | Карточки проектов со ссылками на репозитории | | 2 | `projects.html` | Карточки проектов со ссылками на репозитории |
| 3 | `game.html` | BattleCity: лобби + игра | | 3 | `game.html` | ./tanks: лобби + игра (танки, собственная разработка — без привязки к товарным знакам) |
## 3. Структура проекта ## 3. Структура проекта
frontend/assets/dmitry-gammel-cv.pdf
BIN
View File
Binary file not shown.
frontend/assets/og.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 184 KiB

frontend/css/game.css
+1 -1
View File
@@ -89,7 +89,7 @@
color: var(--color-accent-dim); color: var(--color-accent-dim);
} }
#battlecity-canvas-container { #tanks-canvas-container {
position: relative; position: relative;
max-width: 900px; max-width: 900px;
margin: 1.5rem 0; margin: 1.5rem 0;
frontend/css/resume.css
+33
View File
@@ -22,6 +22,27 @@
max-width: 34ch; max-width: 34ch;
} }
.hero-actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1.25rem;
}
.hero-actions__btn {
border: 1px solid var(--color-accent-dim);
color: var(--color-fg);
font-size: 0.85rem;
padding: 0.45rem 0.9rem;
}
.hero-actions__btn:hover {
border-color: var(--color-accent);
color: var(--color-accent);
box-shadow: 0 0 6px var(--color-accent-dim);
text-decoration: none;
}
.status-line { .status-line {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -169,6 +190,18 @@ section {
margin-top: 0.1rem; margin-top: 0.1rem;
} }
.site-footer {
border-top: var(--border);
margin-top: 1rem;
padding: 1.5rem 0 0;
}
.site-footer p {
color: var(--color-silver);
font-size: 0.85rem;
margin: 0;
}
@media (max-width: 640px) { @media (max-width: 640px) {
.hero { .hero {
flex-direction: column; flex-direction: column;
frontend/game.html
+3 -4
View File
@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>./battlecity — cacto</title> <title>./tanks — cacto</title>
<link rel="icon" type="image/svg+xml" href="/assets/cactus-logo.svg" /> <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.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -23,7 +23,6 @@
<ul class="nav-links"> <ul class="nav-links">
<li><a href="/">whoami</a></li> <li><a href="/">whoami</a></li>
<li><a href="/projects">ls projects/</a></li> <li><a href="/projects">ls projects/</a></li>
<li><a href="/game" aria-current="page">./battlecity</a></li>
<li><button id="lang-toggle" class="lang-btn" type="button">EN</button></li> <li><button id="lang-toggle" class="lang-btn" type="button">EN</button></li>
</ul> </ul>
</div> </div>
@@ -31,9 +30,9 @@
<div class="container"> <div class="container">
<main id="game-root"> <main id="game-root">
<h2 class="prompt">./battlecity</h2> <h2 class="prompt">./tanks</h2>
<div id="lobby"></div> <div id="lobby"></div>
<div id="battlecity-canvas-container" style="display: none"></div> <div id="tanks-canvas-container" style="display: none"></div>
</main> </main>
</div> </div>
frontend/index.html
+195 -4
View File
@@ -3,8 +3,15 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>cacto — Гаммель Дмитрий, PHP/Go backend</title> <title>cacto — Гаммель Дмитрий, PHP backend-разработчик</title>
<meta name="description" content="Гаммель Дмитрий — backend-разработчик PHP/Go. Резюме, проекты, эксперименты." /> <meta name="description" content="Гаммель Дмитрий — backend-разработчик PHP. 6 лет коммерческого опыта: банковская IT-инфраструктура, ClickHouse-аналитика, legacy. Резюме, проекты." />
<link rel="canonical" href="https://cactoz.su/" />
<meta property="og:type" content="profile" />
<meta property="og:url" content="https://cactoz.su/" />
<meta property="og:title" content="Дмитрий Гаммель — backend-разработчик PHP" />
<meta property="og:description" content="6 лет коммерческого PHP: банковская IT-инфраструктура, ClickHouse-аналитика, legacy. До этого — АСУТП и электротехника." />
<meta property="og:image" content="https://cactoz.su/assets/og.png" />
<meta name="twitter:card" content="summary_large_image" />
<link rel="icon" type="image/svg+xml" href="/assets/cactus-logo.svg" /> <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.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -24,14 +31,198 @@
<ul class="nav-links"> <ul class="nav-links">
<li><a href="/" aria-current="page">whoami</a></li> <li><a href="/" aria-current="page">whoami</a></li>
<li><a href="/projects">ls projects/</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> <li><button id="lang-toggle" class="lang-btn" type="button">EN</button></li>
</ul> </ul>
</div> </div>
</header> </header>
<div class="container"> <div class="container">
<main id="resume-root"></main> <!--
Статика ниже — серверный RU-рендер того же содержимого, что генерирует
frontend/js/resume.js (DATA.ru). Сделано так, чтобы curl/поисковики без
исполнения JS видели текст резюме, а не пустой #resume-root. resume.js
не перерисовывает при lang=ru (по умолчанию) — только при переключении
на EN. При правке текста резюме меняйте оба места: DATA.ru в resume.js
и разметку ниже.
-->
<main id="resume-root">
<section class="hero">
<pre class="ascii-cactus" aria-hidden="true"> , ,
|\_/|
.--| |--.
( | | )
&#96;--| |--&#39;
| |
.--| |--.
( | | )
&#96;--| |--&#39;
| |
| |
__| |__
(_________)</pre>
<div class="hero-text">
<div class="status-line"><span class="status-dot"></span>STATUS: OPEN TO WORK</div>
<h1><span class="glitch" data-text="Гаммель Дмитрий">Гаммель Дмитрий</span></h1>
<p class="role">PHP-разработчик (Backend, Middle+/Senior)</p>
<p class="tagline">От электрического сигнала до строчки кода.</p>
<div class="hero-actions">
<a class="hero-actions__btn" href="/assets/dmitry-gammel-cv.pdf" download>скачать резюме (PDF)</a>
<a class="hero-actions__btn" href="https://git.cactoz.su/cacto" target="_blank" rel="noopener">git.cactoz.su/cacto</a>
</div>
</div>
</section>
<section class="about">
<h2 class="section-heading"><span class="section-heading__num">01</span>cat about.txt</h2>
<p>Backend-разработчик, 6 лет коммерческого опыта на PHP. Работаю с legacy, сложными запросами и архитектурными решениями — там, где «просто добавить фичу» не получается.</p>
<p>Спроектировал аналитический контур на ClickHouse: отчёты формировались 3–4 минуты, стали за 10–15 секунд. Вёл разработку модуля документооборота в банковской IT-инфраструктуре — архитектура, декомпозиция, код-ревью, онбординг разработчиков.</p>
<p>Начинал с электротехники и АСУТП: писал управляющий софт для промышленных систем на ST, поднимал SCADA. Путь «от электрического сигнала до строчки кода» помогает быстро вникать в чужие системы и в задачи на стыке железа и бэкенда.</p>
<p>Ищу позицию Middle+/Senior backend. Основной стек — PHP, параллельно пишу на Go.</p>
</section>
<section class="experience">
<h2 class="section-heading"><span class="section-heading__num">02</span>ls -la experience/</h2>
<ol class="timeline">
<li class="timeline-item">
<div class="timeline-item__meta">март 2026 — настоящее время · 5 месяцев</div>
<h3 class="timeline-item__role">Программист АСУТП и КИПиА</h3>
<div class="timeline-item__company">Уралэнергоаква · Екатеринбург</div>
<ul>
<li><span class="dash">-</span><span>Временный период вне основной специальности после завершения проекта в ЭТП ГПБ. Ищу позицию backend-разработчика; параллельно — пет-проекты и Go.</span></li>
</ul>
</li>
<li class="timeline-item">
<div class="timeline-item__meta">июль 2022 — март 2026 · 3 года 9 месяцев</div>
<h3 class="timeline-item__role">PHP-разработчик</h3>
<div class="timeline-item__company">ООО «ЭТП ГПБ» (дочернее АО «Газпромбанк») · Екатеринбург</div>
<ul>
<li><span class="dash">-</span><span>Разрабатывал и поддерживал внутреннюю систему электронного документооборота для согласования и контроля исполнения договоров.</span></li>
<li><span class="dash">-</span><span>Поддерживал и развивал legacy-проект на Zend Framework, участвовал в архитектурном переходе на Symfony; PHP 7.4 → 8.0.</span></li>
<li><span class="dash">-</span><span>Переписывал построители запросов на «чистый» SQL с оптимизацией под PostgreSQL, внедрял сервисный слой архитектуры.</span></li>
<li><span class="dash">-</span><span>Спроектировал и реализовал аналитический контур отчётности на ClickHouse — сократил время формирования отчётов с 3–4 минут до 10–15 секунд.</span></li>
<li><span class="dash">-</span><span>Реализовал интеграции с внутренними банковскими сервисами, включая проверку электронной подписи и машиночитаемых доверенностей.</span></li>
<li><span class="dash">-</span><span>Работал с очередями сообщений (RabbitMQ) для асинхронной обработки задач.</span></li>
<li><span class="dash">-</span><span>Неофициально возглавлял разработку нового модуля документооборота: планировал архитектуру, проводил код-ревью, довёл проект до MVP.</span></li>
<li><span class="dash">-</span><span>Работал по Scrum: месячные спринты, таск-трекер YouTrack, оценка задач методом Planning Poker.</span></li>
</ul>
</li>
<li class="timeline-item">
<div class="timeline-item__meta">март 2021 — июль 2022 · 1 год 5 месяцев</div>
<h3 class="timeline-item__role">PHP-разработчик</h3>
<div class="timeline-item__company">фриланс/субподряд · kupisever.ru · удалённо</div>
<ul>
<li><span class="dash">-</span><span>Дорабатывал бэкенд действующей B2B-платформы (доска объявлений) на Yii2 в качестве субподрядчика, работал самостоятельно на удалённом проекте. Стек: PHP, Yii2, PostgreSQL, RabbitMQ, Docker.</span></li>
<li><span class="dash">-</span><span>Разработал модуль email-рассылок с очередями сообщений (RabbitMQ): веб-форма конструктора писем с текстовым редактором и гибкой настройкой параметров рассылки.</span></li>
<li><span class="dash">-</span><span>Реализовал модуль категорий объявлений — административную часть (бэкенд) и клиентское меню (фронтенд).</span></li>
</ul>
</li>
<li class="timeline-item">
<div class="timeline-item__meta">июль 2020 — март 2021 · 9 месяцев</div>
<h3 class="timeline-item__role">PHP-разработчик (с обязанностями руководителя группы)</h3>
<div class="timeline-item__company">ИстВуд · Курган</div>
<ul>
<li><span class="dash">-</span><span>Интернет-магазины на 1С-Битрикс: вёрстка, интеграция готовых модулей, доработка бизнес-логики под задачи клиентов.</span></li>
<li><span class="dash">-</span><span>Реализовал интеграции с 1С (обмен товарными каталогами и заказами) и платёжными системами (эквайринг).</span></li>
<li><span class="dash">-</span><span>Реализовал нестандартный механизм автоматического получения и обновления каталога товаров (несколько тысяч позиций, ежесуточное обновление) для интернет-магазина на кастомном шаблоне вне типовых решений Bitrix.</span></li>
<li><span class="dash">-</span><span>Разработал функционал онлайн-записи на приём к врачу для сайта частной клиники; реализовал интеграцию с фискальным регистратором.</span></li>
<li><span class="dash">-</span><span>Участвовал во внедрении Битрикс24: настройка бизнес-процессов и цепочек согласования закупок.</span></li>
<li><span class="dash">-</span><span>Фактически руководил командой из 3 разработчиков: распределял задачи, контролировал качество реализации, проводил технические собеседования.</span></li>
</ul>
</li>
<li class="timeline-item">
<div class="timeline-item__meta">октябрь 2019 — февраль 2020 · 5 месяцев</div>
<h3 class="timeline-item__role">Техник по телекоммуникациям</h3>
<div class="timeline-item__company">Урал-М · Курган</div>
<ul>
<li><span class="dash">-</span><span>Настройка и обслуживание систем СКУД, видеонаблюдения, радиоканальной связи; работа с 1С.</span></li>
</ul>
</li>
<li class="timeline-item">
<div class="timeline-item__meta">апрель 2014 — июль 2018 · 4 года 4 месяца</div>
<h3 class="timeline-item__role">Техник-электрик</h3>
<div class="timeline-item__company">Кирпичный завод, Мясокомбинат, Хлебозавод · Курган</div>
<ul>
<li><span class="dash">-</span><span>Электромонтажные и наладочные работы на производственных предприятиях.</span></li>
</ul>
</li>
</ol>
</section>
<section class="skills">
<h2 class="section-heading"><span class="section-heading__num">03</span>skills --list</h2>
<div class="skill-group">
<div class="skill-group__title">backend</div>
<ul class="tag-list">
<li class="tag">PHP8</li>
<li class="tag">PHP7</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">SQL</li>
<li class="tag">RabbitMQ</li>
<li class="tag">Docker</li>
<li class="tag">Git</li>
<li class="tag">REST API</li>
<li class="tag">PHPUnit</li>
<li class="tag">Composer</li>
<li class="tag">ООП</li>
<li class="tag">Go</li>
</ul>
</div>
<div class="skill-group">
<div class="skill-group__title">electrical / automation</div>
<ul class="tag-list">
<li class="tag">АСУТП</li>
<li class="tag">КИПиА</li>
<li class="tag">СКУД</li>
<li class="tag">Видеонаблюдение</li>
<li class="tag">Радиоканальная связь</li>
<li class="tag">Электромонтаж</li>
<li class="tag">1С</li>
</ul>
</div>
<div class="skill-group">
<div class="skill-group__title">soft</div>
<ul class="tag-list">
<li class="tag">Оптимизация SQL-запросов</li>
<li class="tag">Обучение и адаптация junior-разработчиков</li>
<li class="tag">Быстрая обучаемость</li>
</ul>
</div>
</section>
<section class="education">
<h2 class="section-heading"><span class="section-heading__num">04</span>cat education.txt</h2>
<ul class="edu-list">
<li class="edu-item">
<div class="edu-item__year">2013</div>
<div class="edu-item__degree">Неоконченное высшее</div>
<div class="edu-item__school">Тюменский государственный нефтегазовый университет (ТюмГНГУ)</div>
<div class="edu-item__detail">Институт кибернетики, информатики и связи, Электроэнергетика и электротехника</div>
</li>
<li class="edu-item">
<div class="edu-item__year">2011</div>
<div class="edu-item__degree">Свидетельство о квалификации «Электромонтёр 3 разряда»</div>
<div class="edu-item__school">ФГБОУ ВПО «Тюменский государственный университет»</div>
</li>
</ul>
</section>
<section class="contact">
<h2 class="section-heading"><span class="section-heading__num">05</span>cat contact.txt</h2>
<ul class="contact-list">
<li><span class="contact-list__label">email</span><a href="mailto:cactozzz93@gmail.com">cactozzz93@gmail.com</a></li>
<li><span class="contact-list__label">telegram</span><a href="https://t.me/Cactozz">t.me/Cactozz</a></li>
</ul>
</section>
</main>
<footer id="site-footer" class="site-footer">
<p>P.S. есть ещё <a href="/game">./tanks</a> — мультиплеерная мини-игра, если будет пара свободных минут.</p>
</footer>
</div> </div>
<script type="module" src="/js/matrix-rain.js"></script> <script type="module" src="/js/matrix-rain.js"></script>
frontend/js/game/battle.js
+1 -1
View File
@@ -364,7 +364,7 @@ export function startBattle(networkInstance, payload, ownPlayerId) {
const cols = payload.map[0].length; const cols = payload.map[0].length;
document.getElementById('lobby').style.display = 'none'; document.getElementById('lobby').style.display = 'none';
const container = document.getElementById('battlecity-canvas-container'); const container = document.getElementById('tanks-canvas-container');
container.style.display = 'block'; container.style.display = 'block';
container.innerHTML = ` container.innerHTML = `
<div class="battle-layout"> <div class="battle-layout">
frontend/js/game/lobby.js
+1 -1
View File
@@ -136,7 +136,7 @@ function render() {
// Вызывается из battle.js по кнопкам экрана победы/поражения. // Вызывается из battle.js по кнопкам экрана победы/поражения.
export function returnToLobbyContainer() { export function returnToLobbyContainer() {
document.getElementById('battlecity-canvas-container').style.display = 'none'; document.getElementById('tanks-canvas-container').style.display = 'none';
container.style.display = ''; container.style.display = '';
render(); render();
} }
frontend/js/projects.js
+12 -7
View File
@@ -8,15 +8,15 @@ const DATA = {
{ {
name: 'home_automatization', name: 'home_automatization',
description: description:
'Микросервисная платформа умного дома на Go и Laravel. Первая зона — гроубокс (полив, свет, климат), дальше — весь дом.', 'В разработке: архитектура и ТЗ готовы, микросервисы на Go и Laravel собираются. Первая зона — гроубокс (полив, свет, климат), дальше — весь дом.',
tags: ['Go', 'Laravel', 'Docker', 'RabbitMQ', 'ClickHouse', 'gRPC', 'MQTT'], tags: ['в разработке', 'Go', 'Laravel', 'Docker', 'RabbitMQ', 'ClickHouse', 'gRPC', 'MQTT'],
url: 'https://git.cactoz.su/cacto/home_automatization', url: 'https://git.cactoz.su/cacto/home_automatization',
linkLabel: 'открыть', linkLabel: 'открыть',
}, },
{ {
name: 'cactoz.su', name: 'cactoz.su',
description: description:
'Личный сайт-визитка: резюме, проекты и мультиплеерный клон BattleCity. Тема — Матрица.', 'Личный сайт-визитка: резюме, проекты и мультиплеерная мини-игра про танки. Тема — Матрица.',
tags: ['HTML/CSS/JS', 'C++', 'uWebSockets', 'Quintus.js', 'nginx', 'Docker'], tags: ['HTML/CSS/JS', 'C++', 'uWebSockets', 'Quintus.js', 'nginx', 'Docker'],
url: 'https://git.cactoz.su/cacto/cactoz.su', url: 'https://git.cactoz.su/cacto/cactoz.su',
linkLabel: 'открыть', linkLabel: 'открыть',
@@ -30,15 +30,15 @@ const DATA = {
{ {
name: 'home_automatization', name: 'home_automatization',
description: description:
'A microservice smart-home platform on Go and Laravel. First zone is a grow box (watering, lighting, climate), the whole house comes next.', 'Work in progress: architecture and spec are done, Go and Laravel microservices are being built. First zone is a grow box (watering, lighting, climate), the whole house comes next.',
tags: ['Go', 'Laravel', 'Docker', 'RabbitMQ', 'ClickHouse', 'gRPC', 'MQTT'], tags: ['in progress', 'Go', 'Laravel', 'Docker', 'RabbitMQ', 'ClickHouse', 'gRPC', 'MQTT'],
url: 'https://git.cactoz.su/cacto/home_automatization', url: 'https://git.cactoz.su/cacto/home_automatization',
linkLabel: 'open', linkLabel: 'open',
}, },
{ {
name: 'cactoz.su', name: 'cactoz.su',
description: description:
'A personal portfolio site: résumé, projects and a multiplayer BattleCity clone. Matrix theme throughout.', 'A personal portfolio site: résumé, projects and a small multiplayer tank game. Matrix theme throughout.',
tags: ['HTML/CSS/JS', 'C++', 'uWebSockets', 'Quintus.js', 'nginx', 'Docker'], tags: ['HTML/CSS/JS', 'C++', 'uWebSockets', 'Quintus.js', 'nginx', 'Docker'],
url: 'https://git.cactoz.su/cacto/cactoz.su', url: 'https://git.cactoz.su/cacto/cactoz.su',
linkLabel: 'open', linkLabel: 'open',
@@ -75,5 +75,10 @@ function render() {
.join(''); .join('');
} }
render(); // index.html-паттерн: projects.html уже содержит серверный RU-рендер этой
// же разметки, перерисовываем через JS только при переключении на EN.
document.title = `${DATA[getLang()].heading} — cacto`;
if (getLang() !== 'ru') {
render();
}
initLangToggle(render); initLangToggle(render);
frontend/js/resume.js
+32 -11
View File
@@ -8,16 +8,17 @@ const DATA = {
statusLabel: 'STATUS: OPEN TO WORK', statusLabel: 'STATUS: OPEN TO WORK',
aboutHeading: 'cat about.txt', aboutHeading: 'cat about.txt',
about: [ about: [
'PHP-разработчик с 6-летним коммерческим опытом, специализация — backend, сложные запросы к базам данных, работа с legacy-кодом. Прошёл путь от рядового разработчика до архитектурных и лидерских задач: спроектировал аналитический контур на ClickHouse, ускоривший формирование отчётности в 15-20 раз, неофициально возглавлял разработку модуля документооборота в банковской IT-инфраструктуре, вырос от специалиста без опыта в PHP до фактического руководителя команды за 3 месяца работы в digital-агентстве.', 'Backend-разработчик, 6 лет коммерческого опыта на PHP. Работаю с legacy, сложными запросами и архитектурными решениями — там, где «просто добавить фичу» не получается.',
'Разносторонний технический бэкграунд: начинал с электротехники и АСУТП, писал управляющий софт для автоматизированных систем — например, для фонтана, который до сих пор работает в центре Кургана под моей программой. Такой путь даёт понимание логики «от электрического сигнала до строчки кода» — это помогает быстро разбираться в сложных legacy-системах и нестандартных задачах.', 'Спроектировал аналитический контур на ClickHouse: отчёты формировались 3–4 минуты, стали за 10–15 секунд. Вёл разработку модуля документооборота в банковской IT-инфраструктуре — архитектура, декомпозиция, код-ревью, онбординг разработчиков.',
'Разностороннее образование — от электротехники до начального музыкального и театрального — помогает находить нестандартные решения и легко находить общий язык с людьми разного склада.', 'Начинал с электротехники и АСУТП: писал управляющий софт для промышленных систем на ST, поднимал SCADA. Путь «от электрического сигнала до строчки кода» помогает быстро вникать в чужие системы и в задачи на стыке железа и бэкенда.',
'Ищу позицию Middle+/Senior backend. Основной стек — PHP, параллельно пишу на Go.',
], ],
experienceHeading: 'ls -la experience/', experienceHeading: 'ls -la experience/',
experience: [ experience: [
{ {
period: 'март 2026 — настоящее время', duration: '5 месяцев', location: 'Екатеринбург', period: 'март 2026 — настоящее время', duration: '5 месяцев', location: 'Екатеринбург',
role: 'Программист АСУТП и КИПиА', company: 'Уралэнергоаква', role: 'Программист АСУТП и КИПиА', company: 'Уралэнергоаква',
bullets: ['Временный период вне основной специальности после завершения проекта в ЭТП ГПБ. Продолжаю развиваться как PHP-разработчик, активно ищу позицию по профилю backend-разработки.'], bullets: ['Временный период вне основной специальности после завершения проекта в ЭТП ГПБ. Ищу позицию backend-разработчика; параллельно — пет-проекты и Go.'],
}, },
{ {
period: 'июль 2022 — март 2026', duration: '3 года 9 месяцев', location: 'Екатеринбург', period: 'июль 2022 — март 2026', duration: '3 года 9 месяцев', location: 'Екатеринбург',
@@ -67,7 +68,7 @@ const DATA = {
], ],
skillsHeading: 'skills --list', skillsHeading: 'skills --list',
skillGroups: [ skillGroups: [
{ title: 'backend', items: ['PHP8', 'PHP7', 'Symfony', 'Zend Framework', 'Yii2', 'PostgreSQL', 'MySQL', 'ClickHouse', 'SQL', 'RabbitMQ', 'Docker', 'Git', 'REST API', 'PHPUnit', 'Composer', 'ООП', 'Go (изучаю)'] }, { title: 'backend', items: ['PHP8', 'PHP7', 'Symfony', 'Zend Framework', 'Yii2', 'PostgreSQL', 'MySQL', 'ClickHouse', 'SQL', 'RabbitMQ', 'Docker', 'Git', 'REST API', 'PHPUnit', 'Composer', 'ООП', 'Go'] },
{ title: 'electrical / automation', items: ['АСУТП', 'КИПиА', 'СКУД', 'Видеонаблюдение', 'Радиоканальная связь', 'Электромонтаж', '1С'] }, { title: 'electrical / automation', items: ['АСУТП', 'КИПиА', 'СКУД', 'Видеонаблюдение', 'Радиоканальная связь', 'Электромонтаж', '1С'] },
{ title: 'soft', items: ['Оптимизация SQL-запросов', 'Обучение и адаптация junior-разработчиков', 'Быстрая обучаемость'] }, { title: 'soft', items: ['Оптимизация SQL-запросов', 'Обучение и адаптация junior-разработчиков', 'Быстрая обучаемость'] },
], ],
@@ -78,6 +79,9 @@ const DATA = {
], ],
contactHeading: 'cat contact.txt', contactHeading: 'cat contact.txt',
contact: { email: 'cactozzz93@gmail.com', telegram: 't.me/Cactozz', telegramUrl: 'https://t.me/Cactozz' }, contact: { email: 'cactozzz93@gmail.com', telegram: 't.me/Cactozz', telegramUrl: 'https://t.me/Cactozz' },
resumeLabel: 'скачать резюме (PDF)',
giteaLabel: 'git.cactoz.su/cacto',
footerHtml: 'P.S. есть ещё <a href="/game">./tanks</a> — мультиплеерная мини-игра, если будет пара свободных минут.',
}, },
en: { en: {
name: 'Dmitry Gammel', name: 'Dmitry Gammel',
@@ -86,16 +90,17 @@ const DATA = {
statusLabel: 'STATUS: OPEN TO WORK', statusLabel: 'STATUS: OPEN TO WORK',
aboutHeading: 'cat about.txt', aboutHeading: 'cat about.txt',
about: [ about: [
"PHP developer with 6 years of commercial experience, specializing in backend: complex database queries, legacy code, architecture. Grew from a line developer into architecture and leadership work — designed a ClickHouse analytics pipeline that sped up reporting 15-20x, informally led a new document-workflow module in a bank's IT infrastructure, and went from a PHP beginner to de facto team lead within 3 months at a digital agency.", "Backend developer, 6 years of commercial PHP experience. I work with legacy code, complex queries, and architecture — the cases where \"just add a feature\" doesn't cut it.",
"Broad technical background: started in electrical engineering and industrial automation (ACS/KIPiA), writing control software for automated systems — including a fountain that still runs in the center of Kurgan on my program. That path gives an understanding of the full chain, from electrical signal to line of code, which helps me get up to speed fast in complex legacy systems and unfamiliar problems.", "Designed a ClickHouse analytics pipeline: reports went from 3–4 minutes to 10–15 seconds. Led development of a document-workflow module in a bank's IT infrastructure — architecture, decomposition, code review, onboarding developers.",
'A varied education — from electrical engineering to early music and theater — helps find unconventional solutions and get along with people of very different backgrounds.', 'Started in electrical engineering and industrial automation: wrote control software for industrial systems in ST, built SCADA systems. The path from electrical signal to line of code helps me get up to speed fast in unfamiliar systems and problems at the intersection of hardware and backend.',
'Looking for a Middle+/Senior backend position. Main stack is PHP, with Go on the side.',
], ],
experienceHeading: 'ls -la experience/', experienceHeading: 'ls -la experience/',
experience: [ experience: [
{ {
period: 'Mar 2026 — present', duration: '5 months', location: 'Yekaterinburg', period: 'Mar 2026 — present', duration: '5 months', location: 'Yekaterinburg',
role: 'ACS/KIPiA Programmer (industrial automation)', company: 'Uralenergoakva', role: 'ACS/KIPiA Programmer (industrial automation)', company: 'Uralenergoakva',
bullets: ["A temporary role outside my core specialty after wrapping up the ETP GPB project. Keep growing as a PHP developer and actively looking for a backend position."], bullets: ["A temporary role outside my core specialty after wrapping up the ETP GPB project. Looking for a backend position; alongside that — side projects and Go."],
}, },
{ {
period: 'Jul 2022 — Mar 2026', duration: '3 years 9 months', location: 'Yekaterinburg', period: 'Jul 2022 — Mar 2026', duration: '3 years 9 months', location: 'Yekaterinburg',
@@ -145,7 +150,7 @@ const DATA = {
], ],
skillsHeading: 'skills --list', skillsHeading: 'skills --list',
skillGroups: [ skillGroups: [
{ title: 'backend', items: ['PHP8', 'PHP7', 'Symfony', 'Zend Framework', 'Yii2', 'PostgreSQL', 'MySQL', 'ClickHouse', 'SQL', 'RabbitMQ', 'Docker', 'Git', 'REST API', 'PHPUnit', 'Composer', 'OOP', 'Go (learning)'] }, { title: 'backend', items: ['PHP8', 'PHP7', 'Symfony', 'Zend Framework', 'Yii2', 'PostgreSQL', 'MySQL', 'ClickHouse', 'SQL', 'RabbitMQ', 'Docker', 'Git', 'REST API', 'PHPUnit', 'Composer', 'OOP', 'Go'] },
{ title: 'electrical / automation', items: ['Industrial automation (ACS)', 'KIPiA', 'Access control', 'Video surveillance', 'Radio links', 'Electrical installation', '1C'] }, { title: 'electrical / automation', items: ['Industrial automation (ACS)', 'KIPiA', 'Access control', 'Video surveillance', 'Radio links', 'Electrical installation', '1C'] },
{ title: 'soft', items: ['SQL query optimization', 'Mentoring junior developers', 'Fast learner'] }, { title: 'soft', items: ['SQL query optimization', 'Mentoring junior developers', 'Fast learner'] },
], ],
@@ -156,6 +161,9 @@ const DATA = {
], ],
contactHeading: 'cat contact.txt', contactHeading: 'cat contact.txt',
contact: { email: 'cactozzz93@gmail.com', telegram: 't.me/Cactozz', telegramUrl: 'https://t.me/Cactozz' }, contact: { email: 'cactozzz93@gmail.com', telegram: 't.me/Cactozz', telegramUrl: 'https://t.me/Cactozz' },
resumeLabel: 'download résumé (PDF)',
giteaLabel: 'git.cactoz.su/cacto',
footerHtml: 'P.S. there\'s also <a href="/game">./tanks</a> — a small multiplayer game, if you have a couple of minutes.',
}, },
}; };
@@ -225,6 +233,10 @@ function render() {
<h1><span class="glitch" data-text="${t.name}">${t.name}</span></h1> <h1><span class="glitch" data-text="${t.name}">${t.name}</span></h1>
<p class="role">${t.title}</p> <p class="role">${t.title}</p>
<p class="tagline">${t.tagline}</p> <p class="tagline">${t.tagline}</p>
<div class="hero-actions">
<a class="hero-actions__btn" href="/assets/dmitry-gammel-cv.pdf" download>${t.resumeLabel}</a>
<a class="hero-actions__btn" href="https://git.cactoz.su/cacto" target="_blank" rel="noopener">${t.giteaLabel}</a>
</div>
</div> </div>
</section> </section>
@@ -255,7 +267,16 @@ function render() {
<li><span class="contact-list__label">telegram</span><a href="${t.contact.telegramUrl}">${t.contact.telegram}</a></li> <li><span class="contact-list__label">telegram</span><a href="${t.contact.telegramUrl}">${t.contact.telegram}</a></li>
</ul> </ul>
</section>`; </section>`;
const footer = document.getElementById('site-footer');
if (footer) footer.innerHTML = `<p>${t.footerHtml}</p>`;
} }
render(); // index.html уже содержит серверный RU-рендер этой же разметки (для
// поисковиков и curl без JS) — перерисовываем через JS только когда
// нужен другой язык, чтобы не терять эту статику зря на каждой загрузке.
document.title = `cacto — ${DATA[getLang()].name}, ${DATA[getLang()].title}`;
if (getLang() !== 'ru') {
render();
}
initLangToggle(render); initLangToggle(render);
frontend/projects.html
+43 -4
View File
@@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ls projects/ — cacto</title> <title>ls projects/ — cacto</title>
<meta name="description" content="Проекты Гаммеля Дмитрия: home automation platform и этот сайт." /> <meta name="description" content="Проекты Гаммеля Дмитрия: home automation platform и этот сайт." />
<link rel="canonical" href="https://cactoz.su/projects" />
<link rel="icon" type="image/svg+xml" href="/assets/cactus-logo.svg" /> <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.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -24,18 +25,56 @@
<ul class="nav-links"> <ul class="nav-links">
<li><a href="/">whoami</a></li> <li><a href="/">whoami</a></li>
<li><a href="/projects" aria-current="page">ls projects/</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> <li><button id="lang-toggle" class="lang-btn" type="button">EN</button></li>
</ul> </ul>
</div> </div>
</header> </header>
<div class="container"> <div class="container">
<!--
Статика ниже — серверный RU-рендер того же содержимого, что генерирует
frontend/js/projects.js (DATA.ru). projects.js не перерисовывает при
lang=ru — только при переключении на EN. При правке текста меняйте оба
места: DATA.ru в projects.js и разметку ниже.
-->
<main> <main>
<section> <section>
<h1 id="projects-heading" class="page-heading"></h1> <h1 id="projects-heading" class="page-heading">ls projects/</h1>
<p id="projects-subheading" class="page-subheading"></p> <p id="projects-subheading" class="page-subheading">Пара вещей, которые я собрал сам, от идеи до продакшена.</p>
<ul id="project-list" class="project-grid"></ul> <ul id="project-list" class="project-grid">
<li class="project-card">
<div class="project-card__header">
<div class="project-card__name"><span class="project-card__perms">drwxr-xr-x</span> home_automatization</div>
<a href="https://git.cactoz.su/cacto/home_automatization" target="_blank" rel="noopener">открыть →</a>
</div>
<p class="project-card__desc">В разработке: архитектура и ТЗ готовы, микросервисы на Go и Laravel собираются. Первая зона — гроубокс (полив, свет, климат), дальше — весь дом.</p>
<ul class="tag-list">
<li class="tag">в разработке</li>
<li class="tag">Go</li>
<li class="tag">Laravel</li>
<li class="tag">Docker</li>
<li class="tag">RabbitMQ</li>
<li class="tag">ClickHouse</li>
<li class="tag">gRPC</li>
<li class="tag">MQTT</li>
</ul>
</li>
<li class="project-card">
<div class="project-card__header">
<div class="project-card__name"><span class="project-card__perms">drwxr-xr-x</span> cactoz.su</div>
<a href="https://git.cactoz.su/cacto/cactoz.su" target="_blank" rel="noopener">открыть →</a>
</div>
<p class="project-card__desc">Личный сайт-визитка: резюме, проекты и мультиплеерная мини-игра про танки. Тема — Матрица.</p>
<ul class="tag-list">
<li class="tag">HTML/CSS/JS</li>
<li class="tag">C++</li>
<li class="tag">uWebSockets</li>
<li class="tag">Quintus.js</li>
<li class="tag">nginx</li>
<li class="tag">Docker</li>
</ul>
</li>
</ul>
</section> </section>
</main> </main>
</div> </div>