<!--
  hey! you might be interested in the source code for this site
  (both front- + back-end) at https://git.lavender.software/charlotte/char.lt
  <3
-->
<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
  <head>
    <meta charset="utf-8" />

    <title>charlotte ✨</title>

    <link rel="stylesheet" href="/css/layout.css" />
    <link rel="stylesheet" href="/css/styles.css" />

    <link rel="stylesheet" href="/inter/inter.css" />

    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://char.lt" />
    <meta property="og:title" content="charlotte ✨" />
    <meta
      property="og:description"
      content="charlotte athena som — non-binary anarchist software dev"
    />
    <meta property="og:image" content="https://char.lt/pfp.jpg" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image:alt" content="charlotte's profile picture" />
    <meta property="og:image:width" content="1844" />
    <meta property="og:image:height" content="1801" />
    <meta property="og:site_name" content="char.lt" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>

  <body>
    <div class="page-wrapper">
      <header>
        <aside>
          <h1><abbr title="charlotte athena som">charlotte ✨</abbr></h1>

          <ul id="traits" class="inline-list">
            <li id="age">21</li>
            <li>trans</li>
            <li>catgirl bunnygirl enby</li>
            <li>lesbian</li>
            <li>anarchist</li>
            <li>communist</li>
          </ul>
        </aside>

        <img
          class="hero-image"
          alt="charlotte's profile picture"
          src="/pfp.jpg"
        />
      </header>

      <main>
        <p>welcome to <code>char.lt</code>: the domain, is, like, my name!!</p>

        <p>
          hey, i'm charlotte! i like music and videogames and programming and
          being hot and i speak multiple languages
        </p>

        <p>
          i like breaking the rules
          <small>(usually the ones that protect power)</small>, so i enjoy
          software piracy, videogame cheat development
          <small>(death to microtransactions!)</small>, other cursed computer
          things, and being obnoxiously queer everywhere i go &lt;3
        </p>

        <section>
          my pronouns are:

          <ul id="pronouns" class="inline-list">
            <li><a href="https://pronoun.is/she">she/her</a></li>
            <li><a href="https://pronoun.is/they">they/them</a></li>
            <li><a href="https://pronoun.is/fae">fae/faer</a></li>
            <li>
              <a href="https://pronoun.is/bun/bun/buns/buns/bunself">
                bun/buns
              </a>
            </li>
          </ul>
        </section>

        <section>
          talk to me in:

          <ul id="languages" class="inline-list">
            <li>english</li>
            <li>french</li>
            <li>spanish</li>
            <li>korean</li>
            <li>toki pona</li>
          </ul>
        </section>

        <section>
          <ul id="links" class="inline-list">
            <li>
              <a rel="me" href="https://som.codes">som.codes</a>
            </li>
            <li>
              <a rel="me" href="https://hackery.site">hackery.site</a>
            </li>
            <li>
              <a rel="me" href="https://trans.enby.town/charlotte">
                trans.enby.town
              </a>
            </li>
            <li>
              <a rel="me" href="https://github.com/videogame-hacker">github</a>
            </li>
            <li>
              <a rel="me" href="https://twitter.com/half_kh_hacker">twitter</a>
            </li>
            <li>
              <a rel="me" href="https://last.fm/user/half-kh-hacker">last.fm</a>
            </li>
          </ul>
        </section>
      </main>

      <footer>a site by <a href="https://som.codes">charlotte som</a></footer>
    </div>
  </body>
</html>