site-portfolio/src/partials/mini-projects-section.html

      <section id="mini-projects" 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="{{assetPrefix}}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="{{assetPrefix}}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="{{assetPrefix}}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="{{assetPrefix}}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">Плагин для Figma с AI-функциями.</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">Плагин для колоночного отображения карточек в Obsidian.</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">Разработка сайта с использованием AI IDE.</p>
                </div>
              </a>
            </li>
          </ol>
        </div>
      </section>