> ## Content Index
> Fetch the complete content index at: https://admin.kod.ru/llms.txt
> Use this file to discover other available public pages before exploring further.

# Конкурс для веб-разработчиков
- URL: https://admin.kod.ru/web-dev-contest/
- Published: 2022-02-02T16:29:00.000Z
- Updated: 2022-02-03T08:20:56.000Z
- Description: Призовой фонд: 200 000 рублей.
- Author: Гайк Даллакян
- Tags: Технологии

**Призовой фонд:** 200 000 рублей.  
**Срок сдачи работ:** 25 февраля 23:59 по Московскому времени (UTC+3).  
**Объявление итогов:** 3 марта.

### Общие требования

- Работа должна быстро открываться и загружаться.
- Работа должна быть оптимизирована под мобильные устройства.
- Желательно сделать работу на next.js или подобных современных фреймворках.
- Все страницы должны также быть исполнены в тёмной теме. По умолчанию смена тем в автоматическом режиме.

### Ресурсы

- Новый дизайн нашего сайта [в Figma](https://www.figma.com/file/5Uey8R704J260k935zgWy8/Untitled?node-id=0%3A1&ref=admin.kod.ru).
- Страница для разработчиков [Ghost](https://ghost.org/docs/?ref=admin.kod.ru).

---

### Главная страница

Следуя готовому дизайну, необходимо создать оптимизированную главную страницу kod.ru. Важно включить все вкладки, которые есть в [макете](https://www.figma.com/file/5Uey8R704J260k935zgWy8/Untitled?node-id=0%3A1&ref=admin.kod.ru). А именно: 

- главный сегмент, который включает последние статьи (слева) и последние новости (справа);
- «Выбор редакции» (публикации с отметкой "Feature this post" );
- раздел с тегами (у каждого тега «карусель»);
- блок с рекомендацией подписаться в Telegram;
- футер.

Страница должна быть оптимизирована под мобильные устройства и обладать высокой производительностью.

### Страница для новостей и статей

Следуя готовому дизайну, необходимо создать страницу для новостей и статьей. Важно постараться точно скопировать все элементы [дизайна](https://www.figma.com/file/5Uey8R704J260k935zgWy8/Untitled?node-id=0%3A1&ref=admin.kod.ru), а именно:

- блок с главной иллюстрацией и информацией вокруг неё (заголовок, тег, автора статьи, дату публикации, время чтения, количество просмотров, кол-во комментариев, копирование ссылки и кнопку «поделиться», которая работает на базе Web Share API);
- основной блок для текста с оптимизированной галереей для просмотра изображений;
- кнопку «подписаться на Telegram-канал»;
- блок рекомендаций, построенный на стиле тегов на главной странице.

Единственное отличие статей от новостей — это блок с оглавлением. Автор сможет выбрать его отображение в CMS, изменив шаблон конкретной страницы (кнопка — Template).

### Страница автора

Следуя готовому дизайну, необходимо создать страницу автора. Важно реализовать функциональность, позволяющую переключаться между работами автора посредством тегов.

### Страница тега

Следуя готовому дизайну, необходимо создать страницу категорий.

---

### Тестирование 

Тестирование работ будет производиться на компьютерах на базе Windows и macOS, а также на мобильных устройствах Apple, Samsung, Honor и Xiaomi.

### Подача работ

Мы предлагаем конкурсантам запустить собственный тестовый сервер и присылать нам URL-адрес с уже готовыми работами на адрес: [**job@kod.ru**](mailto:job@kod.ru).