{% extends 'base.html' %}
{% load typogrify %}
{% block pagetitle %}Luxagraf | Projects {% endblock %}
{% block metadescription %}Travel Themes and Experiments {% endblock %}

{%block bodyid%}id="projects-page"{%endblock%}								
				
{% block primary %}
<article>
    <ul id="breadcrumbs">
        <li><a href="/" title="luxagraf homepage">Home</a> &rarr;</li>
        <li>Projects</li>
    </ul>
    <h1 class="hide">Projects</h1>
    <div class="top"><p class="col">These are a few of the things that I use to inspire myself to do more. The truth is, just about <a href="http://www.youtube.com/watch?v=8r1CZTLk-Gk" title="Louis CK talking about how everything is amazing">everything is amazing</a> when viewed from the proper perspective. </p>
    
    <p class="col two">The projects on luxagraf are more or less goals I've created in effort to get my body in motion, because the difference between the mundane and the amazing is often simply motion. To move is to do, and to do is to live.</p></div>
    <div class="break"></div>
    {%for project in object_list %}
    <ul class="project-tease">
        <li>
            <div class="tease">
                <h4><a href="{{project.get_absolute_url}}">{{project.title|safe}}{{project.subtitle|safe}}</a></h4> 
             
                <div class="lede hyphenate">{{project.lede|smartypants|safe}}</div>
                <span class="button"><a href="{{project.get_absolute_url}}">More&nbsp;&raquo;</a></span>
            </div>
            <div class="img"><img src="{{project.image.url}}"  /></div>
        </li>
    </ul>
    {% endfor %}

</article>
{% endblock %}

{% block js %}<script src="/media/js/hyphenate.js" type="text/javascript"></script>{% endblock%}