Объединил меню и контент

Сообщение **UraAlpeev** » 10 июн 2023, 17:24

Обычно меню само по себе, а контент отдельно.
Захотелось объединить для оригинальности в одном формате.
Адаптировал без точек останова в соответствии с шириной окна, шрифты тоже увеличил для сенсетивного экрана.
Сначала хотел использовать Flex-контейнеры, но они не дают возможности вносить в себя Layerы с содержимым,
пришлось написать процедуру заполнения самому.

https://alpeee.ru/yantra

* Просьба оставлять замечания и любую реакцию - именно для этого чат и существует, по моему мнению.
Подсказки или идеи для продолжения или допиливания приму с благодарностью.

Сообщение **serega** » 13 июн 2023, 03:26

Юра , такие клетки больше для типографии подойдут.
это же йога, там надо больше атмосферы. Никто читать не будет. Йогов только фото, цвета интересуют, музыка из Индии, самопогружение в себя и свои позы собаки. У них дизайн на первом месте.
Flex-контейнеры позволяют вносить в себя другие Flex-контейнеры

Сообщение **UraAlpeev** » 13 июн 2023, 18:26

Йогов только фото, цвета интересуют, музыка из Индии

Не совсем так:
Янтра-йога - довольно замкнутое, ограниченное сообщество, вопрос распространения и рекламы для непосвященных не стоит - их нет просто, на сайт зайдут те, кто реально заинтересован уже и получил рекомендацию уже от тех, кто практикует.
А этот сайт - просто визитка, каждому инструктору следует его иметь, поэтому оригинальность подачи приветствуется. Задача - показать свою краткую формулировку Учения, проявить уважение к традиции и Учителю, скромно рассказать о себе.
Так что форма соответствует заданию, мне кажется.

Сообщение **serega** » 14 июн 2023, 00:45

у меня свое видение. Помести на фон страницы видео во весь экран. Что-нить с солнцем и морем на восходе. Ну а плитки пусть читают.

Сообщение **semyonl** » 16 июн 2023, 06:28

Идея интересная.

1) Я бы отделил некликабельную шапку от кликабельных элементов.
2) На верхние блоки добавил всплывающую пояснялку что при наведении курсора блоки раскрываются.
3) В мобильной версии - двойное нажатие для раскрытие блока неочевидно, лучше сразу.

Сообщение **UraAlpeev** » 20 июн 2023, 17:30

Благодарен за деловые замечания!
По существу отвечаю:

) Я бы отделил некликабельную шапку от кликабельных элементов.

Из шапки кликабельные кнопки убрал в Sticky-Layers

) На верхние блоки добавил всплывающую пояснялку что при наведении курсора блоки раскрываются.

Да, действительно, это недостаточно интуитивно ясно, поэтому добавил всплывающую иконку в блоке, требующую клика.

В мобильной версии - двойное нажатие для раскрытие блока неочевидно, лучше сразу.

В мобильной версии таки оставил два клика - после первого надо раскрыть текст заголовка блока, но теперь после этого появляется подсказка, требующая второго клика и она будет возникать только до первого раскрытия блока, потом в ней нет нужды.

Добавил иконку "крестик" закрытия темы - это было совсем не очевидно.
И добавил иконку "птичка" + затемнение блока, который уже посмотрели: так явно все выделяется.

В итоге - спасибо за тестировку, это реально то, чего я хотел бы получить от форума. Удачи!

https://alpeee.ru/yantra