Browse Source

Add real bios/photos to /about.

Add:
        templates/about.html
                -Replace filler text with real biographies.
                -Make all images hyperlinks to our `GitHub`s.

        static/img/about/bio(1, 2, 3).jpg
                -Update biography images with our headshots.
tags/v1.0^2
Severyn Kozak 10 years ago
parent
commit
109504666e
4 changed files with 58 additions and 52 deletions
  1. BIN
     
  2. BIN
     
  3. BIN
     
  4. +58
    -52
      templates/about.html

BIN
View File


BIN
View File


BIN
View File


+ 58
- 52
templates/about.html View File

@@ -18,64 +18,70 @@
<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 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>
<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>
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 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

Loading…
Cancel
Save