feat(home): секция Активность под Портфолио + активные кейсы впереди

public/en/index.html

@@ -811,6 +811,194 @@
           </div>
         </div>
       </section>
+      <section id="activity" class="section section--surface" aria-labelledby="mini-projects-title" data-reveal>
+        <div class="section__inner">
+          <h2 id="mini-projects-title" class="section__title">Activity</h2>
+          <div
+            class="skills-intro skills-intro--chat section__prose"
+            data-skills-intro
+            role="region"
+            aria-labelledby="mini-projects-title"
+          >
+            <div class="skills-msg" data-skills-msg>
+              <div class="skills-msg__body">
+                <p class="skills-msg__author">Nikolay M:</p>
+                <p class="skills-msg__text">
+                  I enjoy building small side projects and sharing something useful with the world.
+                </p>
+                <time class="skills-msg__time" datetime="" data-skills-msg-time></time>
+              </div>
+            </div>
+          </div>
+          <ol id="mini-projects-list" class="mini-projects-grid" data-mini-projects-list>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--compact"
+                href="cases/ai-assistant-figma/"
+                aria-label="AI assistant — open case"
+              >
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">AI assistant</h3>
+                  <ul class="mp-card__tags" aria-label="Project type">
+                    <li class="mp-card__tag">Figma plugin</li>
+                  </ul>
+                  <p class="mp-card__desc">An AI assistant for any editor plan</p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--compact"
+                href="cases/card-columns-obsidian/"
+                aria-label="Card Columns — open case"
+              >
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">Card Columns</h3>
+                  <ul class="mp-card__tags" aria-label="Project type">
+                    <li class="mp-card__tag">Obsidian plugin</li>
+                  </ul>
+                  <p class="mp-card__desc">Shows note cards in a kanban-board style</p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--compact"
+                href="cases/site-with-ai-ide/"
+                aria-label="This site — open case"
+              >
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">This site</h3>
+                  <ul class="mp-card__tags" aria-label="Project type">
+                    <li class="mp-card__tag">Built with AI IDE</li>
+                  </ul>
+                  <p class="mp-card__desc">The whole site-building cycle with AI</p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
+                href="https://www.figma.com/@mamadaevv"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="Figma Community — open profile"
+              >
+                <div class="mp-card__media" aria-hidden="true">
+                  <img
+                    class="mp-card__image"
+                    src="../assets/misc/figma_logo.webp"
+                    alt=""
+                    width="800"
+                    height="800"
+                    loading="lazy"
+                    decoding="async"
+                  />
+                </div>
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">
+                    Figma Community
+                    <span class="mp-card__ext" aria-hidden="true"></span>
+                  </h3>
+                  <p class="mp-card__desc">
+                    I publish useful files and plugins for the community
+                  </p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
+                href="https://dribbble.com/mamadaevv"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="Dribbble — open profile"
+              >
+                <div class="mp-card__media" aria-hidden="true">
+                  <img
+                    class="mp-card__image"
+                    src="../assets/misc/dribbble_logo.webp"
+                    alt=""
+                    width="1024"
+                    height="1024"
+                    loading="lazy"
+                    decoding="async"
+                  />
+                </div>
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">
+                    Dribbble
+                    <span class="mp-card__ext" aria-hidden="true"></span>
+                  </h3>
+                  <p class="mp-card__desc">
+                    Nice visuals with UI elements
+                  </p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
+                href="https://t.me/designnotpizza"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="Design is not pizza — open Telegram channel"
+              >
+                <div class="mp-card__media" aria-hidden="true">
+                  <img
+                    class="mp-card__image"
+                    src="../assets/misc/tg-channel-logo-design_not_pizza.webp"
+                    alt=""
+                    width="640"
+                    height="640"
+                    loading="lazy"
+                    decoding="async"
+                  />
+                </div>
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">
+                    Design is not pizza
+                    <span class="mp-card__ext" aria-hidden="true"></span>
+                  </h3>
+                  <p class="mp-card__desc">
+                    My channel about design. Posts on product design and useful links
+                  </p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
+                href="https://github.com/mamadaevv"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="GitHub — open profile"
+              >
+                <div class="mp-card__media" aria-hidden="true">
+                  <img
+                    class="mp-card__image"
+                    src="../assets/misc/github_logo.webp"
+                    alt=""
+                    width="800"
+                    height="800"
+                    loading="lazy"
+                    decoding="async"
+                  />
+                </div>
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">
+                    GitHub
+                    <span class="mp-card__ext" aria-hidden="true"></span>
+                  </h3>
+                  <p class="mp-card__desc">
+                    My projects and code experiments
+                  </p>
+                </div>
+              </a>
+            </li>
+          </ol>
+        </div>
+      </section>
 
 
       <section id="experience" class="section section--surface" aria-labelledby="experience-title" data-reveal>
