{% extends 'base.html' %}
{% load typogrify_tags %}
{% load html5_datetime %}
{% block pagetitle %} Notes | luxagraf {% endblock %}
{% block metadescription %} The LongHandPixels Blog Archive, covering HTML, CSS and other web nerdery.{% endblock %}
{%block bodyid%}class="archive notes" id="notes-archive"{%endblock%}

{% block primary %}
    <ul class="bl" 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>Notes</li>
    </ul>
        <main role="main">
        <h1>Notes</h1>
{% for object in object_list %}
        <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.twitter_id %}
                <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.location %}
                <p class="meta twitter">
                    View on <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>
        </article>
{% endfor %}
        </main>
{% endblock %}