feat(marquee): alternative static flex-grid of chips (replaces scrolling marquee)

This commit is contained in:
root committed 2026-09-19 13:11:13 +02:00
1 parent e60d791934
commit 9e62a1ea53
5 files changed
+61 -108

No files matched your search

+9 -27
View File
@@ -68,33 +68,15 @@
</div>
</section>
<section class="marquee" aria-hidden="true" data-reveal>
<div class="marquee__track">
<div class="marquee__content">
<span class="hero__tag">UX/UI</span>
<span class="hero__tag">10+ лет опыта</span>
<span class="hero__tag">Продуктовое мышление</span>
<span class="hero__tag">Дизайн-системы</span>
<span class="hero__tag">Менторство и наставничество</span>
<span class="hero__tag">AI инструменты и вайбкодинг</span>
</div>
<div class="marquee__content" aria-hidden="true">
<span class="hero__tag">UX/UI</span>
<span class="hero__tag">10+ лет опыта</span>
<span class="hero__tag">Продуктовое мышление</span>
<span class="hero__tag">Дизайн-системы</span>
<span class="hero__tag">Менторство и наставничество</span>
<span class="hero__tag">AI инструменты и вайбкодинг</span>
</div>
<div class="marquee__content" aria-hidden="true">
<span class="hero__tag">UX/UI</span>
<span class="hero__tag">10+ лет опыта</span>
<span class="hero__tag">Продуктовое мышление</span>
<span class="hero__tag">Дизайн-системы</span>
<span class="hero__tag">Менторство и наставничество</span>
<span class="hero__tag">AI инструменты и вайбкодинг</span>
</div>
</div>
<section class="marquee marquee--grid" aria-hidden="true" data-reveal>
<ul class="marquee-grid">
<li class="marquee-grid__cell"><span class="hero__tag">UX/UI</span></li>
<li class="marquee-grid__cell"><span class="hero__tag">10+ лет опыта</span></li>
<li class="marquee-grid__cell"><span class="hero__tag">Продуктовое мышление</span></li>
<li class="marquee-grid__cell"><span class="hero__tag">Дизайн-системы</span></li>
<li class="marquee-grid__cell"><span class="hero__tag">Менторство и наставничество</span></li>
<li class="marquee-grid__cell"><span class="hero__tag">AI инструменты и вайбкодинг</span></li>
</ul>
</section>
{{> projects-section-mp}}{{> projects-section}}