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

{%block bodyid%}id="projects-page"{%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>Projects</li>
    </ul>
    <main role="main" class="projects">
    <div class="projects--intro">
        <p>These projects are all designed to get my body and mind moving. Theories are interesting, goals are good, but ultimately talk is just talk. Your life &ndash; that thing you get maybe 76 or so years of, if you're lucky &ndash; is made up of what you do, not what you say.</p>
        
        <p>Some people, including me some days, think these sorts of goals, lists and self-experiments are silly and contrived. They are. But they also help me <em>do</em> more and remind me that <a href="http://www.youtube.com/watch?v=8r1CZTLk-Gk" title="Louis CK talking about how everything is amazing">everything is amazing</a> provided you remember that everything is amazing.</p>
    </div>
    <ul id="projects-archive" class="projects--list">{%for object in object_list %}
        <li>
            <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|safe}} {{object.subtitle|safe}}</a></h1>
            <div class="img">
                <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_project_image}}" alt="{{ object.title }}" class="post-image" /></a>
            </div>
            <div class="hyphenate">{{object.lede|safe|smartypants}}</div>
            <p class="projects--button"><a href="{{project.get_absolute_url}}">View&nbsp;Project&nbsp;&#8674;</a></p>
        </li> {% endfor %}
    </ul>
    </main>
{% endblock %}

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