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> {{ page.previous.title }}</a></span>--> <i class="material-icons">chevron_left</i> {{ 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 }} <i class="material-icons">chevron_right</i></a></span>--> {{ page.next.title }} <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> {{ 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 }} <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>« {{ 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 }} »</span> {% if page.next.image %} <img src="{{ '/assets/img/' | prepend: site.baseurl | append: page.next.image }}" alt=""> {% endif %} </a> {% endif %} -->