feat: добавлена карточка Астратек в опыт работы

src/pages/index.html

@@ -381,13 +381,26 @@
         <div class="section__inner">
           <h2 id="experience-title" class="section__title">Опыт работы</h2>
           <ol id="experience-list" class="experience-grid">
+            <li class="experience-grid__item">
+              <div class="exp-card" data-exp-order="1">
+                <div class="exp-card__time-row">
+                  <span class="exp-card__period">Январь 2026 — Настоящее время</span>
+                </div>
+                <h3 class="exp-card__company">
+                  Астратек
+                </h3>
+                <p class="exp-card__desc">
+                  Разработка и поддержка цифровых систем и инструментов для повышения эффективности сотрудников.
+                </p>
+              </div>
+            </li>
             <li class="experience-grid__item">
               <a
                 class="exp-card exp-card--link"
                 href="https://primo-rpa.com/"
                 target="_blank"
                 rel="noopener noreferrer"
-                data-exp-order="1"
+                data-exp-order="2"
                 aria-label="Primo RPA — открыть сайт компании"
               >
                 <div class="exp-card__time-row">
@@ -410,7 +423,7 @@
                 href="https://icons8.com/lunacy"
                 target="_blank"
                 rel="noopener noreferrer"
-                data-exp-order="2"
+                data-exp-order="3"
                 aria-label="Icons8 (Lunacy) — открыть сайт компании"
               >
                 <div class="exp-card__time-row">
@@ -433,7 +446,7 @@
                 href="https://manu.co/"
                 target="_blank"
                 rel="noopener noreferrer"
-                data-exp-order="3"
+                data-exp-order="4"
                 aria-label="MANU Video Game Maker — открыть сайт компании"
               >
                 <div class="exp-card__time-row">
@@ -450,36 +463,13 @@
                 </p>
               </a>
             </li>
-            <li class="experience-grid__item" data-exp-extra hidden>
-              <a
-                class="exp-card exp-card--link"
-                href="https://aegees.com/"
-                target="_blank"
-                rel="noopener noreferrer"
-                data-exp-order="4"
-                aria-label="AEGEES — открыть сайт компании"
-              >
-                <div class="exp-card__time-row">
-                  <span class="exp-card__period">Октябрь 2017 — Декабрь 2018</span>
-                  <span class="exp-card__sep" aria-hidden="true">·</span>
-                  <span class="exp-card__duration">1 год 3 месяца</span>
-                </div>
-                <h3 class="exp-card__company">
-                  AEGEES
-                  <span class="exp-card__ext" aria-hidden="true"></span>
-                </h3>
-                <p class="exp-card__desc">
-                  Защищённый мессенджер с end‑to‑end шифрованием и отсутствием хранения сообщений на серверах, сфокусированный на максимальной приватности пользователей.
-                </p>
-              </a>
-            </li>
             <li class="experience-grid__item" data-exp-extra hidden>
               <a
                 class="exp-card exp-card--link"
                 href="https://www.orioninnovation.com/"
                 target="_blank"
                 rel="noopener noreferrer"
-                data-exp-order="5"
+                data-exp-order="6"
                 aria-label="Orion Innovation (ex MERA) — открыть сайт компании"
               >
                 <div class="exp-card__time-row">
@@ -496,13 +486,36 @@
                 </p>
               </a>
             </li>
+            <li class="experience-grid__item" data-exp-extra hidden>
+              <a
+                class="exp-card exp-card--link"
+                href="https://aegees.com/"
+                target="_blank"
+                rel="noopener noreferrer"
+                data-exp-order="5"
+                aria-label="Aegees — открыть сайт компании"
+              >
+                <div class="exp-card__time-row">
+                  <span class="exp-card__period">Октябрь 2017 — Декабрь 2018</span>
+                  <span class="exp-card__sep" aria-hidden="true">·</span>
+                  <span class="exp-card__duration">1 год 3 месяца</span>
+                </div>
+                <h3 class="exp-card__company">
+                  Aegees
+                  <span class="exp-card__ext" aria-hidden="true"></span>
+                </h3>
+                <p class="exp-card__desc">
+                  Защищённый мессенджер с end‑to‑end шифрованием и отсутствием хранения сообщений на серверах, сфокусированный на максимальной приватности пользователей.
+                </p>
+              </a>
+            </li>
             <li class="experience-grid__item" data-exp-extra hidden>
               <a
                 class="exp-card exp-card--link"
                 href="https://spaceshipapps.ru/"
                 target="_blank"
                 rel="noopener noreferrer"
