index.html

---
layout: base
title: "Home"
group: home
permalink: /
---

<section class="hero rl-front-page is-fullheight">
  <div class="hero-head">
    {% include navigation.html %}
  </div>

  <div class="hero-body">
    <div class="container rl-greeting-container">
      <span class="sr no-wrapping">Hi, I’m Quil.</span>
      <h1 class="title rl-greeting"
          data-greetings='["Hi, I’m Quil.", "Hej, jag är Quil.", "ハロー、Quilです。", "Olás, eu sou Quil."]'
          data-delay="10"
          aria-hidden="true"
          >Hi, I’m Quil.
      </h1>
      <div class="rl-description">
        <p>
          I'm a programmer, artist, writer, and programming language designer. I
          love cats, magical girls, pastels, and cute things.
        </p>

        <p>
          <a href="https://github.com/qteatime/crochet">My current project</a>
          tries to look at ways in which programming tools could be better,
          considering views from humanities (sociology, psychology, social
          justice, etc), collaboration, security, and mathematics.
        </p>

        <p>
          Quil is pronounced as the English letter "Q". Or <em>/kjuː/</em> in <a href="https://en.wikipedia.org/wiki/International_Phonetic_Alphabet" title="International Phonetic Alphabet on Wikipedia">IPA</a>.
        </p>
      </h2>

      <div class="rl-sns">
        <div class="rl-sns-category">
          <div class="rl-sns-category-title">Tech</div>
          <a
            href="https://github.com/robotlolita"
            title="@robotlolita on Github, for open-source projects"
            aria-label="@robotlolita on Github, for open-source projects"
          >
            <span class="icon is-large">
              <i class="fab fa-2x fa-github"></i>
            </span>
          </a>
          <a
            href="https://www.quora.com/profile/Quildreen-Motta"
            title="Quildreen Motta on Quora, for short-ish technical writing"
            aria-label="Quildreen Motta on Quora, for short-ish technical writing"
          >
            <span class="icon is-large">
              <i class="fab fa-2x fa-quora"></i>
            </span>
          </a>
          <a
            href="https://twitter.com/robotlolita"
            title="@robotlolita on Twitter, for tech-stuff"
            aria-label="@robotlolita on Twitter, for tech-stuff"
          >
            <span class="icon is-large">
              <i class="fab fa-2x fa-twitter"></i>
            </span>
          </a>
        </div>

        <div class="rl-sns-category">
          <div class="rl-sns-category-title">Art</div>
          <a
            href="https://twitter.com/qteatime"
            title="@qteatime on Twitter, for art"
            aria-label="@qteatime on Twitter, for art"
          >
            <span class="icon is-large">
              <i class="fab fa-2x fa-twitter"></i>
            </span>
          </a>
          <a
            href="https://www.instagram.com/q.teatime/"
            title="@q.teatime on Instagram, for art"
            aria-label="@q.teatime on Instagram, for art"
          >
            <span class="icon is-large">
              <i class="fab fa-2x fa-instagram"></i>
            </span>
          </a>
        </div>

        <div class="rl-sns-category">
          <div class="rl-sns-category-title">Etc</div>
          <a
            href="https://medium.com/@robotlolita"
            title="@robotlolita on Medium, for articles on humanities"
            aria-label="@robotlolita on Medium, for articles on humanities"
          >
            <span class="icon is-large">
              <i class="fab fa-2x fa-medium"></i>
            </span>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>