@@ -1266,196 +1454,6 @@
         </div>
       </section>
 
-            <section id="activity" class="section section--surface" aria-labelledby="mini-projects-title" data-reveal>
-        <div class="section__inner">
-          <h2 id="mini-projects-title" class="section__title">Activity</h2>
-          <div
-            class="skills-intro skills-intro--chat section__prose"
-            data-skills-intro
-            role="region"
-            aria-labelledby="mini-projects-title"
-          >
-            <div class="skills-msg" data-skills-msg>
-              <div class="skills-msg__body">
-                <p class="skills-msg__author">Nikolay M:</p>
-                <p class="skills-msg__text">
-                  I enjoy building small side projects and sharing something useful with the world.
-                </p>
-                <time class="skills-msg__time" datetime="" data-skills-msg-time></time>
-              </div>
-            </div>
-          </div>
-          <ol id="mini-projects-list" class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
-                href="https://www.figma.com/@mamadaevv"
-                target="_blank"
-                rel="noopener noreferrer"
-                aria-label="Figma Community — open profile"
-              >
-                <div class="mp-card__media" aria-hidden="true">
-                  <img
-                    class="mp-card__image"
-                    src="../assets/misc/figma_logo.webp"
-                    alt=""
-                    width="800"
-                    height="800"
-                    loading="lazy"
-                    decoding="async"
-                  />
-                </div>
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">
-                    Figma Community
-                    <span class="mp-card__ext" aria-hidden="true"></span>
-                  </h3>
-                  <p class="mp-card__desc">
-                    I publish useful files and plugins for the community
-                  </p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
-                href="https://dribbble.com/mamadaevv"
-                target="_blank"
-                rel="noopener noreferrer"
-                aria-label="Dribbble — open profile"
-              >
-                <div class="mp-card__media" aria-hidden="true">
-                  <img
-                    class="mp-card__image"
-                    src="../assets/misc/dribbble_logo.webp"
-                    alt=""
-                    width="1024"
-                    height="1024"
-                    loading="lazy"
-                    decoding="async"
-                  />
-                </div>
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">
-                    Dribbble
-                    <span class="mp-card__ext" aria-hidden="true"></span>
-                  </h3>
-                  <p class="mp-card__desc">
-                    Nice visuals with UI elements
-                  </p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
-                href="https://t.me/designnotpizza"
-                target="_blank"
-                rel="noopener noreferrer"
-                aria-label="Design is not pizza — open Telegram channel"
-              >
-                <div class="mp-card__media" aria-hidden="true">
-                  <img
-                    class="mp-card__image"
-                    src="../assets/misc/tg-channel-logo-design_not_pizza.webp"
-                    alt=""
-                    width="640"
-                    height="640"
-                    loading="lazy"
-                    decoding="async"
-                  />
-                </div>
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">
-                    Design is not pizza
-                    <span class="mp-card__ext" aria-hidden="true"></span>
-                  </h3>
-                  <p class="mp-card__desc">
-                    My channel about design. Posts on product design and useful links
-                  </p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
-                href="https://github.com/mamadaevv"
-                target="_blank"
-                rel="noopener noreferrer"
-                aria-label="GitHub — open profile"
-              >
-                <div class="mp-card__media" aria-hidden="true">
-                  <img
-                    class="mp-card__image"
-                    src="../assets/misc/github_logo.webp"
-                    alt=""
-                    width="800"
-                    height="800"
-                    loading="lazy"
-                    decoding="async"
-                  />
-                </div>
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">
-                    GitHub
-                    <span class="mp-card__ext" aria-hidden="true"></span>
-                  </h3>
-                  <p class="mp-card__desc">
-                    My projects and code experiments
-                  </p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--compact"
-                href="cases/ai-assistant-figma/"
-                aria-label="AI assistant — open case"
-              >
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">AI assistant</h3>
-                  <ul class="mp-card__tags" aria-label="Project type">
-                    <li class="mp-card__tag">Figma plugin</li>
-                  </ul>
-                  <p class="mp-card__desc">An AI assistant for any editor plan</p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--compact"
-                href="cases/card-columns-obsidian/"
-                aria-label="Card Columns — open case"
-              >
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">Card Columns</h3>
-                  <ul class="mp-card__tags" aria-label="Project type">
-                    <li class="mp-card__tag">Obsidian plugin</li>
-                  </ul>
-                  <p class="mp-card__desc">Shows note cards in a kanban-board style</p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--compact"
-                href="cases/site-with-ai-ide/"
-                aria-label="This site — open case"
-              >
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">This site</h3>
-                  <ul class="mp-card__tags" aria-label="Project type">
-                    <li class="mp-card__tag">Built with AI IDE</li>
-                  </ul>
-                  <p class="mp-card__desc">The whole site-building cycle with AI</p>
-                </div>
-              </a>
-            </li>
-          </ol>
-        </div>
-      </section>
-
-
 <section id="contact" class="section section--surface section--footerish" data-reveal>
       <div class="section__inner">
         <h2 class="section__title">Contact</h2>

