bitshift/templates/about.html

= extends "layout.html"

= block title
  about
= endblock

= block head
  {{ assets.tag("lib/jquery.min.js") }}
  {{ assets.tag("main.css") }}
  {{ assets.tag("about.css") }}
= 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.

      <h2>
        Our demo video:
      </h2>
      <div class="video">
        <iframe id="vimeo" src="//player.vimeo.com/video/98697078" width="100%" height="100%" frameborder="0"
          webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
      </div>

      <h2>
        Our demo at the New York Tech Meetup:
      </h2>
      <div class="video">
        <iframe id="vimeo" src="//player.vimeo.com/video/106072869" width="100%" height="100%" frameborder="0"
          webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
      </div>
    </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">
          <h1><a href="https://github.com/breuckelen">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="Ben Kurtovic's photo."></a>
        </div>
        <div class="bio">
          <h1><a href="https://github.com/earwig">Ben 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>

  {{ assets.tag("about.js") }}
= endblock