= extends "layout.html"

= block title
  about
= endblock

= block head
  {{ assets.tag("lib/jquery.min.js") }}
  {{ assets.tag("main.css") }}
  {{ assets.tag("about.css") }}
  {{ assets.tag("about.js") }}
= endblock

= block after_body
  <div id="img-1" class="bg" speed="-1.25"></div>
  <div id="img-2" class="bg" speed="1.4"></div>
  <div id="img-3" class="bg" speed="1.4"></div>
  <div id="img-4" class="bg" speed="1.4"></div>

  <div id="top" class="section">
    <div class="centered">
      <h1><span>&raquo;</span> What</h1>
        <span id="title">bitshift</span> is an <a href="https://github.com/earwig/bitshift">open-source</a>
        online source-code search engine, developed by programmers, for programmers. The engine currently aggregates
        publicly-available code from two online frameworks &#8211; <a href="https://github.com/">GitHub</a> and <a
        href="https://bitbucket.org/">Bitbucket</a> &#8211; but has the necessary infrastructure to quickly incorporate
        others, like <a href="http://stackoverflow.com/">StackOverflow</a> and
        <a href="https://gitorious.org/">Gitorious</a>.  <span id="title">bitshift</span> supports a robust query
        language, which allows users to search for specific languages, files, dates of creation and last modifcation,
        and symbols (function, class, and variable names), amongst other attributes.
    </div>
  </div>

  <div class="section">
    <div id="how" class="centered">
      <h1><span>&raquo;</span> How</h1>
      <span id="title">bitshift</span> has an extensive back-end, roughly divided into three sections:
      <ul>
        <li><span>indexer</span> : finds and downloads code on online frameworks</li>
        <li><span>parser</span> : parses newly crawled code, identifying its symbols</li>
        <li><span>database</span> : interprets and compiles user searches into database queries</li>
      </ul>

      The engine was developed over the span of four months, and is primarily implemented in <b>Python</b>, but has
      parsers in <b>Ruby</b>, <b>Java</b>, and a number of other languages.
    </div>
  </div>

  <div class="section">
    <div class="centered">
      <h1><span>&raquo;</span> Who</h1>
      <div id="top" class="person">
        <div class="photo">
          <img src="img/about/bio1.jpg" alt="Severyn Kozak's photo.">
        </div
        ><div class="bio">
          <h1>Benjamin Attal</h1>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor bibendum enim. Proin porttitor tortor eget scelerisque pharetra. Etiam ac arcu congue, ultricies sem a, hendrerit arcu. Duis imperdiet tellus ut arcu tincidunt, ut sagittis enim aliquam. Quisque eget magna a lacus feugiat fringilla. Etiam consequat dictum neque nec ullamcorper. Sed in nunc erat. Donec at metus feugiat, consequat massa in, lacinia purus. Fusce pulvinar iaculis cursus. Curabitur cursus sit amet ligula eleifend sollicitudin.
        </div>
      </div>
      <div class="person">
        <div class="photo">
          <img src="img/about/bio2.jpg" alt="Severyn Kozak's photo.">
        </div
        ><div class="bio">
          <h1>Benjamin Kurtovic</h1>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor bibendum enim. Proin porttitor tortor eget scelerisque pharetra. Etiam ac arcu congue, ultricies sem a, hendrerit arcu. Duis imperdiet tellus ut arcu tincidunt, ut sagittis enim aliquam. Quisque eget magna a lacus feugiat fringilla. Etiam consequat dictum neque nec ullamcorper. Sed in nunc erat. Donec at metus feugiat, consequat massa in, lacinia purus. Fusce pulvinar iaculis cursus. Curabitur cursus sit amet ligula eleifend sollicitudin.
        </div>
      </div>
      <div class="person">
        <div class="photo">
          <img src="img/about/bio3.jpg" alt="Severyn Kozak's photo.">
        </div
        ><div class="bio">
          <h1>Severyn Kozak</h1>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor bibendum enim. Proin porttitor tortor eget scelerisque pharetra. Etiam ac arcu congue, ultricies sem a, hendrerit arcu. Duis imperdiet tellus ut arcu tincidunt, ut sagittis enim aliquam. Quisque eget magna a lacus feugiat fringilla. Etiam consequat dictum neque nec ullamcorper. Sed in nunc erat. Donec at metus feugiat, consequat massa in, lacinia purus. Fusce pulvinar iaculis cursus. Curabitur cursus sit amet ligula eleifend sollicitudin.
        </div>
      </div>
    </div>
  </div>
= endblock
