<!--
  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" />

    <link
      rel="stylesheet"
      href="https://lavender.software/webring/webring-0.2.0.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">
      <article class="about-me">
        <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, so i enjoy software piracy, videogame
            cheat development, hyperpop production, anticonventional
            programming, 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/fae">fae/faer</a></li>
              <li>
                <a href="https://pronoun.is/bun/bun/buns/buns/bunself">
                  bun/buns
                </a>
              </li>
              <li>(and <a href="https://pronoun.is/they">they/them</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>
              <li>
                <a rel="me" href="https://soundcloud.com/charlotte-athena">
                  soundcloud
                </a>
              </li>
              <li>
                <a rel="me" href="https://git.lavender.software/charlotte">
                  git.lavender.software
                </a>
              </li>
            </ul>
          </section>
        </main>

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

      <article class="webring-container">
        <script
          src="https://lavender.software/webring/webring-0.2.0.js"
          data-site-id="charlotte"
          crossorigin="anonymous"
          integrity="sha512-wWgLGI60d62wrvLSoSeA3zLAUl8QeWjwVshCY7QYaWai6Mrt/4ar1E5ET4SvJ8yFU3Vmb5uVsmA8auRNQQyEXg==" 
        ></script>
      </article>
    </div>
  </body>
</html>