{% extends 'base.html' %}
{% load typogrify %}
{% block pagetitle %}Luxagraf | Projects | Code and Other Experiments {% endblock %}
{% block metadescription %}{% endblock %}
{% block extrahead %}
<style>
#page-header {margin: 2em 0 0 0;}
article[role="main"] header {margin-top: 0;}
article[role="main"] a { color: #b53a04;}
#ffext, #chrext, #bkmklt { 
    display: block;
    margin: 20px 0;
}
#ffext a, #chrext a, #bkmklt a {
    padding: 10px 8px 10px 35px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: #d7d7d7 1px solid;
    background: #f2f2f2;
    width: auto;
    font: 11px normal Helvetica, Verdana, sans-serif;
    text-transform: uppercase;
}
#ffext a {
    background: #f2f2f2 url("{{MEDIA_URL}}img/fficon.jpg") 2px 50% no-repeat;
}
#chrext a {
    background: #f2f2f2 url("{{MEDIA_URL}}img/chricon.jpg") 2px 50% no-repeat;
}
#ffext a:hover, #chrext a:hover, #bkmklt a:hover { background-color: #e2e2e2;}
#bkmklt a {
    padding: 10px 8px;
}
</style>
{% endblock %}
{%block bodyid%}id="code"{%endblock%}								
				
{% block primary %}<section id="page-header">
        <h1 class="hide">The National Parks Project</h1>
        <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><a href="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> &rarr;</li>
                <li>Code</li>
            </ul>
        </nav>
    </section>
    <article role="main">
    {% for object in object_list %}
        <header>
            <h1>{{object.name}}</h1>
        </header> 
        <div id="post-body"> 
            {{object.body_html|smartypants|widont|safe}}
        </div>
    {% endfor %}
    </article>
    


{% endblock %}