Элементы
Аватар
Квадратное изображение профиля с рамкой и жёсткой тенью.
Примеры
Аватар профиля
<img class="avatar" src="/static/avatar.png" alt="Фото профиля: Иванов Пётр" width="96" height="96">Установка
bukatchuk-ui add avatar
Файлы
| Файл | Назначение |
|---|---|
avatar.css | стили |
example.html | образец разметки, в проект не копируется |
avatar.jekyll.html | вставка для Jekyll |
avatar.jinja.html | вставка для Jinja |
Вставка для Jekyll
{%- comment -%} Аватар. Параметры: src, alt. {%- endcomment -%}
<img class="avatar" src="{{ include.src }}" alt="{{ include.alt | default: 'Фото профиля' }}" width="96" height="96">
Макрос для Jinja
{#- Аватар. -#}
{% macro avatar(src, alt='Фото профиля') -%}
<img class="avatar" src="{{ src }}" alt="{{ alt }}" width="96" height="96">
{%- endmacro %}