September 17, 2023
Header
Header отображается на всех страницах. Вид отображения зависит от того, авторизован пользователь или нет.
Header всегда находится в самом верху страницы (даже при прокрутке вниз), а также имеет прозрачность с размытием элементов под ним. Примеры: https://rarible.com/, https://getgems.io/.
Видно всем
- **Логотип** — кликабелен, ведёт на главную страницу /main.
- Поиск — будет отображаться просто как "Поиск". При нажатии происходит перенаправление на страницу /search. Подробнее об этом в Поиск.
- Карта анкет — находится напротив поиска и выглядит как "Карта анкет". При нажатии происходит перенаправление на страницу /map. Подробнее об этом в Карта анкет.
- **ПЕРЕКЛЮЧЕНИЕ ТЕМЫ САЙТА** — в виде месяца - тёмная, солнышка - светлая. По умолчанию выбирается тема исходя из системы, дабы случайно не ослепить пользователя.
- **СМЕНА ЯЗЫКА САЙТА** — Русский, English. При смене локализации сайта также меняется формат отображения дат рождения с ДД.ММ.ГГГГ на MM/DD/YYYY; теги, англоязычный вариант которых указывается вместе с русскоязычным модерами, админами в разделе панели управления Создание тегов.
Для неавторизованных
- Войти — будет отображаться просто как "**svg-иконка login** Войти". Подробнее об этом в Регистрация, удаление. Авторизация, восстановление.
Для авторизованных
- Переписки — будет отображаться как svg-иконка "✉️". Подробнее об этом в Переписки.
- Уведомления — будет отображаться как svg-иконка "🔔". Подробнее об этом в Header: Уведомления.
- Баланс — будет отображаться как "Баланс: 1 337 руб. ↓", стрелка вниз в этом случае вызывает DROP-DOWN LIST. Подробнее об этом в Header: Баланс.
- Профиль — будет отображаться как "**АВАТАРКА** login ↓", стрелка вниз в этом случае вызывает DROP-DOWN LIST. Подробнее об этом в Header: Профиль.