From ee9aafbd99b3703b271a6aab192cbeb1e66c1686 Mon Sep 17 00:00:00 2001
From: root <root@oyhkwtigrd.local>
Date: Thu, 1 Oct 2026 14:35:54 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=B4=D0=B5=D0=BC=D0=BE=20=D1=81=D1=82?=
 =?UTF-8?q?=D0=B5=D0=BA=D0=BB=D1=8F=D0=BD=D0=BD=D0=BE=D0=B3=D0=BE=20=D1=81?=
 =?UTF-8?q?=D0=BB=D0=BE=D1=8F=20(.mp-card--glass)=20=D0=BD=D0=B0=20Mini=20?=
 =?UTF-8?q?Projects=20Showcase?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../cases/mini-projects-showcase/index.html   | 58 +++++++++++++++++++
 .../cases/mini-projects-showcase/index.html   | 58 +++++++++++++++++++
 .../cases/mini-projects-showcase.en.html      | 58 +++++++++++++++++++
 src/pages/cases/mini-projects-showcase.html   | 58 +++++++++++++++++++
 4 files changed, 232 insertions(+)

diff --git a/public/cases/mini-projects-showcase/index.html b/public/cases/mini-projects-showcase/index.html
index 2baf6a2..e9b2ece 100644
--- a/public/cases/mini-projects-showcase/index.html
+++ b/public/cases/mini-projects-showcase/index.html
@@ -1382,6 +1382,64 @@
                 </div>
               </a>
             </li>
+              <li class="mini-projects-grid__item" data-mp-cells="2">
+                <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="#" tabindex="-1" aria-hidden="true">
+                  <div class="mp-card__media" aria-hidden="true">
+                    <img
+                      class="mp-card__image"
+                      src="../../assets/shared/placeholder.webp"
+                      alt=""
+                      width="400"
+                      height="225"
+                      loading="lazy"
+                      decoding="async"
+                    />
+                  </div>
+                  <div class="mp-card__body">
+                    <h3 class="mp-card__title">stack-bottom · стекло</h3>
+                    <ul class="mp-card__tags" aria-label="Тип проекта">
+                      <li class="mp-card__tag">Демо</li>
+                      <li class="mp-card__tag">Glass</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--glass" href="#" tabindex="-1" aria-hidden="true">
+                  <div class="mp-card__media" aria-hidden="true">
+                    <img
+                      class="mp-card__image"
+                      src="../../assets/shared/placeholder.webp"
+                      alt=""
+                      width="400"
+                      height="225"
+                      loading="lazy"
+                      decoding="async"
+                    />
+                  </div>
+                  <div class="mp-card__body">
+                    <h3 class="mp-card__title">horizontal · стекло</h3>
+                    <ul class="mp-card__tags" aria-label="Тип проекта">
+                      <li class="mp-card__tag">Демо</li>
+                      <li class="mp-card__tag">Glass</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 mp-card--glass" href="#" tabindex="-1" aria-hidden="true">
+                  <div class="mp-card__body">
+                    <h3 class="mp-card__title">compact · стекло</h3>
+                    <ul class="mp-card__tags" aria-label="Тип проекта">
+                      <li class="mp-card__tag">Демо</li>
+                      <li class="mp-card__tag">Glass</li>
+                    </ul>
+                    <p class="mp-card__desc">Компактная карточка со стеклянным слоем снизу.</p>
+                  </div>
+                </a>
+              </li>
           </ol>
         </div>
       </section>
diff --git a/public/en/cases/mini-projects-showcase/index.html b/public/en/cases/mini-projects-showcase/index.html
index 5b26c07..67fbd7a 100644
--- a/public/en/cases/mini-projects-showcase/index.html
+++ b/public/en/cases/mini-projects-showcase/index.html
@@ -1382,6 +1382,64 @@
                 </div>
               </a>
             </li>
+              <li class="mini-projects-grid__item" data-mp-cells="2">
+                <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="#" tabindex="-1" aria-hidden="true">
+                  <div class="mp-card__media" aria-hidden="true">
+                    <img
+                      class="mp-card__image"
+                      src="../../../assets/shared/placeholder.webp"
+                      alt=""
+                      width="400"
+                      height="225"
+                      loading="lazy"
+                      decoding="async"
+                    />
+                  </div>
+                  <div class="mp-card__body">
+                    <h3 class="mp-card__title">stack-bottom · glass</h3>
+                    <ul class="mp-card__tags" aria-label="Project Type">
+                      <li class="mp-card__tag">Demo</li>
+                      <li class="mp-card__tag">Glass</li>
+                    </ul>
+                    <p class="mp-card__desc">Text on top, image at the bottom, glass layer on the bottom third.</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--glass" href="#" tabindex="-1" aria-hidden="true">
+                  <div class="mp-card__media" aria-hidden="true">
+                    <img
+                      class="mp-card__image"
+                      src="../../../assets/shared/placeholder.webp"
+                      alt=""
+                      width="400"
+                      height="225"
+                      loading="lazy"
+                      decoding="async"
+                    />
+                  </div>
+                  <div class="mp-card__body">
+                    <h3 class="mp-card__title">horizontal · glass</h3>
+                    <ul class="mp-card__tags" aria-label="Project Type">
+                      <li class="mp-card__tag">Demo</li>
+                      <li class="mp-card__tag">Glass</li>
+                    </ul>
+                    <p class="mp-card__desc">Horizontal card with a glass layer at the bottom.</p>
+                  </div>
+                </a>
+              </li>
+              <li class="mini-projects-grid__item" data-mp-cells="2">
+                <a class="mp-card mp-card--link mp-card--compact mp-card--glass" href="#" tabindex="-1" aria-hidden="true">
+                  <div class="mp-card__body">
+                    <h3 class="mp-card__title">compact · glass</h3>
+                    <ul class="mp-card__tags" aria-label="Project Type">
+                      <li class="mp-card__tag">Demo</li>
+                      <li class="mp-card__tag">Glass</li>
+                    </ul>
+                    <p class="mp-card__desc">Compact card with a glass layer at the bottom.</p>
+                  </div>
+                </a>
+              </li>
           </ol>
         </div>
       </section>
