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

{% block metadescription %}{{object.body_html|striptags|safe}}{% 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="archive notes permalink" id="archive-{% if month %}{{month|month_number_to_name}}{%endif%}{{year}}"{%endblock%}

				
{% block primary %}		
    <main role="main">
        <article class="h-entry">
            <div class="p-name e-content">
            {{object.link_twitter_names|safe|amp|smartypants|urlizetrunc:45 }}
            </div>
            <footer>
                <p class="meta">
                    <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time datetime="{{object.date_created|html5_datetime}}">{{object.date_created|date:"d M Y"}}</time></a>
                </p>{% if object.location %}
                <p class="h-adr meta 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.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 %}{% if object.twitter_id %}
                <p class="meta">
                    <a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">Twitter</a>
                    <a href="https://twitter.com/intent/tweet?in_reply_to={{object.twitter_id}}">Reply</a>
                    <a href="https://twitter.com/intent/retweet?tweet_id={{object.twitter_id}}">Retweet</a>
                    <a href="https://twitter.com/intent/favorite?tweet_id={{object.twitter_id}}">Favourite</a>
                    </p>{% endif %}
            </footer>

        {% with object.get_next_published as next %}
        {% with object.get_previous_published as prev %}
        <nav id="page-navigation">
            <ul>{% if prev%}
                <li 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 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 %}