-                data-exp-order="6"
+                data-exp-order="7"
                 aria-label="SpaceshipApps — открыть сайт компании"
               >
                 <div class="exp-card__time-row">

src/pages/resume.html

@@ -0,0 +1,308 @@
+<!DOCTYPE html>
+<html lang="ru" data-theme="dark" data-radius="medium">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+    <meta
+      name="description"
+      content="Резюме Николая Мамадаева — продуктовый дизайнер с опытом более 10 лет."
+    />
+    <title>Резюме — Николай Мамадаев</title>
+    {{> head-links}}
+    <style>
+      .resume-doc {
+        max-width: 48rem;
+        margin: 0 auto;
+        background: var(--surface);
+        border: 1px solid var(--line);
+        border-radius: var(--radius-card);
+        padding: clamp(1.5rem, 3vw, 2.5rem);
+      }
+      .resume-header {
+        display: flex;
+        gap: 1.5rem;
+        align-items: flex-start;
+        margin-bottom: 1.5rem;
+        flex-direction: row-reverse;
+        justify-content: flex-end;
+      }
+      .resume-photo {
+        width: 120px;
+        height: 120px;
+        border-radius: var(--radius-sm);
+        object-fit: cover;
+        border: 2px solid var(--line);
+        flex-shrink: 0;
+      }
+      @media (max-width: 32rem) {
+        .resume-header {
+          flex-direction: column;
+          align-items: center;
+          text-align: center;
+        }
+        .resume-photo {
+          width: 100px;
+          height: 100px;
+        }
+      }
+      .resume-doc h2 {
+        margin: 2rem 0 0.75rem;
+        font-size: clamp(1.15rem, 2vw, 1.35rem);
+        font-weight: 700;
+        color: var(--text);
+      }
+      .resume-doc .section__prose + .section__prose {
+        margin-top: 0.75rem;
+      }
+      .resume-doc .section__prose a {
+        color: var(--accent);
+      }
+      .resume-contacts {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.25rem 1.5rem;
+        margin: 0.75rem 0 1.5rem;
+        font-size: 0.92rem;
+        color: var(--text-muted);
+      }
+      .resume-contacts span {
+        white-space: nowrap;
+      }
+      .resume-contacts a {
+        color: var(--accent);
+      }
+      .resume-exp {
+        margin: 1.25rem 0;
+      }
+      .resume-exp__company {
+        font-weight: 700;
+        color: var(--text);
+      }
+      .resume-exp__role {
+        font-style: italic;
+        color: var(--text-muted);
+        font-size: 0.92rem;
+      }
+      .resume-exp__period {
+        font-size: 0.85rem;
+        color: var(--text-muted);
+        margin-bottom: 0.35rem;
+      }
+      .resume-exp ul {
+        margin: 0.35rem 0 0;
+        padding-left: 1.25rem;
+        color: var(--text-muted);
+        font-size: 0.92rem;
+      }
+      .resume-exp li + li {
+        margin-top: 0.25rem;
+      }
+      .resume-skills {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 1rem;
+        margin: 0.75rem 0;
+      }
+      @media (max-width: 32rem) {
+        .resume-skills {
+          grid-template-columns: 1fr;
+        }
+      }
+      .resume-skill {
+        font-size: 0.92rem;
+      }
+      .resume-skill__title {
+        font-weight: 600;
+        color: var(--text);
+        margin-bottom: 0.15rem;
+      }
+      .resume-skill__desc {
+        color: var(--text-muted);
+      }
+      .resume-edu {
+        margin: 0.5rem 0;
+      }
+      .resume-edu__school {
+        font-weight: 700;
+        color: var(--text);
+      }
+      .resume-edu__period {
+        font-size: 0.85rem;
+        color: var(--text-muted);
+      }
+      .resume-edu__spec {
+        font-size: 0.92rem;
+        color: var(--text-muted);
+      }
+      .resume-additional h3 {
+        margin: 1rem 0 0.35rem;
+        font-size: 1rem;
+        font-weight: 600;
+        color: var(--text);
+      }
+      .resume-additional ul {
+        margin: 0.25rem 0;
+        padding-left: 1.25rem;
+        color: var(--text-muted);
+        font-size: 0.92rem;
+      }
+      .resume-additional li + li {
+        margin-top: 0.25rem;
+      }
+    </style>
+  </head>
+  <body>
+    {{> header-minimal}}
+    {{> fab-stack-home-contact}}
+    <main id="main" class="section section--surface section--tight">
+      <div class="section__inner resume-doc">
+        <div class="resume-header">
+          <img class="resume-photo" src="{{assetPrefix}}assets/index/me-transparentBG-1.webp" alt="Николай Мамадаев" width="120" height="120" />
+          <div>
+            <p class="hero__eyebrow">Резюме</p>
+            <h1 class="case-page__h1">Николай Мамадаев</h1>
+            <p class="section__prose"><strong>Product Designer / Senior UX/UI Designer</strong></p>
+          </div>
+        </div>
+
+        <div class="resume-contacts">
+          <span>Калининград, Россия · Удалённо</span>
+          <span>Телефон: +7 (960) 294-24-05</span>
+          <span>Telegram: <a href="https://t.me/mamadaevv" target="_blank" rel="noopener">@mamadaevv</a></span>
+          <span>Email: <a href="mailto:nik@mamadaevv.site">nik@mamadaevv.site</a></span>
+          <span>Сайт: <a href="https://mamadaevv.site" target="_blank" rel="noopener">mamadaevv.site</a></span>
+        </div>
+
+        <h2 id="profile">Профиль</h2>
+        <p class="section__prose">
+          Продуктовый дизайнер с 10+ годами опыта в UX/UI, проектировании сложных интерфейсов, исследованиях и развитии дизайн-систем для web, desktop и mobile. Работаю на стыке дизайна и продукта: перевожу бизнес-задачи, продуктовые гипотезы и сложный контент в понятные сценарии с логичной информационной архитектурой и визуально привлекательными интерфейсами. Сильные стороны — Figma, пользовательские исследования, прототипирование, дизайн-системы, работа с метриками и плотная связка с разработкой.
+        </p>
+
+        <h2 id="experience">Опыт работы</h2>
+
+        <div class="resume-exp">
+          <p class="resume-exp__company">Астратек</p>
+          <p class="resume-exp__role">Ведущий UI/UX дизайнер</p>
+          <p class="resume-exp__period">Январь 2026 — Настоящее время</p>
+          <ul>
+            <li>Разработка и поддержка цифровых систем и инструментов для повышения эффективности сотрудников.</li>
+          </ul>
+        </div>
+
+        <div class="resume-exp">
+          <p class="resume-exp__company">Primo RPA</p>
+          <p class="resume-exp__role">Ведущий UI/UX дизайнер</p>
+          <p class="resume-exp__period">Февраль 2023 — Ноябрь 2025 · Москва / удалённо</p>
+          <ul>
+            <li>Отвечал за развитие UX/UI нескольких продуктов: Studio, Orchestrator, Idea Hub и AI Server.</li>
+            <li>Проектировал и улучшал графические интерфейсы, проводил пользовательские исследования, создавал интерактивные прототипы и поддерживал UI-kit.</li>
+            <li>Участвовал в обновлении визуального языка продуктов компании; в веб-сервисах помог перейти к единой дизайн-системе и более целостному пользовательскому опыту.</li>
+            <li>Работал в связке с разработкой и сопровождал внедрение решений до реализации.</li>
+          </ul>
+        </div>
+
+        <div class="resume-exp">
+          <p class="resume-exp__company">Icons8</p>
+          <p class="resume-exp__role">UI/UX дизайнер</p>
+          <p class="resume-exp__period">Июль 2022 — Январь 2023</p>
+          <ul>
+            <li>Проектировал интерфейсы для редактора Lunacy, оформлял user flows и передавал решения в разработку.</li>
+            <li>Создавал сложные прототипы, дорабатывал иконки и предлагал улучшения функциональности продукта.</li>
+          </ul>
+        </div>
+
+        <div class="resume-exp">
+          <p class="resume-exp__company">MANU Video Game Maker</p>
+          <p class="resume-exp__role">Team Lead Product Team</p>
+          <p class="resume-exp__period">Январь 2019 — Декабрь 2021 · Москва</p>
+          <ul>
+            <li>Выполнил масштабный редизайн продукта и заложил новую концепцию интерфейса для сложных сценариев.</li>
+            <li>Спроектировал поведение интерфейса для более чем сотни пользовательских сценариев и разработал дизайн-систему.</li>
+            <li>Проводил исследования пользователей, создавал персоны и карты эмпатии, работал с аналитикой и продуктовыми метриками.</li>
+            <li>Проектировал информационную архитектуру сайта вместе с командой и курировал создание пользовательской документации.</li>
+          </ul>
+        </div>
+
+        <div class="resume-exp">
+          <p class="resume-exp__company">Aegees</p>
+          <p class="resume-exp__role">UX/UI дизайнер</p>
+          <p class="resume-exp__period">Октябрь 2017 — Декабрь 2018 · Сочи</p>
+          <ul>
+            <li>Занимался разработкой дизайна кроссплатформенного мессенджера для платформ Android, iOS, MacOS, Windows и Linux.</li>
+            <li>Контролировал процесс работы с зарубежными иллюстраторами по подготовке графических материалов.</li>
+          </ul>
+        </div>
+
+        <div class="resume-exp">
+          <p class="resume-exp__company">Orion Innovation (ex MERA)</p>
+          <p class="resume-exp__role">UI/UX дизайнер</p>
+          <p class="resume-exp__period">Июль 2016 — Октябрь 2017</p>
+          <ul>
+            <li>Создавал wireframes, финальный UI, сценарии, карты экранов и дизайн-концепции в составе продуктовой команды.</li>
+            <li>Проводил качественные usability tests, презентовал решения клиентам и сопровождал реализацию в разработке.</li>
+          </ul>
+        </div>
+
+        <div class="resume-exp">
+          <p class="resume-exp__company">SpaceshipApps</p>
+          <p class="resume-exp__role">UX/UI дизайнер</p>
+          <p class="resume-exp__period">Июнь 2015 — Июнь 2016 · Москва</p>
+          <ul>
+            <li>Разрабатывал дизайн для мобильного приложения социальной игры с квестами в реальном мире, приложения для записи к специалистам, сервиса заказа еды, голосовой игры с ботом, сайта и админки для сервиса регистрации авторского права, а также мобильной «белой доски» для коллаборативной работы.</li>
+          </ul>
+        </div>
+
+        <h2 id="skills">Ключевые навыки</h2>
+
+        <div class="resume-skills">
+          <div class="resume-skill">
+            <p class="resume-skill__title">Проектирование</p>
+            <p class="resume-skill__desc">UX/UI дизайн, product design, проектирование интерфейсов, информационная архитектура, адаптивный дизайн, работа со сложным контентом и аналитическими сценариями</p>
+          </div>
+          <div class="resume-skill">
+            <p class="resume-skill__title">Исследования и аналитика</p>
+            <p class="resume-skill__desc">Интервью, опросы, usability testing, проверка гипотез, работа с продуктовыми метриками</p>
+          </div>
+          <div class="resume-skill">
+            <p class="resume-skill__title">Инструменты</p>
+            <p class="resume-skill__desc">Figma (компоненты, auto-layout, прототипирование, библиотеки, подготовка к разработке, плагины), дизайн-системы и UI-kit</p>
+          </div>
+          <div class="resume-skill">
+            <p class="resume-skill__title">Процессы и коммуникация</p>
+            <p class="resume-skill__desc">Авторский надзор, консистентность интерфейсов, взаимодействие со стейкхолдерами, разработчиками и продуктовыми командами</p>
+          </div>
+        </div>
+
+        <h2 id="education">Образование</h2>
+
+        <div class="resume-edu">
+          <p class="resume-edu__school">СЛПТ (Сокольский лесопромышленный политехнический техникум)</p>
+          <p class="resume-edu__period">2006–2009</p>
+          <p class="resume-edu__spec">Эксплуатация и обслуживание электрического и электромеханического оборудования (по отраслям)</p>
+        </div>
+
+        <h2 id="languages">Языки</h2>
+        <p class="section__prose">Английский (B1)</p>
+
+        <h2 id="additional">Дополнительно</h2>
+
+        <div class="resume-additional">
+          <h3>AI и новые инструменты</h3>
+          <ul>
+            <li>Активно использую AI-инструменты для ресёрча, генерации идей, ускорения рутинных задач и поиска продуктовых решений. Для визуальных экспериментов — Recraft, GPT, YandexART.</li>
+            <li>Собрал приватный AI-плагин для дизайнерской рутины. Регулярно использую Perplexity PRO для анализа, структурирования информации и проработки идей.</li>
+          </ul>
+
+          <h3>Pet-проекты и профессиональная среда</h3>
+          <ul>
+            <li>Делаю pet-проекты с no-code и автоматизациями, использую n8n, REST API и PostgreSQL в собственных сценариях и связках сервисов.</li>
+            <li>Веду профессиональные активности вне основной работы: Telegram-каналы, Figma Community, дизайнерские наработки и эксперименты на стыке дизайна, автоматизации и AI.</li>
+          </ul>
+        </div>
+      </div>
+    </main>
+
+    {{> footer}}
+    {{> cookie-notice}}
+  </body>
+</html>