diff --git a/src/pages/cases/mini-projects-showcase.en.html b/src/pages/cases/mini-projects-showcase.en.html
index 339a76e..a9d8594 100644
--- a/src/pages/cases/mini-projects-showcase.en.html
+++ b/src/pages/cases/mini-projects-showcase.en.html
@@ -656,6 +656,64 @@
                 </div>
               </a>
             </li>
+              <li class="mini-projects-grid__item" data-mp-cells="2">
+                <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="#" tabindex="-1" aria-hidden="true">
+                  <div class="mp-card__media" aria-hidden="true">
+                    <img
+                      class="mp-card__image"
+                      src="{{assetPrefix}}assets/shared/placeholder.webp"
+                      alt=""
+                      width="400"
+                      height="225"
+                      loading="lazy"
+                      decoding="async"
+                    />
+                  </div>
+                  <div class="mp-card__body">
+                    <h3 class="mp-card__title">stack-bottom · glass</h3>
+                    <ul class="mp-card__tags" aria-label="Project Type">
+                      <li class="mp-card__tag">Demo</li>
+                      <li class="mp-card__tag">Glass</li>
+                    </ul>
+                    <p class="mp-card__desc">Text on top, image at the bottom, glass layer on the bottom third.</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--glass" href="#" tabindex="-1" aria-hidden="true">
+                  <div class="mp-card__media" aria-hidden="true">
+                    <img
+                      class="mp-card__image"
+                      src="{{assetPrefix}}assets/shared/placeholder.webp"
+                      alt=""
+                      width="400"
+                      height="225"
+                      loading="lazy"
+                      decoding="async"
+                    />
+                  </div>
+                  <div class="mp-card__body">
+                    <h3 class="mp-card__title">horizontal · glass</h3>
+                    <ul class="mp-card__tags" aria-label="Project Type">
+                      <li class="mp-card__tag">Demo</li>
+                      <li class="mp-card__tag">Glass</li>
+                    </ul>
+                    <p class="mp-card__desc">Horizontal card with a glass layer at the bottom.</p>
+                  </div>
+                </a>
+              </li>
+              <li class="mini-projects-grid__item" data-mp-cells="2">
+                <a class="mp-card mp-card--link mp-card--compact mp-card--glass" href="#" tabindex="-1" aria-hidden="true">
+                  <div class="mp-card__body">
+                    <h3 class="mp-card__title">compact · glass</h3>
+                    <ul class="mp-card__tags" aria-label="Project Type">
+                      <li class="mp-card__tag">Demo</li>
+                      <li class="mp-card__tag">Glass</li>
+                    </ul>
+                    <p class="mp-card__desc">Compact card with a glass layer at the bottom.</p>
+                  </div>
+                </a>
+              </li>
           </ol>
         </div>
       </section>
diff --git a/src/pages/cases/mini-projects-showcase.html b/src/pages/cases/mini-projects-showcase.html
index dd80be9..efdcaa3 100644
--- a/src/pages/cases/mini-projects-showcase.html
+++ b/src/pages/cases/mini-projects-showcase.html
@@ -656,6 +656,64 @@
                 </div>
               </a>
             </li>
+              <li class="mini-projects-grid__item" data-mp-cells="2">
+                <a class="mp-card mp-card--link mp-card--stack-bottom mp-card--glass" href="#" tabindex="-1" aria-hidden="true">
+                  <div class="mp-card__media" aria-hidden="true">
+                    <img
+                      class="mp-card__image"
+                      src="{{assetPrefix}}assets/shared/placeholder.webp"
+                      alt=""
+                      width="400"
+                      height="225"
+                      loading="lazy"
+                      decoding="async"
+                    />
+                  </div>
+                  <div class="mp-card__body">
+                    <h3 class="mp-card__title">stack-bottom · стекло</h3>
+                    <ul class="mp-card__tags" aria-label="Тип проекта">
+                      <li class="mp-card__tag">Демо</li>
+                      <li class="mp-card__tag">Glass</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--glass" href="#" tabindex="-1" aria-hidden="true">
+                  <div class="mp-card__media" aria-hidden="true">
+                    <img
+                      class="mp-card__image"
+                      src="{{assetPrefix}}assets/shared/placeholder.webp"
+                      alt=""
+                      width="400"
+                      height="225"
+                      loading="lazy"
+                      decoding="async"
+                    />
+                  </div>
+                  <div class="mp-card__body">
+                    <h3 class="mp-card__title">horizontal · стекло</h3>
+                    <ul class="mp-card__tags" aria-label="Тип проекта">
+                      <li class="mp-card__tag">Демо</li>
+                      <li class="mp-card__tag">Glass</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 mp-card--glass" href="#" tabindex="-1" aria-hidden="true">
+                  <div class="mp-card__body">
+                    <h3 class="mp-card__title">compact · стекло</h3>
+                    <ul class="mp-card__tags" aria-label="Тип проекта">
+                      <li class="mp-card__tag">Демо</li>
+                      <li class="mp-card__tag">Glass</li>
+                    </ul>
+                    <p class="mp-card__desc">Компактная карточка со стеклянным слоем снизу.</p>
+                  </div>
+                </a>
+              </li>
           </ol>
         </div>
       </section>