public/index.html

@@ -818,6 +818,194 @@
           </div>
         </div>
       </section>
+      <section id="activity" class="section section--surface" aria-labelledby="mini-projects-title" data-reveal>
+        <div class="section__inner">
+          <h2 id="mini-projects-title" class="section__title">Активность</h2>
+          <div
+            class="skills-intro skills-intro--chat section__prose"
+            data-skills-intro
+            role="region"
+            aria-labelledby="mini-projects-title"
+          >
+            <div class="skills-msg" data-skills-msg>
+              <div class="skills-msg__body">
+                <p class="skills-msg__author">Николай М:</p>
+                <p class="skills-msg__text">
+                  Люблю делать разные мини-проекты или делиться чем-то полезным с миром.
+                </p>
+                <time class="skills-msg__time" datetime="" data-skills-msg-time></time>
+              </div>
+            </div>
+          </div>
+          <ol id="mini-projects-list" class="mini-projects-grid" data-mini-projects-list>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--compact"
+                href="cases/ai-assistant-figma/"
+                aria-label="AI assistant — открыть кейс"
+              >
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">AI assistant</h3>
+                  <ul class="mp-card__tags" aria-label="Тип проекта">
+                    <li class="mp-card__tag">Плагин для Figma</li>
+                  </ul>
+                  <p class="mp-card__desc">ИИ помощник для любого тарифа редактора</p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--compact"
+                href="cases/card-columns-obsidian/"
+                aria-label="Card Columns — открыть кейс"
+              >
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">Card Columns</h3>
+                  <ul class="mp-card__tags" aria-label="Тип проекта">
+                    <li class="mp-card__tag">Плагин для Obsidian</li>
+                  </ul>
+                  <p class="mp-card__desc">Отображение карточек с заметками в стиле канбан доски</p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--compact"
+                href="cases/site-with-ai-ide/"
+                aria-label="Этот сайт — открыть кейс"
+              >
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">Этот сайт</h3>
+                  <ul class="mp-card__tags" aria-label="Тип проекта">
+                    <li class="mp-card__tag">Разработка с AI IDE</li>
+                  </ul>
+                  <p class="mp-card__desc">Весь цикл создания сайта при помощи ИИ</p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
+                href="https://www.figma.com/@mamadaevv"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="Figma Community — открыть профиль"
+              >
+                <div class="mp-card__media" aria-hidden="true">
+                  <img
+                    class="mp-card__image"
+                    src="assets/misc/figma_logo.webp"
+                    alt=""
+                    width="800"
+                    height="800"
+                    loading="lazy"
+                    decoding="async"
+                  />
+                </div>
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">
+                    Figma Community
+                    <span class="mp-card__ext" aria-hidden="true"></span>
+                  </h3>
+                  <p class="mp-card__desc">
+                    Выкладываю полезные файлы и плагины для сообщества
+                  </p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
+                href="https://dribbble.com/mamadaevv"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="Dribbble — открыть профиль"
+              >
+                <div class="mp-card__media" aria-hidden="true">
+                  <img
+                    class="mp-card__image"
+                    src="assets/misc/dribbble_logo.webp"
+                    alt=""
+                    width="1024"
+                    height="1024"
+                    loading="lazy"
+                    decoding="async"
+                  />
+                </div>
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">
+                    Dribbble
+                    <span class="mp-card__ext" aria-hidden="true"></span>
+                  </h3>
+                  <p class="mp-card__desc">
+                    Красивые картинки с элементами интерфейсов
+                  </p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
+                href="https://t.me/designnotpizza"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="Дизайн не пицца — открыть канал в Telegram"
+              >
+                <div class="mp-card__media" aria-hidden="true">
+                  <img
+                    class="mp-card__image"
+                    src="assets/misc/tg-channel-logo-design_not_pizza.webp"
+                    alt=""
+                    width="640"
+                    height="640"
+                    loading="lazy"
+                    decoding="async"
+                  />
+                </div>
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">
+                    Дизайн не пицца
+                    <span class="mp-card__ext" aria-hidden="true"></span>
+                  </h3>
+                  <p class="mp-card__desc">
+                    Мой канал про дизайн. Посты на тему продуктового дизайна и полезные ссылки
+                  </p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
+                href="https://github.com/mamadaevv"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="GitHub — открыть профиль"
+              >
+                <div class="mp-card__media" aria-hidden="true">
+                  <img
+                    class="mp-card__image"
+                    src="assets/misc/github_logo.webp"
+                    alt=""
+                    width="800"
+                    height="800"
+                    loading="lazy"
+                    decoding="async"
+                  />
+                </div>
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">
+                    GitHub
+                    <span class="mp-card__ext" aria-hidden="true"></span>
+                  </h3>
+                  <p class="mp-card__desc">
+                    Мои проекты и эксперименты с кодом
+                  </p>
+                </div>
+              </a>
+            </li>
+          </ol>
+        </div>
+      </section>
 
 
       <section id="experience" class="section section--surface" aria-labelledby="experience-title" data-reveal>
