layout: compress


<html lang=“{{ page.lang | default: site.lang | default: ”en-US“ }}”>

{% include head.html %}

<body class=“site”>

{% if site.google_tag_manager %}

<!– Google Tag Manager (noscript) –> <noscript><iframe src=“www.googletagmanager.com/ns.html?id={{ site.google_tag_manager }}”

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<!– End Google Tag Manager (noscript) –>

{% endif %}

{% include header.html %}

{% if page.featured-img %}

<div class="hero lazyload" data-bg="{{site.url}}/assets/img/posts/{{page.featured-img}}.jpg">
  {% else %}
  <div class="hero dark-bg">
    {% endif %}
    <div class="hero__wrap">
      <h1 class="hero__title">{{ page.title }}</h1>
      <p class="hero__meta">
          <span>
            <time>{{ page.date | date_to_string }}</time>&nbsp;
          </span>
        <span>
            {% assign words = content | number_of_words %}
              {% if words < 360 %}
                1 min
              {% else %}
                {{ words | divided_by:180 }} mins
            {% endif %} read
            &nbsp;
        </span>
      </p>
    </div>
  </div>
</div>

<main class="site__content">
  <div class="container">
    <article class="post-content" itemprop="articleBody">

      {{ content }}

    </article>
    <div class="post-content controls__inner">
      <div class="controls__item prev">
        {% if page.previous.url %}

        <span>Previous</span>
        <a href="{{page.previous.url | relative_url }}">
              <span>
                <svg xmlns="http://www.w3.org/2000/svg" width="6" height="11">
                  <path fill="fillColor" d="M5.647 1.718c.37-.434.323-1.09-.106-1.465A1.016 1.016 0 0 0 4.095.36L.25 4.875a1.05 1.05 0 0 0 .017 1.378l3.95 4.407c.38.424 1.03.456 1.448.07a1.05 1.05 0 0 0 .07-1.468l-3.34-3.725 3.253-3.819z"/>
                </svg>
            </span>
          {{page.previous.title | strip_html | truncate: 30}}
        </a>
        {% endif %}
      </div>

      <div class="controls__item next">
        {% if page.next.url %}
        <span>Next</span>
        <a href="{{page.next.url | relative_url }}">
          {{page.next.title | strip_html | truncate: 30}}
          <span>
              <svg xmlns="http://www.w3.org/2000/svg" width="6" height="11">
                <path fill="#fillColor" d="M.353 9.282c-.37.434-.323 1.09.106 1.465a1.016 1.016 0 0 0 1.446-.107L5.75 6.125a1.05 1.05 0 0 0-.017-1.378L1.784.34A1.015 1.015 0 0 0 .336.27a1.05 1.05 0 0 0-.07 1.468l3.34 3.725L.353 9.282z"/>
              </svg>
            </span>
        </a>
        {% endif %}
      </div>
    </div>
  </div>

  {% if site.disqus.shortname %}

  <div class="comments">
    <div class="container">
      <div class="post-content">

        {% include disqus.html %}

      </div>
    </div>
  </div>

  {% endif %}

</main>

{% include footer.html %}
{% include mathjax.html %}

</body>

</html>