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

{%block bodyid%}id="home"{%endblock%}

{% 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" /></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>
       <section id="fromthearc">
            {% include 'includes/recent_entries.html' %}
       </section>
       
    </article>


{% endblock %}

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