{% extends 'base.html' %}
{% load typogrify_tags %}
{% block pagetitle %}Luxagraf | Projects | Code and Other Experiments {% endblock %}
{%block htmlclass%}class="single"{%endblock%}
{% block metadescription %}Browser extentsions to block comments on onlineathens.com{% endblock %}
{% block extrahead %}
<style>
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 %}<ul class="bl" 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>
    <article role="main">{% for object in object_list %}
        <h1>{{object.name}}</h1>
        <div class="post-body-single"> 
            {{object.body_html|safe|smartypants|widont}}
        </div>{% endfor %}
    </article>
    


{% endblock %}