{% extends 'base.html' %}
{% load typogrify %}
{% block pagetitle %}Luxagraf | About{% endblock %}
{% block metadescription %}About the site, luxagraf.net {% endblock %}

{%block bodyid%}id="about"{%endblock%}								
				
{% block primary %}
<article>
    <ul id="breadcrumbs">
        <li><a href="/" title="luxagraf homepage">Home</a> &rarr;</li>
        <li>About</li>
    </ul>
    
    <section>
        <div class="image"><img src="{{IMAGES_URL}}bio.jpg" alt="me" /></div>
        <div class="content">
            {{top.content|smartypants|safe}}
        </div>
    </section>
    <div class="clearfix"></div>
    <section>
        <div class="image"><img src="{{IMAGES_URL}}site.jpg" alt="me" /></div>
        <div class="content">
            {{middle.content|smartypants|safe}}
        </div>
    </section>
    <div class="clearfix"></div>
    <section>
        <div class="image"><img src="{{IMAGES_URL}}colo.jpg" alt="me" /></div>
        <div class="content">
            {{bottom.content|smartypants|safe}}
        </div>
    </section>

</article>
{% endblock %}