{% extends "base.njk" %}
<div class="centercubeplease">
  <h1>
    So hey, you want to know more about me. Here u have!
  </h1>
  <div class="centerade">
    <p>
      A thing i need to say is that this page one day could be deprecated bc
      of me just not remembering to change anything.
    </p>
    <h2>
      Index
    </h2>
    <ul class="disclosure-closed">
      <li>
        <a href="#how">How to adress me</a>
      </li>
      <li>
        <a href="#who">Who i am</a>
      </li>
      <li>
        <a href="#what">What i am</a>
      </li>
      <li>
        <a href="#where">Where to contact me</a>
      </li>
    </ul>
    <h2 id="how">
      How to adress me
    </h2>
    <p>
      So first of all if you are not gonna adress me directly or you don't
      know me yet just call me Bizcochito!
      <br />
    </p>
    <h3>
      You can call me:
    </h3>
    <ul class="disclosure-closed">
      <li>
        Yari
      </li>
      <li>
        Alicia
      </li>
      <li>
        Maria
      </li>
      <li>
        Bizcochito
      </li>
    </ul>
    <p>
      Also if you are gonna "pronoun" me, please think before if u can just
      use the name "Yari" that is literaly like "They" long.
    </p>
    <h3>
      If you insist in using pronouns you can use this
      <b> (in order of preference) </b> :
    </h3>
    <ul class="disclosure-closed">
      <li>
        <b>My names</b>
      </li>
      <li>
        Literally anything but he
      </li>
    </ul>
    <h2 id="who">
      Who i am
    </h2>
    <p>
      Existential question i have yet not answered
    </p>
    <h2 id="what">
      What i am
    </h2>
    <p>
      A silly colection of bytes
    </p>
    <h2 id="where">
      Where to contact me
    </h2>
    <div class="centerade">
      {# djlint: ignore D018 #}<a href="xmpp:bizcochito@fai.st">
      <img style="border: 0px;
                  height: 36px;
                  width: auto"
           src="https://xmpp.org/images/logos/xmpp-logo.svg"
           alt="XMPP" />
    </a>
    <a href="mailto:bizcochito@anartist.org">
      <img style="border: 0px;
                  height: 36px;
                  width: auto"
           src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/%28at%29.svg/170px-%28at%29.svg.png"
           alt="Personal Mail" />
    </a>
    <a href="https://awoo.fai.st/MeDueleLaTeta">
      <img style="border: 0px;
                  height: 36px;
                  width: auto"
           src="https://upload.wikimedia.org/wikipedia/commons/9/93/Fediverse_logo_proposal.svg"
           alt="Pleroma" />
    </a>
  </div>
</div>
<a href="{% url "webpage:index" %}">IDK return back</a>
</div>