{# Desktop auth menu #}
<span id="auth-menu-desktop" class="hidden md:inline-flex">
{% if user_email %}
  <a
    href="{{ account_url('/') }}"
    class="justify-center cursor-pointer flex flex-row items-center p-3 gap-2 rounded bg-stone-200 text-black"
    data-close-details
  >
    <i class="fa-solid fa-user"></i>
    <span>{{ user_email }}</span>
  </a>
{% else %}
  <a
    href="{{ account_url('/') }}"
    class="justify-center cursor-pointer flex flex-row items-center p-3 gap-2 rounded bg-stone-200 text-black"
    data-close-details
  >
    <i class="fa-solid fa-key"></i>
    <span>sign in or register</span>
  </a>
{% endif %}
</span>
{# Mobile auth menu #}
<span id="auth-menu-mobile" class="block md:hidden text-md font-bold">
{% if user_email %}
  <a href="{{ account_url('/') }}" data-close-details>
    <i class="fa-solid fa-user"></i>
    <span>{{ user_email }}</span>
  </a>
{% else %}
  <a href="{{ account_url('/') }}">
    <i class="fa-solid fa-key"></i>
    <span>sign in or register</span>
  </a>
{% endif %}
</span>