---
layout: default
---

{% include base_path %}

<article class="page" itemscope itemtype="http://schema.org/CreativeWork">
  {% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
  {% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
  {% if page.modified %}<meta itemprop="dateModified" content="{{ page.modified | date: "%B %d, %Y" }}">{% endif %}

  <div class="page__inner-wrap">
    <header>
      <h1 class="page__title" itemprop="headline">{{ page.title | markdownify | remove: "<p>" | remove: "</p>" }}</h1>
    </header>

    <section class="page__content" itemprop="text">
      {{ content }}
      {% if page.link %}<div><a href="{{ page.link }}" class="btn">{{ site.data.ui-text[site.locale].ext_link_label }}</a></div>{% endif %}
    </section>

    <hr />

    <footer role="contentinfo">
      {% if site.share and page.share %}{% include social-share %}{% endif %}
      {% if page.modified %}
        <p class="byline"><strong>{{ site.data.ui-text[site.locale].date_label }}</strong> <time datetime="{{ page.modified | date: "%Y-%m-%d" }}">{{ page.modified | date: "%B %d, %Y" }}</time></p>
      {% elsif page.date %}
        <p class="byline"><strong>{{ site.data.ui-text[site.locale].date_label }}</strong> <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time></p>
      {% endif %}
    </footer>
  </div><!-- /.article-wrap -->

  {% if site.comments.provider and page.comments %}
    {% case site.comments.provider %}
    {% when "disqus" %}
      <section id="disqus_thread"></section>
    {% when "facebook" %}
      <section class="fb-comments" data-href="{{ base_path }}{{ page.url }}" data-num-posts="{{ site.comments.facebook.num_posts | default: 5 }}" data-width="{{ site.comments.facebook.width | default: 580 }}" data-colorscheme="{{ site.comments.facebook.colorscheme | default: 'light' }}"></section>
    {% when "google-plus" %}
      <section class="g-comments" data-href="{{ base_path }}{{ page.url }}" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD">Loading Google+ Comments ...</section>
    {% when "custom" %}
      <section id="comments"></section>
    {% endcase %}
  {% endif %}
</article>

{% comment %}<!-- only show related on a post page when not disabled -->{% endcomment %}
{% if page.id and page.related and site.related_posts.size > 0 %}
  <div class="related-articles">
  <h4>{{ site.data.ui-text[site.locale].related_label }}</h4>
    <ul>
    {% for post in site.related_posts limit:3 %}
      <li><a href="{{ base_path }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></li>
    {% endfor %}
    </ul>
    <hr />
  </div><!-- /.related-articles -->
{% endif %}