= 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 from 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>
  <span id="title">bitshift</span> was developed by three seniors from New York City's Stuyvesant High School.

  <div id="top" class="person">
  <div class="photo">
    <a href="https://github.com/breuckelen"><img src="img/about/bio1.jpg" alt="Benjamin Attal's photo."></a>
  </div
  ><div class="bio">
    <a href="https://github.com/breuckelen"><h1>Benjamin Attal</a></h1>
    Benjamin Attal hacked together <span id="title">bitshift</span>'s parsers and is working on data-visualization
    for bitshift's statistics page. He is a software developer and entrepreneur who enjoys listening to and playing
    country music, as well as working with smart people.
  </div>
  </div>
  <div class="person">
  <div class="photo">
    <a href="https://github.com/earwig"><img src="img/about/bio2.jpg" alt="Benjamin Kurtovic's photo."></a>
  </div
  ><div class="bio">
    <h1><a href="https://github.com/earwig">Benjamin Kurtovic</a></h1>
    Ben Kurtovic designed <span id="title">bitshift</span>’s database and acts as its server admin. In his free time,
    he edits Wikipedia and invents new ways of confusing the hell out of people through source code obfuscation.
  </div>
  </div>
  <div class="person">
  <div class="photo">
    <a href="https://github.com/sevko"><img src="img/about/bio3.jpg" alt="Severyn Kozak's photo."></a>
  </div
  ><div class="bio">
    <h1><a href="https://github.com/sevko">Severyn Kozak</a></h1>
    Severyn developed <span id="title">bitshift</span>'s crawlers and its front-end. He loves skiing, mathematics
    that he doesn't understand, and the art of good software development.
  </div>
  </div>
  </div>
  </div>
= endblock