{% 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 %}<section id="page-header">
        <h1 class="hide">About Luxagraf</h1>
        <nav id="page-nav">
            <ul id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>
                <li>About</li>
            </ul>
        </nav>
    </section>

    <article role="main">
        <h1 class="hide">About Luxagraf</h1>
        <section>
            <h2>Background</h2>
            <img src="{{IMAGES_URL}}bio.jpg" alt="me" />
            <div class="content">
                {{top.content|smartypants|safe}}
            </div>
        </section>
        <section>
            <h2>About the Site</h2>
            <img src="{{IMAGES_URL}}site.jpg" alt="me" />
            <div class="content">
                {{middle.content|smartypants|safe}}
            </div>
        </section>
        <section>
            <h2>Colophon</h2>
            <img src="{{IMAGES_URL}}colo.jpg" alt="me" />
            <div class="content">
                {{bottom.content|smartypants|safe}}
            </div>
        </section>
    </article>
{% endblock %}