{% extends "layout.html" %}

{% block head_title %}
{{ super() }} | About
{% endblock %}

{% block content %}
<div class="container">
    <h1>About</h1>
    <!-- PROJECT SECTION -->
    <h2>The project</h1>
    <img src="/static/images/about/lan.original.jpg" class="pull-right img-polaroid span4" />
    <p>Ooh, name it after me! Alright, let's mafia things up a bit. Joey, burn down the ship. Clamps, burn down the crew. Pansy. Really?! Okay, it's 500 dollars, you have no choice of carrier, the battery can't hold the charge and the reception isn't very&hellip; Leela's gonna kill me.</p> <h2>A Pharaoh to Remember</h2> <p>I can explain. It's very valuable. Oh God, what have I done? Bender, you risked your life to save me! I don't know what you did, Fry, but once again, you screwed up! Now all the planets are gonna start cracking wise about our mamas. Why would a robot need to drink? Ah, yes! John Quincy Adding Machine. He struck a chord with the voters when he pledged not to go on a killing spree.</p> <ul> <li>Goodbye, friends. I never thought I'd die like this. But I always really hoped.</li> <li>Now Fry, it's been a few years since medical school, so remind me. Disemboweling in your species: fatal or non-fatal?</li> <li>Who said that? SURE you can die! You want to die?!</li> </ul> <h3>Time Keeps on Slippin'</h3> <p>There's no part of that sentence I didn't like! I guess because my parents keep telling me to be more ladylike. As though! Yeah, and if you were the pope they'd be all, "Straighten your pope hat." And "Put on your good vestments."</p> <h4>Where the Buggalo Roam</h4> <p>But I've never been to the moon! This is the worst part. The calm before the battle. But I've never been to the moon! Whoa a real live robot; or is that some kind of cheesy New Year's costume? You wouldn't. Ask anyway!</p>
    <div class="clearfix"></div>

    <!-- PEOPLE SECTION -->
    <h2>The people</h2>
    <div class="row">
        <div class="span6">
            <div class="well">
                <img src="https://www.gravatar.com/avatar/49dbfd4eff4d399330de2bc4b03cb334?s=200px" 
                     class="img-circle pull-left" />
                 <div class="span3 pull-right">
                    <h3>Felipe Mart&iacute;n</h3>
                    <p>Developer and minecraft lover.</p>
                    <p>
                        Want to help the awesome minecraft community building a tool to
                        help everyone on its days over <i>minecraftia</i>.
                    <p>
                        <a href="https://twitter.com/fmartingr">
                            <i class="icon-twitter"></i> @fmartingr
                        </a>
                    </p>
                 </div>
                 <div class="clearfix"></div>
            </div>
        </div>
        <div class="span6">
            <div class="well">
                <img src="https://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=200px" 
                     class="img-circle pull-left" />
                 <div class="span3 pull-right">
                    <h3>Ramiro Sanchez</h3>
                    <p>Design and stuff.</p>
                    <p>I haven't done anything yet, but it's cool to be here!<br />:)</p>
                    <p>
                        <a href="https://twitter.com/rsanchezbalo">
                            <i class="icon-twitter"></i> @rsanchezbalo
                        </a>
                    </p>
                 </div>
                 <div class="clearfix"></div>
            </div>
        </div>
        {# TEMPLATE
        <div class="span6">
            <div class="well">
                <img src="avatar" 
                     class="img-circle pull-left" />
                 <div class="span3 pull-right">
                    <h3>Name</h3>
                    <p>What it does</p>
                    <p>Little text</p>
                    <p>
                        <a href="https://twitter.com/">
                            <i class="icon-twitter"></i> @
                        </a>
                    </p>
                 </div>
                 <div class="clearfix"></div>
            </div>
        </div>
        #}
    </div>
</div>
{% endblock %}