{% extends 'base.html' %}
{% load typogrify_tags %}
{% load html5_datetime %}
{% load month_number_to_name %}
{% block pagetitle %}{{object.title|title|smartypants|safe}} - Luxagraf, Field Notes{% endblock %}

{% block metadescription %}{{object.body_html|striptags|safe|truncatewords:30}}{% endblock %}
{%block extrahead%}
     <link rel="canonical" href="http://luxagraf.net{{object.get_absolute_url}}" />
     <meta name="ICBM" content="{{object.latitude}}, {{object.longitude}}" />
     <meta name="geo.position" content="{{object.latitude}}; {{object.longitude}}" />
     <meta name="geo.placename" content="{% if object.location.country.name == "United States" %}{{object.location.name|smartypants|safe}}, {{object.state.name}}{%else%}{{object.location.name|smartypants|safe}}, {{object.country.name}}{%endif%}"> 
     <meta name="geo.region" content="{{object.country.iso2}}{%if object.state.code != '' %}-{{object.state.code}}{%endif%}">
{%endblock%}
{% block bodyid %}class="notes--permalin detail" id="archive-{% if month %}{{month|month_number_to_name}}{%endif%}{{year}}"{%endblock%}
{% block breadcrumbs %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a href="/" title="luxagraf homepage" itemprop="item">
            <span itemprop="title">Home</span>
        </a> &rarr; 
        <meta itemprop="position" content="1" />
    </li>
    <li itemscope itemtype="http://schema.org/ListItem">
        <a href="/field-notes/" itemprop="item">
            <span itemprop="title">Field Notes</span>
        </a> &rarr;
        <meta itemprop="position" content="2" />
    </li>
    <li itemscope itemtype="http://schema.org/ListItem">
        <a href="/field-notes/{{object.pub_date|date:"Y"}}/">
            <span itemprop="title">{{object.pub_date|date:"Y"}}</span>
        </a> &rarr;
        <meta itemprop="position" content="3" />
    </li>
    <li itemprop="title">Walks</li>
    </ul>{% endblock %}
				
{% block primary %}<ul class="bl crumbs" 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><a href="/field-notes/" itemprop="url"><span itemprop="title">Field Notes</span></a> &rarr;</li>
        <li><a href="/field-notes/{{object.pub_date|date:"Y"}}/">{{object.pub_date|date:"Y"}}</a>  &rarr;</li>
        <li itemprop="title"><a href="/field-notes/{{object.pub_date|date:"Y"}}/{{object.pub_date|date:"m"}}/">{{object.pub_date|date:"F"}}</a></li>
    </ul>
    <main role="main">
        <article class="h-entry post--article">
            {% if object.title %}<h1 class="p-name note--title">{{object.title|safe|amp|smartypants}}</h1>{%endif%}
            <div class="note--date-container">
                {% if object.location %}
                <p class="p-location h-adr note--location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">
                    <span class="p-locality">{{object.location.name|smartypants|safe}}</span>, 
                    <span class="p-region">{{object.location.state.name}}</span>,
                    <span class="p-country-name">{{object.location.state.country.name}}</span>
                    <data class="p-latitude" value="{{object.latitude}}"></data>
                    <data class="p-longitude" value="{{object.longitude}}"></data>
                    </p>{% endif %}

                <p class="note--date">
                    <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time class="dt-published" datetime="{{object.pub_date|html5_datetime}}">{{object.pub_date|date:"F j, Y"}}</time></a>
                </p>
            </div>
            <div class="e-content">
            {{object.body_html|safe|smartypants}}
            </div>
            <span class="p-author h-card">
                <data class="p-name" value="Scott Gilbertson"></data>
                <data class="u-url" value="https://luxagraf.net/"></data>
            </span>
            <footer>
                {%comment%}<p class="note--date">
                    <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time class="dt-published" datetime="{{object.pub_date|html5_datetime}}">{{object.pub_date|date:"F j, Y"}}</time></a>
                </p>{%endcomment%}
                    {% comment %}    {% if object.twitter_id %}
                <ul class="note--actions">
                    <li><a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">View on Twitter</a></li>
                    <li>
                        <indie-action do="reply" with="{{SITE_URL}}{{object.get_absolute_url}}"><a href="https://twitter.com/intent/tweet?in_reply_to={{object.twitter_id}}">Reply</a></indie-action>
                    </li>
                    <li>
                        <indie-action do="post" with="{{SITE_URL}}{{object.get_absolute_url}}">
                    <a href="https://twitter.com/intent/retweet?tweet_id={{object.twitter_id}}">Retweet</a>
                        </indie-action>
                    </li>
                    <li>
                    <indie-action do="bookmark" with="{{SITE_URL}}{{object.get_absolute_url}}">
                        <a href="https://twitter.com/intent/favorite?tweet_id={{object.twitter_id}}">Favourite</a>
                    </indie-action>
                    </li>
                </ul>{% endif %}{% endcomment %}
            </footer>


        {% with object.get_next_published as next %}
        {% with object.get_previous_published as prev %}
        <nav id="page-navigation">
            <ul>{% if prev%}
                <li rel="previous" id="next"><span class="bl">Previous:</span> 
                    <a href="{{ prev.get_absolute_url }}" rel="prev" title=" {{prev.title}}">{{prev.title|safe}}</a>
                </li>{%endif%}{% if next%}
                <li rel="next" id="prev"><span class="bl">Next:</span> 
                    <a href="{{ next.get_absolute_url }}" rel="next" title=" {{next.title}}">{{next.title|safe}}</a>
                </li>{%endif%}
            </ul>
        </nav>{%endwith%}{%endwith%}
    </article>
</main>
{% endblock %}