---
layout: default
---
<div class="flex-container">
  {% include header.html %}
  <article class="article-page">
    {% if page.img %}
    <div class="page-image">
      <div class="cover-image" style="background: url({{"/assets/img/" | prepend: site.baseurl | append : page.img}}) center no-repeat; background-size: cover;"></div>
    </div>
    {% endif %}
    <div class="wrapper{% if page.img %} with-image{% endif %}">
      <div class="page-content">
        <div class="header-page">
          <h1 class="page-title">{{page.title}}</h1>
          <div class="page-meta">
              {{page.date | date: '%B %d, %Y'}}
              {% if page.counts %} &bull; {{ page.counts.words }} words &bull; {{ page.counts.paragraphs }} paragraphs{% endif %}
              {% if page.tags %}<br />
              {% for tag in page.tags %}
              <a href="{{site.baseurl}}/tags#{{tag}}">{{tag}}</a>
              {% if forloop.last != true %}|{% endif %}
              {% endfor %}
              {% endif %}
          </div>
        </div>
        {{page.content | markdownify}}
        <hr class="fin" />
        <div class="page-footer">
          <div class="page-share">
            <span>Share:</span>
            <a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}" title="Share on Twitter" rel="nofollow" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
            <a href="https://facebook.com/sharer.php?u={{ site.url }}{{ page.url }}" title="Share on Facebook" rel="nofollow" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
            <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" title="Share on Google+" rel="nofollow" target="_blank"><i class="fa fa-google" aria-hidden="true"></i></a>
          </div><!-- End Share -->
        </div>
      </div>
    </div> <!-- End Wrapper -->
  </article>
  {% include search.html %}
  {% include footer.html %}
</div>