@@ -1288,196 +1476,6 @@
         </div>
       </section>
 
-            <section id="activity" class="section section--surface" aria-labelledby="mini-projects-title" data-reveal>
-        <div class="section__inner">
-          <h2 id="mini-projects-title" class="section__title">Активность</h2>
-          <div
-            class="skills-intro skills-intro--chat section__prose"
-            data-skills-intro
-            role="region"
-            aria-labelledby="mini-projects-title"
-          >
-            <div class="skills-msg" data-skills-msg>
-              <div class="skills-msg__body">
-                <p class="skills-msg__author">Николай М:</p>
-                <p class="skills-msg__text">
-                  Люблю делать разные мини-проекты или делиться чем-то полезным с миром.
-                </p>
-                <time class="skills-msg__time" datetime="" data-skills-msg-time></time>
-              </div>
-            </div>
-          </div>
-          <ol id="mini-projects-list" class="mini-projects-grid" data-mini-projects-list>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
-                href="https://www.figma.com/@mamadaevv"
-                target="_blank"
-                rel="noopener noreferrer"
-                aria-label="Figma Community — открыть профиль"
-              >
-                <div class="mp-card__media" aria-hidden="true">
-                  <img
-                    class="mp-card__image"
-                    src="assets/misc/figma_logo.webp"
-                    alt=""
-                    width="800"
-                    height="800"
-                    loading="lazy"
-                    decoding="async"
-                  />
-                </div>
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">
-                    Figma Community
-                    <span class="mp-card__ext" aria-hidden="true"></span>
-                  </h3>
-                  <p class="mp-card__desc">
-                    Выкладываю полезные файлы и плагины для сообщества
-                  </p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
-                href="https://dribbble.com/mamadaevv"
-                target="_blank"
-                rel="noopener noreferrer"
-                aria-label="Dribbble — открыть профиль"
-              >
-                <div class="mp-card__media" aria-hidden="true">
-                  <img
-                    class="mp-card__image"
-                    src="assets/misc/dribbble_logo.webp"
-                    alt=""
-                    width="1024"
-                    height="1024"
-                    loading="lazy"
-                    decoding="async"
-                  />
-                </div>
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">
-                    Dribbble
-                    <span class="mp-card__ext" aria-hidden="true"></span>
-                  </h3>
-                  <p class="mp-card__desc">
-                    Красивые картинки с элементами интерфейсов
-                  </p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
-                href="https://t.me/designnotpizza"
-                target="_blank"
-                rel="noopener noreferrer"
-                aria-label="Дизайн не пицца — открыть канал в Telegram"
-              >
-                <div class="mp-card__media" aria-hidden="true">
-                  <img
-                    class="mp-card__image"
-                    src="assets/misc/tg-channel-logo-design_not_pizza.webp"
-                    alt=""
-                    width="640"
-                    height="640"
-                    loading="lazy"
-                    decoding="async"
-                  />
-                </div>
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">
-                    Дизайн не пицца
-                    <span class="mp-card__ext" aria-hidden="true"></span>
-                  </h3>
-                  <p class="mp-card__desc">
-                    Мой канал про дизайн. Посты на тему продуктового дизайна и полезные ссылки
-                  </p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
-                href="https://github.com/mamadaevv"
-                target="_blank"
-                rel="noopener noreferrer"
-                aria-label="GitHub — открыть профиль"
-              >
-                <div class="mp-card__media" aria-hidden="true">
-                  <img
-                    class="mp-card__image"
-                    src="assets/misc/github_logo.webp"
-                    alt=""
-                    width="800"
-                    height="800"
-                    loading="lazy"
-                    decoding="async"
-                  />
-                </div>
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">
-                    GitHub
-                    <span class="mp-card__ext" aria-hidden="true"></span>
-                  </h3>
-                  <p class="mp-card__desc">
-                    Мои проекты и эксперименты с кодом
-                  </p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--compact"
-                href="cases/ai-assistant-figma/"
-                aria-label="AI assistant — открыть кейс"
-              >
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">AI assistant</h3>
-                  <ul class="mp-card__tags" aria-label="Тип проекта">
-                    <li class="mp-card__tag">Плагин для Figma</li>
-                  </ul>
-                  <p class="mp-card__desc">ИИ помощник для любого тарифа редактора</p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--compact"
-                href="cases/card-columns-obsidian/"
-                aria-label="Card Columns — открыть кейс"
-              >
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">Card Columns</h3>
-                  <ul class="mp-card__tags" aria-label="Тип проекта">
-                    <li class="mp-card__tag">Плагин для Obsidian</li>
-                  </ul>
-                  <p class="mp-card__desc">Отображение карточек с заметками в стиле канбан доски</p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--compact"
-                href="cases/site-with-ai-ide/"
-                aria-label="Этот сайт — открыть кейс"
-              >
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">Этот сайт</h3>
-                  <ul class="mp-card__tags" aria-label="Тип проекта">
-                    <li class="mp-card__tag">Разработка с AI IDE</li>
-                  </ul>
-                  <p class="mp-card__desc">Весь цикл создания сайта при помощи ИИ</p>
-                </div>
-              </a>
-            </li>
-          </ol>
-        </div>
-      </section>
-
-
 <section id="contact" class="section section--surface section--footerish" data-reveal>
       <div class="section__inner">
         <h2 class="section__title">Контакты</h2>

