{% extends 'base.html' %}
{% load typogrify %}
{% load pagination_tags %}

{% block pagetitle %}Luxagraf | {% if region %}Travel Writing from {{region.name|title|smartypants|safe}}{%else%}Travel Writing from Around the World {%endif%}{% endblock %}
{% block metadescription %}{% if region %}Travel writing, essays and dispatches from {{region.name|title|smartypants|safe}}{%else%}Travel writing, essays and dispatches from around the world{%endif%}{% endblock %}
{%block bodyid%}id="writing"{%endblock%}


{% block primary %}
    <article>
    <h1 class="hide">{% if region %}Writings from {%if region.name == 'United States'%}the United States{%else%}{{region.name|title|smartypants|safe}}{%endif%}{%else%}Writing {%endif%}</h1>
    
    <ul id="breadcrumbs">
        <li><a href="/" title="luxagraf homepage">Home</a> &rarr;</li>
        {% if region %}{%if region.name == 'United States'%} <li><a href="/writing/" title="See all Writing">Writing</a> &rarr;</li>
        <li>the United States</li>{%else%}<li><a href="/writing/" title="See all Writing">Writing</a> &rarr;</li> <li>{{region.name|title|smartypants|safe}}{%endif%}{%else%}Writing </li>{%endif%}
    </ul>
    
    <ul id="writing-archive">
    {% autopaginate object_list 10 %}
    {% for object in object_list %}
        <li>
            <div>
                <h3><a href="{{object.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|smartypants|widont|safe}}</a></h3>
     
                <p>
                    <span class="location">{% if object.location.state.country.name == "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.location.state.name}}</a>{%else%}{{object.location.name|smartypants|safe}}, <a href="/writing/{{object.location.state.country.slug}}/1/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endif%}</span> &nbsp;
                    <time datetime="{{object.pub_date}}">{{object.pub_date|date:"m/d/y"}}</time>
                </p>
                        
                <p class="hyphenate">{{object.dek|safe}}</p>
            </div>
            <div class="img">
                <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_image_url}}" alt="{{ object.title }}" class="post-image" /></a>
            </div>
            
        </li>
    {% endfor %}
    </ul>
    
    <section id="pagination">
        <ul>{% paginate %}
        </ul>
    </section>
    </article>
{% endblock %}



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