{% extends 'base.html' %}
{% load typogrify_tags %}
{%block bodyid%}class="detail"{%endblock%}


{%block extrahead%}
    <meta property="og:type" content="article" />
    <meta property="og:site_name" content="luxagraf"/>
    <meta property="og:title" content="{{object.title|safe}}" />
    <meta property="og:url" content="https://luxagraf.net{{object.get_absolute_url}}" />
    <meta property="og:description" content="{{object.meta_description}}" />
    <meta property="article:published_time" content="{{object.pub_date|date:'c'}}" />
    <meta property="article:author" content="Luxagraf" />
    <meta property="og:site_name" content="Luxagraf" />
    <meta property="og:locale" content="en_US" />
    <meta name="twitter:card" content="summary"/>
    <meta name="twitter:site" content="@luxagraf"/>
    <meta name="twitter:creator" content="@luxagraf"/>

{%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><a href="/figments/" title="Figments" itemprop="url"><span itemprop="title">Figments</span></a> &rarr; </li>
    <li>{{object.title}}</li>
    </ul>
    <main>
    <article class="h-entry hentry post-article{% with object.get_template_name_display as t %}{%if t == "double" or t == "double-dark" %} post--article--double{%endif%}{%endwith%}" itemscope itemType="http://schema.org/Article">
            <header id="header" class="post--header {% with object.get_template_name_display as t %}{%if t == "double" or t == "double-dark" %}post--header--double{%endif%}{%endwith%}">
                <h1 class="p-name entry-title post-title" itemprop="headline">{%if object.template_name == 1 or object.template_name == 3 %}{{object.title|smartypants|safe}}{%else%}{{object.title|smartypants|widont|safe}}{%endif%}</h1>
                <time class="hide dt-published published dt-updated post--date" datetime="{{object.pub_date|date:'c'}}" itemprop="datePublished">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
                <ul class="downloads">
                    <li class="kindle"><a href="javascript:(%0A%28function%28%29%7Bwindow.baseUrl%3D%27//www.readability.com%27%3Bwindow.readabilityToken%3D%27%27%3Bvar%20s%3Ddocument.createElement%28%27script%27%29%3Bs.setAttribute%28%27type%27%2C%27text/javascript%27%29%3Bs.setAttribute%28%27charset%27%2C%27UTF-8%27%29%3Bs.setAttribute%28%27src%27%2CbaseUrl%2B%27/bookmarklet/send-to-kindle.js%27%29%3Bdocument.documentElement.appendChild%28s%29%3B%7D%29%28%29)">Send to Kindle</a></li>
                <li class="epub"><a href="{{object.get_absolute_url}}.epub">Download for iBooks (epub)</a></li>
                </ul>
            <p class="p-author author hide" itemprop="author"><span class="byline-author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Scott Gilbertson</span></span></p>
            </header>
        <div id="article" class="e-content entry-content post-body post--body--{% with object.template_name as t %}{%if t == 0 or t == 2 %}single{%endif%}{%if t == 1 or t == 3 %}double{%endif%}{%endwith%}" itemprop="articleBody">
            {{object.body_html|safe|smartypants|widont}}
        </div>
        </article>
        {% with object.get_next_published as next %}
        {% with object.get_previous_published as prev %}
        <nav id="page-navigation">
            <ul>{% if prev%}
                <li id="prev"><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="next"><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%}
    </main>
{%endblock%}