public/sitemap.xml

@@ -101,7 +101,7 @@
   </url>
   <url>
     <loc>https://mamadaevv.site/</loc>
-    <lastmod>2026-09-24</lastmod>
+    <lastmod>2026-09-26</lastmod>
     <xhtml:link rel="alternate" hreflang="x-default" href="https://mamadaevv.site/" />
     <xhtml:link rel="alternate" hreflang="ru" href="https://mamadaevv.site/" />
     <xhtml:link rel="alternate" hreflang="en" href="https://mamadaevv.site/en/" />

src/pages/index.en.html

@@ -90,7 +90,7 @@
         </div>
       </section>
 
-      {{> projects-section-mp}}{{> projects-section}}
+      {{> projects-section-mp}}{{> projects-section}}{{> mini-projects-section}}
 
       <section id="experience" class="section section--surface" aria-labelledby="experience-title" data-reveal>
         <div class="section__inner">
@@ -545,8 +545,6 @@
         </div>
       </section>
 
-      {{> mini-projects-section}}
-
 {{> contact-section}}
 {{> footer}}
 {{> cookie-notice}}

src/pages/index.html

@@ -90,7 +90,7 @@
         </div>
       </section>
 
-      {{> projects-section-mp}}{{> projects-section}}
+      {{> projects-section-mp}}{{> projects-section}}{{> mini-projects-section}}
 
       <section id="experience" class="section section--surface" aria-labelledby="experience-title" data-reveal>
         <div class="section__inner">
