{{>header}}
<main id="index">
  <h1>Hyper Text Programming Language</h1>
  <div class='landing'>
    <p>Hyper Text Programming Language is the new killer programming language.
      The era of javascript is over, now you can do real computation with HTML.
    </p>
    <ul>
      <li>A 6To node_modules is too big for you ?</li>
      <li>Using JSX to write HTML in JS seems silly ?</li>
      <li>You love the simplicity and elegance of XML ?</li>
    </ul>
    <p>
      HTPL is the answer to all your problems.<br>

      Combine the power of Turing completeness with the beauty of XML, and give yourself the job security you deserve.
    </p>
    <p>
      <a href="/write.html">Try it online now!</a>
    </p>
    <figure>
      <figcaption>Examples: </figcaption>
      <ul>
        <li>
          <a
            href="/write.html#PGgxPkV4YW1wbGU6IEhlbGxvIHdvcmxkPC9oMT4KCjx4LXByb2dyYW0+CiAgPHgtd3JpdGU+CiAgICA8eC1zdHI+SGVsbG8gd29ybGQhPC94LXN0cj4KICA8L3gtd3JpdGU+CjwveC1wcm9ncmFtPg==">
            Hello world
          </a>
        </li>
        <li>
          <a
            href="/write.html#PHgtcHJvZ3JhbT4KICA8aDE+RmFjdG9yaWFsPC9oMT4KICA8cD4KICAgIENvbXB1dGVkIHRoZSBmYWN0b3JhbCBvZiBYCiAgPC9wPgoKICA8eC1jb25zdD4KICAgIDx4LWlkZW50aWZpZXI+eDwveC1pZGVudGlmaWVyPgoKICAgIFlvdSBjYW4gY2hhbmdlIFggaGVyZToKICAgIDx4LW51bSBjb250ZW50ZWRpdGFibGU9InRydWUiPjQ8L3gtbnVtPgogIDwveC1jb25zdD4KICA8eC1jb25zdD4KICAgIDx4LWlkZW50aWZpZXI+ZmFjdDwveC1pZGVudGlmaWVyPgogICAgPHgtZnVuYz4KICAgICAgPHgtcGFyYW1ldGVycz4KICAgICAgICA8eC1pZGVudGlmaWVyPng8L3gtaWRlbnRpZmllcj4KICAgICAgPC94LXBhcmFtZXRlcnM+CiAgICAgIDx4LWlmPgogICAgICAgIDx4LWxlPgogICAgICAgICAgPHgtaWRlbnRpZmllcj54PC94LWlkZW50aWZpZXI+CiAgICAgICAgICA8eC1udW0+MTwveC1udW0+CiAgICAgICAgPC94LWxlPgogICAgICAgIDx4LXJldHVybj4KICAgICAgICAgIDx4LW51bT4xPC94LW51bT4KICAgICAgICA8L3gtcmV0dXJuPgogICAgICA8L3gtaWY+CiAgICAgIDx4LXJldHVybj4KICAgICAgICA8cD4KICAgICAgICAgIFVzZSByZWN1cnNpb24gdG8gY29tcHV0ZSBmYWN0b3JpYWwKICAgICAgICA8L3A+CiAgICAgICAgPHgtbXVsPgogICAgICAgICAgPHgtaWRlbnRpZmllcj54PC94LWlkZW50aWZpZXI+CiAgICAgICAgICA8eC1jYWxsPgogICAgICAgICAgICA8eC1pZGVudGlmaWVyPmZhY3Q8L3gtaWRlbnRpZmllcj4KICAgICAgICAgICAgPHgtc3ViPgogICAgICAgICAgICAgIDx4LWlkZW50aWZpZXI+eDwveC1pZGVudGlmaWVyPgogICAgICAgICAgICAgIDx4LW51bT4xPC94LW51bT4KICAgICAgICAgICAgPC94LXN1Yj4KICAgICAgICAgIDwveC1jYWxsPgogICAgICAgIDwveC1tdWw+CiAgICAgIDwveC1yZXR1cm4+CiAgICA8L3gtZnVuYz4KICA8L3gtY29uc3Q+CiAgPHA+CiAgICBCdWlsZCB0aGUgb3V0cHV0IHN0cmluZwogIDwvcD4KICA8eC1jb25zdD4KICAgIDx4LWlkZW50aWZpZXI+b3V0cHV0PC94LWlkZW50aWZpZXI+CiAgICA8eC1hZGQ+CiAgICAgIDx4LWlkZW50aWZpZXI+eDwveC1pZGVudGlmaWVyPgogICAgICA8eC1hZGQ+CiAgICAgICAgPHgtc3RyPiEgPT0gPC94LXN0cj4KICAgICAgICA8eC1jYWxsPgogICAgICAgICAgPHgtaWRlbnRpZmllcj5mYWN0PC94LWlkZW50aWZpZXI+CiAgICAgICAgICA8eC1pZGVudGlmaWVyPng8L3gtaWRlbnRpZmllcj4KICAgICAgICA8L3gtY2FsbD4KICAgICAgPC94LWFkZD4KICAgIDwveC1hZGQ+CiAgPC94LWNvbnN0PgogIDxwPldyaXRlIHRvIGFuIGFsZXJ0IGJveDwvcD4KICA8eC13cml0ZT4KICAgIDx4LWlkZW50aWZpZXI+b3V0cHV0PC94LWlkZW50aWZpZXI+CiAgPC94LXdyaXRlPgo8L3gtcHJvZ3JhbT4=">
            Factorial
          </a>
        </li>
        <li>
          <a
            href="/write.html#PHgtcHJvZ3JhbT4KICA8aDE+Rml6ekJ1eno8L2gxPgogIDxwPgogICAgV3JpdGUgYSBwcm9ncmFtIHRoYXQgcHJpbnRzIHRoZSBudW1iZXJzIGZyb20gMSB0byAxMDAuPGJyPgogICAgQnV0IGZvciBtdWx0aXBsZXMgb2YgdGhyZWUgcHJpbnQgIkZpenoiIGluc3RlYWQgb2YgdGhlIG51bWJlcgogICAgYW5kIGZvciB0aGUgbXVsdGlwbGVzIG9mIGZpdmUgcHJpbnQgIkJ1enoiLjxicj4gRm9yIG51bWJlcnMgd2hpY2ggYXJlIG11bHRpcGxlcyBvZiBib3RoIHRocmVlIGFuZCBmaXZlIHByaW50ICJGaXp6QnV6eiIKICA8L3A+CiAgPHgtbGV0PgogICAgPHgtaWRlbnRpZmllcj5jb3VudGVyPC94LWlkZW50aWZpZXI+CiAgICA8eC1udW0+MTwveC1udW0+CiAgPC94LWxldD4KICA8eC1jb25zdD4KICAgIDx4LWlkZW50aWZpZXI+R2V0c3RyPC94LWlkZW50aWZpZXI+CiAgICA8eC1mdW5jPgogICAgICA8eC1wYXJhbWV0ZXJzPgogICAgICAgIDx4LWlkZW50aWZpZXI+bnVtPC94LWlkZW50aWZpZXI+CiAgICAgIDwveC1wYXJhbWV0ZXJzPgogICAgICA8eC1pZj4KICAgICAgICA8eC1lcT4KICAgICAgICAgIDx4LW1vZD4KICAgICAgICAgICAgPHgtaWRlbnRpZmllcj5jb3VudGVyPC94LWlkZW50aWZpZXI+CiAgICAgICAgICAgIDx4LW51bT4xNTwveC1udW0+CiAgICAgICAgICA8L3gtbW9kPgogICAgICAgICAgPHgtbnVtPjA8L3gtbnVtPgogICAgICAgIDwveC1lcT4KICAgICAgICA8eC1yZXR1cm4+CiAgICAgICAgICA8eC1zdHI+Rml6ekJ1eno8L3gtc3RyPgogICAgICAgIDwveC1yZXR1cm4+CiAgICAgIDwveC1pZj4KICAgICAgPHgtaWY+CiAgICAgICAgPHgtZXE+CiAgICAgICAgICA8eC1tb2Q+CiAgICAgICAgICAgIDx4LWlkZW50aWZpZXI+Y291bnRlcjwveC1pZGVudGlmaWVyPgogICAgICAgICAgICA8eC1udW0+MzwveC1udW0+CiAgICAgICAgICA8L3gtbW9kPgogICAgICAgICAgPHgtbnVtPjA8L3gtbnVtPgogICAgICAgIDwveC1lcT4KICAgICAgICA8eC1yZXR1cm4+CiAgICAgICAgICA8eC1zdHI+Rml6ejwveC1zdHI+CiAgICAgICAgPC94LXJldHVybj4KICAgICAgPC94LWlmPgogICAgICA8eC1pZj4KICAgICAgICA8eC1lcT4KICAgICAgICAgIDx4LW1vZD4KICAgICAgICAgICAgPHgtaWRlbnRpZmllcj5jb3VudGVyPC94LWlkZW50aWZpZXI+CiAgICAgICAgICAgIDx4LW51bT41PC94LW51bT4KICAgICAgICAgIDwveC1tb2Q+CiAgICAgICAgICA8eC1udW0+MDwveC1udW0+CiAgICAgICAgPC94LWVxPgogICAgICAgIDx4LXJldHVybj4KICAgICAgICAgIDx4LXN0cj5CdXp6PC94LXN0cj4KICAgICAgICA8L3gtcmV0dXJuPgogICAgICA8L3gtaWY+CiAgICAgIDx4LXJldHVybj4KICAgICAgICA8eC1pZGVudGlmaWVyPmNvdW50ZXI8L3gtaWRlbnRpZmllcj4KICAgICAgPC94LXJldHVybj4KICAgIDwveC1mdW5jPgogIDwveC1jb25zdD4KCiAgPHgtd2hpbGU+CiAgICA8eC1sZT4KICAgICAgPHgtaWRlbnRpZmllcj5jb3VudGVyPC94LWlkZW50aWZpZXI+CiAgICAgIDx4LW51bT4xMDA8L3gtbnVtPgogICAgPC94LWxlPgogICAgPHgtd3JpdGU+CiAgICAgIDx4LWNhbGw+CiAgICAgICAgPHgtaWRlbnRpZmllcj5HZXRzdHI8L3gtaWRlbnRpZmllcj4KICAgICAgICA8eC1pZGVudGlmaWVyPmNvdW50ZXI8L3gtaWRlbnRpZmllcj4KICAgICAgPC94LWNhbGw+CiAgICA8L3gtd3JpdGU+CiAgICA8eC1pbmM+CiAgICAgIDx4LWlkZW50aWZpZXI+Y291bnRlcjwveC1pZGVudGlmaWVyPgogICAgPC94LWluYz4KICA8L3gtd2hpbGU+CjwveC1wcm9ncmFtPg==">
            FizzBuzz
          </a>
        </li>
      </ul>
    </figure>
    <p>
      <a href="/share.html">Share</a> your best creation with the world, an admin will take a look and tell you if
      it's good or not.
    </p>
  </div>
</main>

{{> footer }}