{% extends "base.html" %}
{% load typogrify %}

{% block primary %}
    <article>
        <section>
            <ul id="writing-archive">
                <li>
                    <div id="featured-article">
                        <h3><a href="{{featured.get_absolute_url}}" title="{%if featured.title_keywords%}{{featured.title_keywords}}{%else%}{{featured.title}}{%endif%}">{{featured.title|smartypants|widont|safe}}</a></h3>
             
                        <p>
                            <span class="location">{% if featured.location.state.country.name == "United States" %}{{featured.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{featured.location.state.name}}</a>{%else%}{{featured.location.name|smartypants|safe}}, <a href="/writing/{{featured.location.state.country.slug}}/1/" title="travel writing from {{featured.location.state.country.name}}">{{featured.location.state.country.name}}</a>{%endif%}</span> &nbsp;
                            <time datetime="{{featured.pub_date}}">{{featured.pub_date|date:"m/d/y"}}</time>
                        </p>
                                
                        <p class="hyphenate">{{featured.dek|safe}}</p>
                        <span class="button"><a href="{{featured.get_absolute_url}}" title="{{featured.title}}">More &raquo;</a></span>
                    </div>
                    <div id="featured-image">
                        <a href="{{featured.get_absolute_url}}" title="{{featured.title}}"><img src="{{featured.get_image_url}}" alt="{{ featured.title }}" class="post-image" width=300 /></a>
                    </div>
                    
                </li>
            </ul>
           
       </section>
       <!--<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>-->

       <section id="writing-tease">
            <h2>From the Archive</h2>
                
       </section>
       
    </article>


{% endblock %}