{% block css %}
<link type="text/css" rel="stylesheet" href="/css/account.css">
<link type="text/css" rel="stylesheet" href="/css/gradient.css">
{% endblock %}

{% block body %}
<section id="authentication">
  {% if account %}
  {{ account.getKey() }}
  {% if vk %}
  {{ vk.mail }}
  {% endif %}
  {% else %}
  <section class="header gradient unselectable">
    <div class="glare"></div>
    <img class="avatar unselectable" src="/images/what.png" alt="Пользователь" draggable="false">
    <a href="https://mirzaev.sexy">{{ name ?? session.ip ?? session.hash ?? 'Ты кто?'}}</a>
    <div class="red"></div>
    <div class="green"></div>
    <div class="blue"></div>
    <img class="cover unselectable" src="/images/heh.gif" alt="Нейрожурнал Мирзаева" draggable="false"></img>
  </section>
  <section class="body">
    <ul>
      <li>Подпункт 2.1.</li>
      <li>Подпункт 2.2.
        <ul>
          <li>Подпункт 2.2.1.</li>
          <li>Подпункт 2.2.2.</li>
        </ul>
      </li>
      <li>Подпункт 2.3.</li>
    </ul>
    <div class="buttons">
      <button class="accept">Разрешить</button>
      <button>Запретить</button>
    </div>
  </section>
  {% endif %}
  <svg width="0" height="0">
    <defs>
      <clipPath id="authentication-header-mask">
        <path
          d="M50,160 L50,130 C22,130 0,107.612 0,80 C0,52 22,30 50,30 L50,3 C50,1.3 51.3,0 53,0 L447,0 C448,0 450,1.5 450,3 L450,160 L50,160 Z" />
      </clipPath>
    </defs>
  </svg>
</section>
{% endblock %}

{% block js %}
<script type="text/javascript" src="/js/account.js"></script>
{% endblock %}
