{# user, size: sm|md|lg|xs, variant: on_dark|on_light #}
{% with disp=user.get_full_name|default:user.email %}
{% if user.avatar_url %}
  {% if size == "lg" %}
    <img src="{{ user.avatar_url }}" alt="" class="h-10 w-10 shrink-0 rounded-full object-cover ring-2 {% if variant == 'on_dark' %}ring-white/20{% else %}ring-ruforum-border{% endif %}">
  {% elif size == "ml" %}
    <img src="{{ user.avatar_url }}" alt="" class="h-9 w-9 shrink-0 rounded-full object-cover ring-2 {% if variant == 'on_dark' %}ring-white/20{% else %}ring-ruforum-border{% endif %}">
  {% elif size == "md" %}
    <img src="{{ user.avatar_url }}" alt="" class="h-8 w-8 shrink-0 rounded-full object-cover ring-2 {% if variant == 'on_dark' %}ring-white/20{% else %}ring-ruforum-border{% endif %}">
  {% elif size == "xs" %}
    <img src="{{ user.avatar_url }}" alt="" class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 {% if variant == 'on_dark' %}ring-white/20{% else %}ring-ruforum-border{% endif %}">
  {% else %}
    <img src="{{ user.avatar_url }}" alt="" class="h-7 w-7 shrink-0 rounded-full object-cover ring-2 {% if variant == 'on_dark' %}ring-white/20{% else %}ring-ruforum-border{% endif %}">
  {% endif %}
{% else %}
  {% if size == "lg" %}
    <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full {% if variant == 'on_dark' %}bg-ruforum-primary font-display text-base font-bold text-white ring-2 ring-white/20{% else %}bg-ruforum-primary/10 font-display text-base font-bold text-ruforum-primary{% endif %} uppercase select-none" aria-hidden="true">{{ disp|slice:":1"|upper }}</span>
  {% elif size == "ml" %}
    <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full {% if variant == 'on_dark' %}bg-ruforum-primary text-sm font-semibold text-white ring-2 ring-white/20{% else %}bg-ruforum-primary/10 text-sm font-semibold text-ruforum-primary{% endif %} uppercase select-none" aria-hidden="true">{{ disp|slice:":1"|upper }}</span>
  {% elif size == "md" %}
    <span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full {% if variant == 'on_dark' %}bg-ruforum-primary text-sm font-semibold text-white ring-2 ring-white/20{% else %}bg-ruforum-primary/10 font-meta text-xs font-bold text-ruforum-primary{% endif %} uppercase select-none" aria-hidden="true">{{ disp|slice:":1"|upper }}</span>
  {% elif size == "xs" %}
    <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full {% if variant == 'on_dark' %}bg-ruforum-primary text-[10px] font-bold text-white ring-2 ring-white/20{% else %}bg-ruforum-primary/10 font-meta text-[10px] font-bold text-ruforum-primary{% endif %} uppercase select-none" aria-hidden="true">{{ disp|slice:":1"|upper }}</span>
  {% else %}
    <span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full {% if variant == 'on_dark' %}bg-ruforum-primary text-xs font-semibold text-white ring-2 ring-white/20{% else %}bg-ruforum-primary/10 font-meta text-xs font-bold text-ruforum-primary{% endif %} uppercase select-none" aria-hidden="true">{{ disp|slice:":1"|upper }}</span>
  {% endif %}
{% endif %}
{% endwith %}