{% extends 'base.html' %}
{% load typogrify %}
{%block bodyid%}id="home"{%endblock%}

{% block primary %}<section class="archive">{% for object in object_list %}{% if forloop.counter == 1 %}
        <article>
            <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|smartypants|widont|safe}}</a></h1>
            <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>
            <p class="dateline bl">
                <span class="location" itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">{% if object.country.name == "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/" 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.name|slugify}}/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endif%}
                <meta itemprop="latitude" content="{{object.latitude}}" />
                <meta itemprop="longitude" content="{{object.longitude}}" /></span> &nbsp;
                <time datetime="{{object.pub_date|date:'c'}}" pubdate>{{object.pub_date|date:"m/d/y"}}</time>
            </p>
            
            <p class="hyphenate">{{object.dek|safe}} <span class="button"><a href="{{object.get_absolute_url}}" title="{{object.title}}">More &raquo;</a></span> </p> {%endif%}{%endfor%}
                       
        </article>
   </section>
    {%comment%}<section id="currently">
            <div class="project-tease"><a href="/projects/5x5/"><h4 id="proj">5<span>x</span>5</h4> Interviews From The Road</a><p>Lorem sit amet, consectetur adipiscing elit. Duis cursus sodales eros <cite>&ndash; William Brandon III</cite></p></div>
       </section>{%endcomment%}
   <section class="home harchive">
        <h1 class="sh">From the Archive</h1>
        {% for object in object_list %}{%if forloop.counter > 1 %}<article {%if forloop.last %}class="last"{%endif%}>
             <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|smartypants|widont|safe}}</a></h1>
             <p class="dateline bl">
             <span class="location" itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">{% 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%}
                 <meta itemprop="latitude" content="{{object.latitude}}" />
                 <meta itemprop="longitude" content="{{object.longitude}}" />
             </span> &nbsp;
             <time datetime="{{object.pub_date|date:'c'}}" pubdate>{{object.pub_date|date:"m/d/y"}}</time>
             </p>
             {%if object.thumbnail%}<a class="permalink" href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_thumbnail_url}}" alt="{{ object.title }}" class="post-image" width="{{object.thumb_width}}" height="{{object.thumb_height}}" /></a>{%endif%}
             <p class="hyphenate">{{object.dek|safe}}</p>
             </article>{%endif%}
         {% endfor %}   </section>
{% endblock %}

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