layout: default


<h1 class=“postTitle”>{{ page.title }}</h1>

<!-- <p class="meta">{{ page.date | date: '%B %d, %Y' }} | <span class="time">{{ page.content | number_of_words | divided_by:180 }}</span> Minute Read</p> -->

{{ content }}

<!– *** –> <!– POST NAVIGATION with cards–> <!– *** –>

<hr>

<div class=“row”>

{% if page.previous.url %}
<!-- Card 1 -->
    <div class="col s6">
      <div class="card blue darken-4 hoverable">
        <a href="{{ page.previous.url | prepend: site.baseurl }}">
            <div class="card-content white-text">
          <!--<span class="card-title waves-effect"><a href="{{ page.previous.url | prepend: site.baseurl }}"><i class="material-icons">chevron_left</i>&nbsp;{{ page.previous.title }}</a></span>-->
            <i class="material-icons">chevron_left</i>&nbsp;{{ page.previous.title }}
          <!--<p>I am a very simple card. I am good at containing small bits of information.
          I am convenient because I require little markup to use effectively.</p>-->
        </div>
            </a>
        <!--
        <div class="card-action">
          <a href="#">This is a link</a>
          <a href="#">This is a link</a>
        </div>
        -->
      </div>
    </div>
{% endif %}

{% if page.next.url %}  
    <!-- Card 2 -->
        <div class="col s6">
      <div class="card blue darken-4 hoverable">
          <a href="{{ page.next.url | prepend: site.baseurl }}">
          <div class="card-content white-text">
          <!--<span class="card-title waves-effect"><a href="{{ page.next.url | prepend: site.baseurl }}">{{ page.next.title }}&nbsp;<i class="material-icons">chevron_right</i></a></span>-->
              {{ page.next.title }}&nbsp;<i class="material-icons">chevron_right</i>
        </div>
        </a>
        <!--
        <div class="card-action">
          <a href="#">This is a link</a>
          <a href="#">This is a link</a>
        </div>
        -->
      </div>
    </div>
{% endif %}

</div>

<!– <div>

<ul class="pagination paginationcenter valign-wrapper center-align" style="margin-left: auto; margin-right: auto;">
    {% if page.previous.url %}
       <li class="waves-effect valign"><a href="{{ page.previous.url | prepend: site.baseurl }}"><i class="material-icons">chevron_left</i>&nbsp;{{ page.previous.title }}</a></li>
    {% endif %}

    {% if page.next.url %}
       <li class="waves-effect" style="float: right;"><a href="{{ page.next.url | prepend: site.baseurl }}">{{ page.next.title }}&nbsp;<i class="material-icons">chevron_right</i></a></li>
    {% endif %}

</ul>

</div> –>

<!–

   {% if page.previous.url %} 
     <a class="prev{% if page.previous.image %} image{% endif %}" href="{{ page.previous.url | prepend: site.baseurl }}"><span>&laquo;&nbsp;{{ page.previous.title }}</span>
     {% if page.previous.image %} 
       <img src="{{ '/assets/img/' | prepend: site.baseurl | append: page.previous.image }}" alt="">
     {% endif %}
   </a>
   {% endif %}  
   {% if page.next.url %}  
     <a class="next{% if page.next.image %} image{% endif %}" href="{{ page.next.url | prepend: site.baseurl }}"><span>{{ page.next.title }}&nbsp;&raquo;</span>
     {% if page.next.image %} 
       <img src="{{ '/assets/img/' | prepend: site.baseurl | append: page.next.image }}" alt="">
     {% endif %} 
     </a>
   {% endif %} 
-->