макет: добавить логотип в левый верхний угол

[epogrebnyak]

https://squidfunk.github.io/mkdocs-material/getting-started/#logo

1. вывести какой-нибудь прямоугольный логотип
2. дорисовать картинку

[epogrebnyak]

• Вместо может быть только svg изображение или какой-то растр?

Оформление:

• нам нужен какой-то белый логотип на синем фоне, чтобы поставить что-то свое?
• как будет смотреться на этом месте какой-то из имеющихся логотипов на с белым бэкграундом?
• может быть выбираем какой-то символ другой из шрифтов типа FontAwesome?

[kyrsquir]

Можно растр, но выглядит так себе:

Что-то различимо только если сделать лого на всю высоту хедера и весь navbar вправо подвинуть:

[epogrebnyak]

фактически нам нужен логотип на синем фоне, правильно?

[epogrebnyak]

[kyrsquir]

Ну желательно, но полностью проблему это не решит. Если логотип будет такой же по сложности, то нижний текст не будет видно так и так

[epogrebnyak]

Этот еще и меняет вид при наведении мышки. Это SVG?

[epogrebnyak]

Ну желательно, но полностью проблему это не решит. Если логотип будет такой же по сложности, то нижний текст не будет видно так и так

А как путь к нему прописывать вы знаете?

[kyrsquir]

Этот еще и меняет вид при наведении мышки. Это SVG?

У них конкретно да, но такой эффект можно и для растра сделать. Просто opacity меняется.

А как путь к нему прописывать вы знаете?

Ну да, я же скриншот скинул из браузера)

[epogrebnyak]

А размеры какие оптимальные для логотипа, чтобы не сильно растягивал? Я хочу отдельный заказ на него сделать: SVG видимо лучше чем растр, и какой размер у него должен быть?

[kyrsquir]

SVG на то и Scalable Vector Graphics, что размер там не принципиален в отличие от растра. Он растягивается как угодно. Принципиально только соотношение сторон.

[kyrsquir]

Вот вроде лого в SVG нагуглилось. Не подойдёт? MGIMO_University-ru.svg.zip

[epogrebnyak]

Вот вроде лого в SVG нагуглилось. Не подойдёт? MGIMO_University-ru.svg.zip

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

[epogrebnyak]

Предлагаю поставить как временный вариант.

[kyrsquir]

Я могу отредактировать его немного в пределах разумного. Поменять цвета, убрать лишние элементы.

[epogrebnyak]

Я могу отредактировать его немного в пределах разумного. Поменять цвета, убрать лишние элементы.

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

[kyrsquir]

Вот так можно. Нижнюю надпись убрать не меняя саму иконку не так просто, она объединена в один SVG path с частью самой иконки. В браузере слово "университет" вполне читаемо.

[epogrebnyak]

В браузере слово "университет" вполне читаемо.

Проблема с Университет в том, что нам нужно вместо него "Кампус Одинцово".

Может поставим https://github.com/epogrebnyak/finec/blob/master/source/img/logo-blind.png . Тут про Одинцово есть, хотя и не "Кампус", а "Филиал".

[kyrsquir]

Поставил. В браузере выглядит довольно замыленным

Если не принципиально, каким шрифтом написано ОДИНЦОВСКИЙ ФИЛИАЛ (такой текст должен быть?), то я могу попробовать в SVG это добавить, если хотите.

[epogrebnyak]

Если не принципиально, каким шрифтом написано ОДИНЦОВСКИЙ ФИЛИАЛ (такой текст должен быть?), то я могу попробовать в SVG это добавить, если хотите.

Предлагаю написать:

МГИМО 
Кампус Одинцово 

Шрифт что-то желательно похожее, но какой там точно мы не знаем.

[kyrsquir]

С подбором шрифта пришлось повозиться. Вот такие варианты получились:

[kyrsquir]

Закоммитил второй вариант

[kyrsquir]

А, при скроллинге header схлопывается... не заметил. Убрал надпись, уменьшил лого, закоммитил.

[epogrebnyak]

Есть какой-то способ дать чуть больше места над верхним краем логотипа (не трогая html)? Сейчас ветки упираются прям в край браузера.

[epogrebnyak]

Достаточно верхнего поля в 5 пикселей, мне кажется

[kyrsquir]

Сейчас так

5px много наверное