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

feat(portfolio): add portfolio-card--bleed variant, use in Portfolio block + design-system

Browse Source 
- new .portfolio-card--bleed: image pinned bottom-right, no padding,
  corner rounded by card (overflow:hidden)
- design-system catalog: add bleed specimen (ru/en)
- projects-section (ru/en): portfolio cards now use --bleed
This commit is contained in:
Hermes committed 2026-09-16 15:25:53 +02:00
1 parent 97ea48bc6f
commit 336f9b5707
31 files changed
+333 -208
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/cases/ai-platform-primo-rpa-2/index.html
+8 -8
View File
@@ -785,7 +785,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -811,7 +811,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -837,7 +837,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -863,7 +863,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -889,7 +889,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -915,7 +915,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -941,7 +941,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -967,7 +967,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">
public/cases/ai-platform-primo-rpa-v2/index.html
+8 -8
View File
@@ -915,7 +915,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -941,7 +941,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -967,7 +967,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -993,7 +993,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -1019,7 +1019,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -1045,7 +1045,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -1071,7 +1071,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -1097,7 +1097,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">
public/cases/ai-platform-primo-rpa/index.html
+8 -8
View File
@@ -949,7 +949,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -975,7 +975,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -1001,7 +1001,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -1027,7 +1027,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -1053,7 +1053,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -1079,7 +1079,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -1105,7 +1105,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -1131,7 +1131,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">
public/cases/design-system/index.html
+25
View File
@@ -937,6 +937,31 @@
</div>
<p class="sg-label">.portfolio-card и дочерние BEM-классы</p>
<h3>Карточка портфолио — bleed</h3>
<div class="sg-portfolio-wrap">
<a class="portfolio-card portfolio-card--bleed" href="#components" tabindex="-1" aria-hidden="true">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">portfolio-card--bleed</h3>
<p class="portfolio-card__summary">Изображение прижато к нижнему правому углу без отступов; угол скругляется по карточке.</p>
<ul class="portfolio-card__tags" aria-label="Теги">
<li class="portfolio-card__tag">Демо</li>
<li class="portfolio-card__tag">UI</li>
</ul>
</div>
<div class="portfolio-card__cover" aria-hidden="true">
<img
class="portfolio-card__image"
src="../../assets/shared/placeholder.webp"
alt=""
width="400"
height="225"
decoding="async"
/>
</div>
</a>
</div>
<p class="sg-label">.portfolio-card--bleed — изображение bleed внизу справа</p>
<h3>Заглушка при загрузке изображений</h3>
<p class="section__prose">
Пока <code>img</code> ещё не загрузился, <code>initImageLoadPlaceholder</code> вешает
public/cases/lunacy/index.html
+8 -8
View File
@@ -737,7 +737,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -763,7 +763,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -789,7 +789,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -815,7 +815,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -841,7 +841,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -867,7 +867,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -893,7 +893,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -919,7 +919,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">
public/cases/manu-game-maker/index.html
+8 -8
View File
@@ -479,7 +479,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -505,7 +505,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -531,7 +531,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -557,7 +557,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -583,7 +583,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -609,7 +609,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -635,7 +635,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -661,7 +661,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">
public/cases/mobile-clinic-app/index.html
+8 -8
View File
@@ -479,7 +479,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -505,7 +505,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -531,7 +531,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -557,7 +557,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -583,7 +583,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -609,7 +609,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -635,7 +635,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -661,7 +661,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">
public/cases/obsidian-plugin-columns-view/index.html
+8 -8
View File
@@ -513,7 +513,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -539,7 +539,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -565,7 +565,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -591,7 +591,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -617,7 +617,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -643,7 +643,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -669,7 +669,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -695,7 +695,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">
public/cases/orc-automation-panel/index.html
+8 -8
View File
@@ -618,7 +618,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -644,7 +644,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -670,7 +670,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -696,7 +696,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -722,7 +722,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -748,7 +748,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -774,7 +774,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -800,7 +800,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">
public/cases/task-distribution-concept/index.html
+8 -8
View File
@@ -479,7 +479,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -505,7 +505,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -531,7 +531,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -557,7 +557,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -583,7 +583,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -609,7 +609,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -635,7 +635,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -661,7 +661,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">
public/cases/task-tracker/index.html
+8 -8
View File
@@ -907,7 +907,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -933,7 +933,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -959,7 +959,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -985,7 +985,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -1011,7 +1011,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -1037,7 +1037,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -1063,7 +1063,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -1089,7 +1089,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">
public/cases/template-elements-demo/index.html
+8 -8
View File
@@ -871,7 +871,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -897,7 +897,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -923,7 +923,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -949,7 +949,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -975,7 +975,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -1001,7 +1001,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -1027,7 +1027,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -1053,7 +1053,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">
public/css/main.css
+25
View File
@@ -3792,6 +3792,24 @@ html[data-font="mono"] .portfolio-card__title {
margin-left: 0;
}
/* Вариант: изображение прижато к нижнему правому углу карточки без отступов;
скругление угла задаёт сама карточка (overflow:hidden + border-radius). */
.portfolio-card--bleed .portfolio-card__cover {
align-self: flex-end;
width: 60%;
aspect-ratio: 4 / 3;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
}
.portfolio-card--bleed .portfolio-card__image {
width: 100%;
height: 100%;
border: 0;
border-radius: 0;
}
.portfolio-card:hover .portfolio-card__title,
.portfolio-card:focus-visible .portfolio-card__title {
color: var(--accent-text);
@@ -3832,6 +3850,13 @@ html[data-font="mono"] .portfolio-card__title {
height: 100%;
object-position: center;
}
.portfolio-card--bleed .portfolio-card__cover {
width: 100%;
align-self: stretch;
aspect-ratio: 16 / 9;
padding: 0;
}
}
.skills-intro {
public/en/cases/ai-platform-primo-rpa-2/index.html
+8 -8
View File
@@ -785,7 +785,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -810,7 +810,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -835,7 +835,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -860,7 +860,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -885,7 +885,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -910,7 +910,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -935,7 +935,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -960,7 +960,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
public/en/cases/ai-platform-primo-rpa-v2/index.html
+8 -8
View File
@@ -915,7 +915,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -940,7 +940,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -965,7 +965,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -990,7 +990,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -1015,7 +1015,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -1040,7 +1040,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -1065,7 +1065,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -1090,7 +1090,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
public/en/cases/ai-platform-primo-rpa/index.html
+8 -8
View File
@@ -949,7 +949,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -974,7 +974,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -999,7 +999,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -1024,7 +1024,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -1049,7 +1049,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -1074,7 +1074,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -1099,7 +1099,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -1124,7 +1124,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
public/en/cases/design-system/index.html
+25
View File
@@ -936,6 +936,31 @@
</div>
<p class="sg-label">.portfolio-card and child BEM classes</p>
<h3>Portfolio Card — bleed</h3>
<div class="sg-portfolio-wrap">
<a class="portfolio-card portfolio-card--bleed" href="#components" tabindex="-1" aria-hidden="true">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">portfolio-card--bleed</h3>
<p class="portfolio-card__summary">Image pinned to the bottom-right corner with no padding; the corner is rounded by the card.</p>
<ul class="portfolio-card__tags" aria-label="Tags">
<li class="portfolio-card__tag">Demo</li>
<li class="portfolio-card__tag">UI</li>
</ul>
</div>
<div class="portfolio-card__cover" aria-hidden="true">
<img
class="portfolio-card__image"
src="../../../assets/shared/placeholder.webp"
alt=""
width="400"
height="225"
decoding="async"
/>
</div>
</a>
</div>
<p class="sg-label">.portfolio-card--bleed — image bleeds bottom-right</p>
<h3>Placeholder while images are loading</h3>
<p class="section__prose">
While <code>img</code> hasn&#x27;t loaded yet, <code>initImageLoadPlaceholder</code> it
public/en/cases/lunacy/index.html
+8 -8
View File
@@ -737,7 +737,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -762,7 +762,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -787,7 +787,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -812,7 +812,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -837,7 +837,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -862,7 +862,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -887,7 +887,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -912,7 +912,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
public/en/cases/manu-game-maker/index.html
+8 -8
View File
@@ -479,7 +479,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -504,7 +504,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -529,7 +529,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -554,7 +554,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -579,7 +579,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -604,7 +604,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -629,7 +629,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -654,7 +654,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
public/en/cases/mobile-clinic-app/index.html
+8 -8
View File
@@ -479,7 +479,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -504,7 +504,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -529,7 +529,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -554,7 +554,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -579,7 +579,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -604,7 +604,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -629,7 +629,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -654,7 +654,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
public/en/cases/obsidian-plugin-columns-view/index.html
+8 -8
View File
@@ -513,7 +513,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -538,7 +538,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -563,7 +563,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -588,7 +588,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -613,7 +613,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -638,7 +638,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -663,7 +663,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -688,7 +688,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
public/en/cases/orc-automation-panel/index.html
+8 -8
View File
@@ -618,7 +618,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -643,7 +643,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -668,7 +668,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -693,7 +693,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -718,7 +718,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -743,7 +743,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -768,7 +768,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -793,7 +793,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
public/en/cases/task-distribution-concept/index.html
+8 -8
View File
@@ -479,7 +479,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -504,7 +504,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -529,7 +529,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -554,7 +554,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -579,7 +579,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -604,7 +604,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -629,7 +629,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -654,7 +654,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
public/en/cases/task-tracker/index.html
+8 -8
View File
@@ -947,7 +947,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -972,7 +972,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -997,7 +997,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -1022,7 +1022,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -1047,7 +1047,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -1072,7 +1072,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -1097,7 +1097,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -1122,7 +1122,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
public/en/cases/template-elements-demo/index.html
+8 -8
View File
@@ -872,7 +872,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="../orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -897,7 +897,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="../ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -922,7 +922,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="../task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -947,7 +947,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="../manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -972,7 +972,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="../lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -997,7 +997,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="../mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -1022,7 +1022,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="../task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -1047,7 +1047,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="../obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="../obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
public/en/index.html
+8 -8
View File
@@ -483,7 +483,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="cases/orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -508,7 +508,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="cases/ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -533,7 +533,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="cases/task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -558,7 +558,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="cases/manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -583,7 +583,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="cases/lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -608,7 +608,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="cases/mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -633,7 +633,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="cases/task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -658,7 +658,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="cases/obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
public/index.html
+8 -8
View File
@@ -482,7 +482,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="cases/orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -508,7 +508,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="cases/ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -534,7 +534,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="cases/task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -560,7 +560,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="cases/manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -586,7 +586,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="cases/lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -612,7 +612,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="cases/mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -638,7 +638,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="cases/task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -664,7 +664,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="cases/obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="cases/obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">
src/pages/cases/design-system.en.html
+25
View File
@@ -748,6 +748,31 @@
</div>
<p class="sg-label">.portfolio-card and child BEM classes</p>
<h3>Portfolio Card — bleed</h3>
<div class="sg-portfolio-wrap">
<a class="portfolio-card portfolio-card--bleed" href="#components" tabindex="-1" aria-hidden="true">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">portfolio-card--bleed</h3>
<p class="portfolio-card__summary">Image pinned to the bottom-right corner with no padding; the corner is rounded by the card.</p>
<ul class="portfolio-card__tags" aria-label="Tags">
<li class="portfolio-card__tag">Demo</li>
<li class="portfolio-card__tag">UI</li>
</ul>
</div>
<div class="portfolio-card__cover" aria-hidden="true">
<img
class="portfolio-card__image"
src="{{assetPrefix}}assets/shared/placeholder.webp"
alt=""
width="400"
height="225"
decoding="async"
/>
</div>
</a>
</div>
<p class="sg-label">.portfolio-card--bleed — image bleeds bottom-right</p>
<h3>Placeholder while images are loading</h3>
<p class="section__prose">
While <code>img</code> hasn&#x27;t loaded yet, <code>initImageLoadPlaceholder</code> it
src/pages/cases/design-system.html
+25
View File
@@ -749,6 +749,31 @@
</div>
<p class="sg-label">.portfolio-card и дочерние BEM-классы</p>
<h3>Карточка портфолио — bleed</h3>
<div class="sg-portfolio-wrap">
<a class="portfolio-card portfolio-card--bleed" href="#components" tabindex="-1" aria-hidden="true">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">portfolio-card--bleed</h3>
<p class="portfolio-card__summary">Изображение прижато к нижнему правому углу без отступов; угол скругляется по карточке.</p>
<ul class="portfolio-card__tags" aria-label="Теги">
<li class="portfolio-card__tag">Демо</li>
<li class="portfolio-card__tag">UI</li>
</ul>
</div>
<div class="portfolio-card__cover" aria-hidden="true">
<img
class="portfolio-card__image"
src="{{assetPrefix}}assets/shared/placeholder.webp"
alt=""
width="400"
height="225"
decoding="async"
/>
</div>
</a>
</div>
<p class="sg-label">.portfolio-card--bleed — изображение bleed внизу справа</p>
<h3>Заглушка при загрузке изображений</h3>
<p class="section__prose">
Пока <code>img</code> ещё не загрузился, <code>initImageLoadPlaceholder</code> вешает
src/partials/projects-section.en.html
+8 -8
View File
@@ -16,7 +16,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Web panel for automation orchestration</h3>
<p class="portfolio-card__summary">
@@ -41,7 +41,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Platform for working with AI</h3>
<p class="portfolio-card__summary">
@@ -66,7 +66,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task tracker for a back-office system</h3>
<p class="portfolio-card__summary">
@@ -91,7 +91,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">MANU game engine</h3>
<p class="portfolio-card__summary">
@@ -116,7 +116,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Graphics editor Lunacy</h3>
<p class="portfolio-card__summary">
@@ -141,7 +141,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Mobile app for a clinic network</h3>
<p class="portfolio-card__summary">
@@ -166,7 +166,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Task distribution service concept</h3>
<p class="portfolio-card__summary">
@@ -191,7 +191,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Columns view — plugin for Obsidian</h3>
<p class="portfolio-card__summary">
src/partials/projects-section.html
+8 -8
View File
@@ -16,7 +16,7 @@
<div class="projects-carousel__track">
<div class="projects-carousel__spacer" aria-hidden="true"></div>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}orc-automation-panel/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}orc-automation-panel/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Веб-панель для оркестрации автоматизаций</h3>
<p class="portfolio-card__summary">
@@ -42,7 +42,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}ai-platform-primo-rpa/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}ai-platform-primo-rpa/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Платформа для работы с AI</h3>
<p class="portfolio-card__summary">
@@ -68,7 +68,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}task-tracker/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}task-tracker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Таск-трекер для бек-офис системы</h3>
<p class="portfolio-card__summary">
@@ -94,7 +94,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}manu-game-maker/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}manu-game-maker/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Игровой движок MANU</h3>
<p class="portfolio-card__summary">
@@ -120,7 +120,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}lunacy/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}lunacy/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Графический редактор Lunacy</h3>
<p class="portfolio-card__summary">
@@ -146,7 +146,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}mobile-clinic-app/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}mobile-clinic-app/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Мобильное приложение для сети клиник</h3>
<p class="portfolio-card__summary">
@@ -172,7 +172,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}task-distribution-concept/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}task-distribution-concept/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Концепт сервиса распределения задач</h3>
<p class="portfolio-card__summary">
@@ -198,7 +198,7 @@
</a>
</article>
<article class="projects-carousel__item">
<a class="portfolio-card" href="{{casesPrefix}}obsidian-plugin-columns-view/">
<a class="portfolio-card portfolio-card--bleed" href="{{casesPrefix}}obsidian-plugin-columns-view/">
<div class="portfolio-card__body">
<h3 class="portfolio-card__title">Колоночный вид — плагин для Obsidian</h3>
<p class="portfolio-card__summary">