{% extends "templates/base.html" %}

{% block page-metadata %}
<!-- General Metadata (per-page) -->
<meta name="author" content="{{ post-data.author }}">

<!-- Dublic Core Metadata (per-page) -->
<meta name="DC.title" lang="en" content="{{ post-data.title }}">
<meta name="DC.creator" content="{{ post-data.author }}">
<meta name="DC.subject" content="{{ post-data.category }}">
<meta name="DC.date" content="{{ post-data.datestamp }}">
<meta name="DC.identifier" scheme="DCTERMS.URI" content="http://forgotten.roads.mx{{ post-data.url }}">
<meta name="DCTERMS.abstract" content="{% if post-data.subtitle %}{{ post-data.subtitle|safe }}{% endif %}">

<!-- Facebook's OpenGraph Metadata -->
<meta property="og:site_name" content="{{ page-data.site-title }}">
<meta property="og:title" content="{{ post-data.title }}">
<meta property="og:url" content="http://forgotten.roads.mx{{ post-data.url }}">
<meta property="og:type" content="blog">
<meta property="og:description" content="{% if post-data.subtitle %}{{ post-data.subtitle|safe }}{% endif %}">
<meta property="og:image" content="http://forgotten.roads.mx{{ page-data.base-path }}/{{ post-data.header-image }}">
<meta property="article:author" content="{{ post-data.author }}">
<meta property="article:published_time" content="{{ post-data.timestamp }}">
<meta property="article:modified_time" content="{{ post-data.now-timestamp }}">
<meta property="og:updated_time" content="{{ post-data.now-timestamp }}">
<meta property="article:section" content="{{ post-data.category }}">
{% for tag in tags %}<meta property="article:tag" content="{{ tag }}">
{% endfor %}

<!-- Twitter Card Metadata -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site:id" content="@ForgottenRdsMX">
<meta name="twitter:creator:id" content="@{{ post-data.twitter }}">
<meta name="twitter:title" content="{{ post-data.title }}">
<meta name="twitter:url" content="http://forgotten.roads.mx{{ post-data.url }}">
<meta name="twitter:description" content="{{ post-data.excerpt-25|safe }}">
<meta name="twitter:image" content="http://forgotten.roads.mx{{ page-data.base-path }}/{{ post-data.header-image }}">
{% endblock %}

{% block pre-css %}{{ blocks.pre-css|safe }}{% endblock %}

{% block pre-head-scripts %}{{ blocks.pre-head-scripts|safe }}{% endblock %}

{% block post-head-scripts %}{{ blocks.post-head-scripts|safe }}{% endblock %}

{% block head-postpends %}
 <script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
 {{ blocks.head-postpends|safe }}
{% endblock %}

{% block post-post-scripts %}{{ blocks.post-post-scripts|safe }}{% endblock %}

