admin/site-portfolio
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: демо стеклянного слоя (.mp-card--glass) на Mini Projects Showcase

Browse Source
This commit is contained in:
root committed 2026-10-01 14:35:54 +02:00
1 parent 1695ad504d
commit ee9aafbd99
4 files changed
+232
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/cases/mini-projects-showcase/index.html
+58
View File
@@ -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>
public/en/cases/mini-projects-showcase/index.html
+58
View File
@@ -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>
src/pages/cases/mini-projects-showcase.en.html
+58
View File
@@ -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>
src/pages/cases/mini-projects-showcase.html
+58
View File
@@ -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>