@@ -560,8 +560,6 @@
         </div>
       </section>
 
-      {{> mini-projects-section}}
-
 {{> contact-section}}
 {{> footer}}
 {{> cookie-notice}}

src/partials/mini-projects-section.en.html

@@ -18,6 +18,51 @@
             </div>
           </div>
           <ol id="mini-projects-list" class="mini-projects-grid" data-mini-projects-list>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--compact"
+                href="cases/ai-assistant-figma/"
+                aria-label="AI assistant — open case"
+              >
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">AI assistant</h3>
+                  <ul class="mp-card__tags" aria-label="Project type">
+                    <li class="mp-card__tag">Figma plugin</li>
+                  </ul>
+                  <p class="mp-card__desc">An AI assistant for any editor plan</p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--compact"
+                href="cases/card-columns-obsidian/"
+                aria-label="Card Columns — open case"
+              >
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">Card Columns</h3>
+                  <ul class="mp-card__tags" aria-label="Project type">
+                    <li class="mp-card__tag">Obsidian plugin</li>
+                  </ul>
+                  <p class="mp-card__desc">Shows note cards in a kanban-board style</p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--compact"
+                href="cases/site-with-ai-ide/"
+                aria-label="This site — open case"
+              >
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">This site</h3>
+                  <ul class="mp-card__tags" aria-label="Project type">
+                    <li class="mp-card__tag">Built with AI IDE</li>
+                  </ul>
+                  <p class="mp-card__desc">The whole site-building cycle with AI</p>
+                </div>
+              </a>
+            </li>
             <li class="mini-projects-grid__item" data-mp-cells="2">
               <a
                 class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
@@ -138,51 +183,6 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--compact"
-                href="cases/ai-assistant-figma/"
-                aria-label="AI assistant — open case"
-              >
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">AI assistant</h3>
-                  <ul class="mp-card__tags" aria-label="Project type">
-                    <li class="mp-card__tag">Figma plugin</li>
-                  </ul>
-                  <p class="mp-card__desc">An AI assistant for any editor plan</p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--compact"
-                href="cases/card-columns-obsidian/"
-                aria-label="Card Columns — open case"
-              >
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">Card Columns</h3>
-                  <ul class="mp-card__tags" aria-label="Project type">
-                    <li class="mp-card__tag">Obsidian plugin</li>
-                  </ul>
-                  <p class="mp-card__desc">Shows note cards in a kanban-board style</p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--compact"
-                href="cases/site-with-ai-ide/"
-                aria-label="This site — open case"
-              >
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">This site</h3>
-                  <ul class="mp-card__tags" aria-label="Project type">
-                    <li class="mp-card__tag">Built with AI IDE</li>
-                  </ul>
-                  <p class="mp-card__desc">The whole site-building cycle with AI</p>
-                </div>
-              </a>
-            </li>
           </ol>
         </div>
       </section>

