NavBar

Элементы навигации по сайту (меню сайта)

Вид

Представляет из себя боковой сворачивающийся блок в левой части веб-приложения.

В свёрнутом виде

На широких экранах: свёрнут частично.

На экранах меньше 600px: полностью свёрнут.

На главной странице имеет прозрачный фон rgba(0, 0, 0, 0.2):

В развёрнутом виде

• имеет слабо прозрачный фон rgba(0, 0, 0, 0.9)

Структура

Header

Только в развёрнутом виде. Содержит:

1. Текст "меню".
2. Кнопка "Закрыть меню".
   • Имеет вид иконки стрелки влево.
   • При наведении появляется всплывающая подсказка с текстом "Закрыть меню".
   • При наведении меняет цвет на rgb(24, 255, 255)
   • По нажатию меню закрывается.

Пункты меню

Всего 8 пунктов:

1. Мероприятия
2. Группы
3. Музыканты
4. Релизы
5. Оффтоп
6. Места
7. Контакты
8. Лог изменений

• Каждый пункт меню — это кнопка, имеющая вид иконки.
• На главной странице все иконки цветные. На остальных страницах цветная иконка — только иконка, которая соответствует странице, а остальные иконки ч/б.
• При наведении иконка увеличивается в размере.
• При наведении в свёрнутом виде появляется всплывающая подсказка справа от иконки с соответствующим названием пункта меню.
• При наведении иконка цветная.
• В развернутом виде вместо всплывающей подсказки рядом с иконкой название. При наведении название меняет цвет на rgb(24, 255, 255).
• При наведении в развернутом виде на пункт меню меняется фон пункта на темно-серый.
• По нажатию осуществляется переход на соответствующую страницу.
• По нажатию в развернутом виде меню сворачивается.