---
layout: base
---

<main class="page--about gap">
  <main class="main-content box pad">{{ content | safe }}</main>
  <aside class="idcard">
    <header class="idcard__header">
      <h3>Identification card</h3>
    </header>
    <div class="idcard__picture">
      <img src="/assets/img/about-profile.png" />
    </div>
    <main class="idcard__bio">
      <p class="idcard__number">
        <span class="idcard__label">ID#</span>
        <span class="monospace">GI0755>>592238</code>
      </p>
      <p class="idcard__name">
        <span class="idcard__label">NAME</span>
        Gil
      </p>
      <p class="idcard__age">
        <span class="idcard__label">AGE</span>
        26
      </p>
      <p class="idcard__line">
        <span class="idcard__label">EXP</span>
        07/15/2030
      </p>
      <p class="idcard__line">
        <span class="idcard__label">ISS</span>
        05/10/2025
      </p>
    </main>
  </aside>
  <section class="interests box pad">
    <header>
      <h2>Interests</h2>
    </header>
    <ul>
      <li>Writing - poetry, prose, essays, etc.</li>
      <li>Music</li>
      <li>Gaming</li>
      <li>Game development</li>
      <li>Languages</li>
      <li>Worldbuilding</li>
    </ul>
  </section>
  <section class="funfacts box pad">
    <header>
      <h2>Fun facts</h2>
    </header>
    <ul>
      <li>Filipino American</li>
      <li>Texan</li>
      <li>Languages: English (native), German, Cebuano, and Tagalog</li>
    </ul>
  </section>
  <aside class="social box pad">
    <header>
      <h2>Elsewhere</h2>
    </header>
    {% include 'snippets/socials.njk' %}
  </aside>
</main>