sync: full site from notebook (source of truth) + missing media

src/partials/mini-projects-section.html

@@ -0,0 +1,113 @@
+      <section id="mini-projects" class="section section--surface" aria-labelledby="mini-projects-title">
+        <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>
+          </ol>
+        </div>
+      </section>