<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />

    <title>charlotte ✨</title>

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

  <body>
    <main>
      <header>
        <h1>charlotte ✨</h1>
        <p>
          multi-specialist interdisciplinary technician. polyglot. silly rabbit
        </p>
      </header>

      <section id="intro">
        <p>
          hi, i'm charlotte! i do multimedia projects with computers. that
          includes:
        </p>

        <ul>
          <li>software</li>
          <li>electronic music</li>
          <li>generative animations</li>
          <li>visual effects</li>
          <li>&hellip; and more!</li>
        </ul>

        <p>
          i am also the founding director &amp; chief everything officer at
          <a href="https://lavender.software/">lavender software ltd</a>, where
          we make software that is purple.
        </p>
      </section>

      <section id="pronouns">
        <h2>my pronouns are:</h2>

        <ul class="inline-list">
          <li>
            <a href="https://pronouns.within.lgbt/bun">bun/buns</a>
          </li>
          <li><a href="https://pronouns.within.lgbt/she">she/her</a></li>
        </ul>
      </section>

      <section id="software">
        <h2>find my software:</h2>

        <ul class="inline-list">
          <li>
            <a rel="me" href="https://github.com/char">github</a>
          </li>
          <li>
            <a rel="me" href="https://git.lavender.software/charlotte">
              git.lavender.software
            </a>
          </li>
        </ul>
      </section>

      <section id="socials">
        <h2>find me on the web:</h2>

        <ul class="inline-list">
          <li><a rel="me" href="https://twitter.com/bhop_art">twitter</a></li>
          <li>
            <a rel="me" href="https://soundcloud.com/char-lt">soundcloud</a>
          </li>
          <li>
            <a rel="me" href="https://trans.enby.town/charlotte">fediverse</a>
          </li>
          <li>
            <a rel="me" href="https://pet.bun.how">bluesky</a>
          </li>
        </ul>
      </section>

      <section id="blogs">
        <h2>i write on these blogs:</h2>

        <ul class="inline-list">
          <li><a href="https://char.lt">char.lt</a></li>
          <li><a href="https://hackery.site">hackery.site</a></li>
          <li><a href="https://nullpt.rs">nullpt.rs</a></li>
        </ul>
      </section>

      <footer>
        <p>charlotte som</p>
        <p aria-hidden="true">🏳️‍⚧️ ΘΔ 🏴</p>
        <p><a href="https://www.anticopyright.com">anti-copyright</a></p>
      </footer>
    </main>
  </body>
</html>