src/partials/mini-projects-section.html

@@ -18,6 +18,51 @@
             </div>
           </div>
           <ol id="mini-projects-list" class="mini-projects-grid" data-mini-projects-list>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--compact"
+                href="cases/ai-assistant-figma/"
+                aria-label="AI assistant — открыть кейс"
+              >
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">AI assistant</h3>
+                  <ul class="mp-card__tags" aria-label="Тип проекта">
+                    <li class="mp-card__tag">Плагин для Figma</li>
+                  </ul>
+                  <p class="mp-card__desc">ИИ помощник для любого тарифа редактора</p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--compact"
+                href="cases/card-columns-obsidian/"
+                aria-label="Card Columns — открыть кейс"
+              >
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">Card Columns</h3>
+                  <ul class="mp-card__tags" aria-label="Тип проекта">
+                    <li class="mp-card__tag">Плагин для Obsidian</li>
+                  </ul>
+                  <p class="mp-card__desc">Отображение карточек с заметками в стиле канбан доски</p>
+                </div>
+              </a>
+            </li>
+            <li class="mini-projects-grid__item" data-mp-cells="2">
+              <a
+                class="mp-card mp-card--link mp-card--compact"
+                href="cases/site-with-ai-ide/"
+                aria-label="Этот сайт — открыть кейс"
+              >
+                <div class="mp-card__body">
+                  <h3 class="mp-card__title">Этот сайт</h3>
+                  <ul class="mp-card__tags" aria-label="Тип проекта">
+                    <li class="mp-card__tag">Разработка с AI IDE</li>
+                  </ul>
+                  <p class="mp-card__desc">Весь цикл создания сайта при помощи ИИ</p>
+                </div>
+              </a>
+            </li>
             <li class="mini-projects-grid__item" data-mp-cells="2">
               <a
                 class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
@@ -138,51 +183,6 @@
                 </div>
               </a>
             </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--compact"
-                href="cases/ai-assistant-figma/"
-                aria-label="AI assistant — открыть кейс"
-              >
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">AI assistant</h3>
-                  <ul class="mp-card__tags" aria-label="Тип проекта">
-                    <li class="mp-card__tag">Плагин для Figma</li>
-                  </ul>
-                  <p class="mp-card__desc">ИИ помощник для любого тарифа редактора</p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--compact"
-                href="cases/card-columns-obsidian/"
-                aria-label="Card Columns — открыть кейс"
-              >
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">Card Columns</h3>
-                  <ul class="mp-card__tags" aria-label="Тип проекта">
-                    <li class="mp-card__tag">Плагин для Obsidian</li>
-                  </ul>
-                  <p class="mp-card__desc">Отображение карточек с заметками в стиле канбан доски</p>
-                </div>
-              </a>
-            </li>
-            <li class="mini-projects-grid__item" data-mp-cells="2">
-              <a
-                class="mp-card mp-card--link mp-card--compact"
-                href="cases/site-with-ai-ide/"
-                aria-label="Этот сайт — открыть кейс"
-              >
-                <div class="mp-card__body">
-                  <h3 class="mp-card__title">Этот сайт</h3>
-                  <ul class="mp-card__tags" aria-label="Тип проекта">
-                    <li class="mp-card__tag">Разработка с AI IDE</li>
-                  </ul>
-                  <p class="mp-card__desc">Весь цикл создания сайта при помощи ИИ</p>
-                </div>
-              </a>
-            </li>
           </ol>
         </div>
       </section>