podium

Yandex Crowd test landing — pixel-perfect, vanilla HTML + CSS + JS (no runtime libraries, no frameworks).

Stack

• HTML + CSS + vanilla JS (zero runtime dependencies)
• Vite (dev-only tooling for hot reload + production build)

Scripts

npm install     # install dev tooling (vite)
npm run dev     # hot reload preview at http://localhost:5173
npm run build   # production build into dist/
npm run preview # serve dist/ at http://localhost:4173

Structure

podium/
├── index.html          # entry markup
├── src/
│   ├── main.js         # vanilla JS (smooth-scroll anchors, carousels, animations)
│   └── style.css       # vanilla CSS (mobile-first, no preprocessor)
├── assets/             # static assets served from /
├── vite.config.js
├── package.json
└── README.md

Requirements (verbatim from Yandex)

• Сверстать адаптивный лендинг по макету в Figma
• Принцип Pixel Perfect
• Нет горизонтального скролла, нет уезжающих текстовых элементов
• Избегать дублирования текста между mobile и desktop версиями
• Бегущая строка (marquee)
• Кнопки на стартовом экране - якоря
• Карусель участников: зацикленная, автосмена 4с
• Карусель этапов: НЕ зацикленная, БЕЗ автосмены
• Произвольная анимация

Figma

https://www.figma.com/design/OHgrklDaq9qUAFQJ3Ttm5b/?node-id=2-200

Linear

MAIN-1215 - https://linear.app/testselim/issue/MAIN-1215