выработать типовой способ прикрепления фотографии в блоге

[epogrebnyak]

У нас есть несколько постов в блоге, где используется фото:

• интервью декана
• Настя
• Даниил
• Максим

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

• маленький круглый аватар
• большой круглый аватар (иногда получается приплюснутый в зависимости от количества текста вокруг)
• вариант с интервью декана
• производные от вариантов выше
• просто тег img или маркдаун

Что не нравится сейчас:

• [ ] фото Насти желательно больше, аспект - ландшафтный
• [ ] не очень ясно какой вариант фото с обтеканием текста использовать

Где у нас хранится CSS и все что определяет форматирование этих фото?

[epogrebnyak]

@elisad5791 - можете сделать в sandbox/images.md все примеры оформления картинок, которые вы сипользуем в блоге и на сайте (по списку выше + #195 )?

[elisad5791]

Взяла в работу.

[epogrebnyak]

Предлагаю разделить на два раздела

1. С закруглением
2. Без закругления

[epogrebnyak]

@elisad5791,предлагаю уточнение нашей классификации:

1. Тег img, figure или маркдаун без дополнительных классов (cкйчас мне кажется примеров нет)
2. Картинка с обтекание, без закругления
3. Закругление: большое/маленькое, со сдвигом влево (чаще) или вправо (реже) или просто без сдвига.

[epogrebnyak]

Не отвечен вопрос выше:

Где у нас хранится CSS и все что определяет форматирование этих фото?

[elisad5791]

Изменила классификацию.

Стилизация делается либо с помощью встроенных классов bootstrap, либо свои стили в файле assets/scss/components/_images.scss.

[elisad5791]

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

В принципе почти все оформление можно делать стилями бутстрапа. Только вот с круглым аватаром так, наверное, не получится. Если рисунок будет квадратный (width=height), то будет нормально. Если нет - аватар будет овальный, а не круглый. Для круглого нужен свой класс.

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