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

{%block bodyid%}class="archive"{%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 class="projects">
    <div class="intro">
        <p>Luxagraf has become a bit like an iceberg over the years. I keep adding things to it, but never actually make them public. So I decided to try making some of it more public. </p>
        <p>This will lead you to some of the previously submerged stuff that doesn't always neatly fit in with the travel narrative portion of luxagraf. </p>
    </div>
    <ul id="projects-archive" class="wide-list">{%for object in object_list %}
        <li>
            <a href="{{object.get_absolute_url}}" title="{{object.title}}">
                <img sizes="(max-width: 850px) 100vw, (min-width: 851px) 720px" srcset="{{object.get_project_image|slice:"0:-4"}}_lg.jpg 1280w" src="{{object.get_project_image}}" alt="{{ object.title }}" class="post-image" />
            </a>
            <div class="wide-wrapper">
                <h2 class="post-title"><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|safe}} {{object.subtitle|safe}}</a></h2>
                <div class="post-summary">{{object.lede|safe|smartypants}}</div>
                <a class="permalink" href="{{object.get_absolute_url}}">Explore&nbsp;&#8674;</a>
            </div>
        </li> {% endfor %}
    </ul>
    </main>
{% endblock %}

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