{% block main-content %}
    <div class="container">
      <div class="page-header" id="banner">

      <div class="row">
        <div class="col-sm-8 blog-main">

          <div class="blog-post">
            <div class="page-header">
              {% if post-data.header-image %}
                <img src="{{ page-data.base-path }}/{{ post-data.header-image }}" />
              {% endif %}
              <h2 class="blog-post-title">{{ post-data.title }}</h2>
              {% if post-data.subtitle %}
              <h3 class="blog-post-subtitle">{{ post-data.subtitle }}</h3>
              {% endif %}
              <div class="blog-post-meta">
                <p class="date">{{ post-data.month }}
                                {{ post-data.date.day }},
                                {{ post-data.date.year }}</p>
                <p class="author">by <a href="{{ page-data.base-path }}/authors/#{{ post-data.author }}">{{ post-data.author }}</a></p>
                {% if post-data.excerpt %}
                <p class="lead well">
                  {{ post-data.excerpt|safe }}
                </p>
                {% endif %}
              </div>
            </div>
            {{ post-data.body|safe }}
            {% block article-body-ads %}{{ blocks.article-body-ads|safe }}{% endblock %}
            {% if blocks.article-body-ads %}
            <p>(Purchases from the links above help support Forgotten Roads -- if you buy something, thanks :-) Regardless, thanks for reading!)</p>
            {% endif %}
          </div>

          {% if post-data.char-count > 2500 %}
          <div class="row">
            <div class="col-xs-6">
              {% if post-data.prev-post %}
              <a href="{{ post-data.prev-post }}">
                <i class="fa fa-arrow-circle-o-left fa-2x"
                   aria-hidden="true"></i>
              </a>
              {% else %}
                <i class="fa fa-arrow-circle-o-left fa-2x nav-arrow-disabled"
                   aria-hidden="true"></i>
              {% endif %}
            </div>

            <div class="col-xs-6 text-right">
              {% if post-data.next-post %}
              <a href="{{ post-data.next-post }}">
                <i class="fa fa-arrow-circle-o-right fa-2x"
                   aria-hidden="true"></i>
              </a>
              {% else %}
                <i class="fa fa-arrow-circle-o-right fa-2x nav-arrow-disabled"
                   aria-hidden="true"></i>
              {% endif %}
            </div>
          </div>
          <div class="row">
            <div class="col-xs-6">Previous Post</div>
            <div class="col-xs-6 text-right">Next Post</div>
          </div>
          {% endif %}

        </div>

        <aside class="col-sm-4 blog-aside">

          <div class="aside-widget">
            <header>
              <h3>Category</h3>
            </header>
            <div class="body">
              <p>
                <a href="{{ page-data.base-path }}/categories/#{{post-data.category}}">{{ post-data.category }}</a>
              </p>
            </div>
          </div>

          <div class="aside-widget tags-widget">
            <header>
              <h3>Tags</h3>
            </header>
            <div class="body">
              <ul>
                {% for tag in tags %}
                <li>
                  <a href="{{ page-data.base-path }}/tags/#{{tag}}">{{ tag }}</a>
                </li>
                {% endfor %}
              </ul>
            </div>
          </div>

          {% if blocks.article-sidebar-comments-links %}
          <div class="aside-widget comments-widget">
            <header>
              <h3>Comments</h3>
            </header>
            <div class="body">
              Post comments can be made for this article on:
              <ul class="tales-list">
                {% block article-sidebar-comments-links %}
                  {{ blocks.article-sidebar-comments-links|safe }}
                {% endblock %}
              </ul>
            </div>
          </div>
          {% endif %}

            <div class="row">
              <div class="col-xs-6">

              </div>
            </div>



          <div class="aside-widget">
            <header>
              <h3>Neighboring Posts</h3>
            </header>
            <div class="body">
              <div class="row">
                <div class="col-xs-6">Previous</div>
                <div class="col-xs-6">Next</div>
              </div>
              <div class="row">
                <div class="col-xs-6">
                  {% if post-data.prev-post %}
                  <a href="{{ post-data.prev-post }}">
                    <i class="fa fa-arrow-circle-o-left fa-2x"
                       aria-hidden="true"></i>
                  </a>
                  {% else %}
                    <i class="fa fa-arrow-circle-o-left fa-2x nav-arrow-disabled"
                       aria-hidden="true"></i>
                  {% endif %}
                </div>
                <div class="col-xs-6">
                  {% if post-data.next-post %}
                  <a href="{{ post-data.next-post }}">
                    <i class="fa fa-arrow-circle-o-right fa-2x"
                       aria-hidden="true"></i>
                  </a>
                  {% else %}
                    <i class="fa fa-arrow-circle-o-right fa-2x nav-arrow-disabled"
                       aria-hidden="true"></i>
                  {% endif %}
                </div>
              </div>
            </div>
          </div>

          <div class="aside-widget">
            <header>
              <h3>Post Data</h3>
            </header>
            <div class="body">
              <p>Lines: {{ post-data.line-count }}</p>
              <p>Words: {{ post-data.word-count }}</p>
              <p>Characters: {{ post-data.char-count }}</p>
              </p>
            </div>
          </div>

        </aside>

      </div>

    </div>
    </div>
{% endblock %}