Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Верстка нового дизайна #13

Open
sergeivaskov opened this issue Nov 5, 2024 · 5 comments
Open

Верстка нового дизайна #13

sergeivaskov opened this issue Nov 5, 2024 · 5 comments

Comments

@sergeivaskov
Copy link

sergeivaskov commented Nov 5, 2024

Сверстать по готовым макетам из Figma:

Контакт дизайнера для связи в Telegram: @sergeivaskov

@bezumkin
Copy link
Owner

bezumkin commented Nov 5, 2024

Если у кого-то есть желание попробовал улучшить стандартную тему Орбиты - вот неплохой вариант.

Лично мне, правда, больше нравится сайдбар с правой стороны, но передвинуть не проблема. А может, даже, и настройкой его сделать. И насчёт меньшей ширины текста в заметке я не уверен.

Используем то, что уже есть в Орбите:

  • Bootstrap 5 и BootstrapVueNext
  • Иконки FontAwesome
  • Форматирование дат через date-fns

В общем, желающим поверстать на досуге - добро пожаловать! Если ваша вёрстка пойдёт в работу - от меня материальное поощрение.

@grvoyt
Copy link

grvoyt commented Nov 5, 2024

это же бусти

@sergeivaskov
Copy link
Author

@bezumkin опишу почему выбраны данные решения:

больше нравится сайдбар с правой стороны

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

насчёт меньшей ширины текста в заметке я не уверен

Изначально я исходил из ширины контента на главной странице, чтобы не возникало ситуации, при которой сильно увеличивалось бы изображение превью, если использовать стандартное соотношение сторон 16:9. При меньшем размере поста по ширине на маленьких экранах помещается как превью, так и текстовое описание.

Затем я использовал эту же ширину и для основного поста. Удобство небольшой ширины контента обусловлено банальной простотой перехода глазами между строками. Чем уже контент, тем проще глазами найти начало следующей строки.

@bezumkin
Copy link
Owner

@sergeivaskov Если что, я не забыл - просто времени нет.

Дизайн мне очень нрайится и обязательно пойдёт в работу, просто непонятно, когда именно.

@sergeivaskov
Copy link
Author

@bezumkin да, без проблем. Я на связи. Будет время, буду дополнять прочими элементами по возможности.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants