layout: default
<div class=“container”>
<div class="row"> <div class="col col-12"> <div class="post-image-box"> <div class="post-image" style="background-image: url({{"/img/" | prepend: site.baseurl | append : page.image}})"></div> </div> </div> </div>
</div> <div class=“container”>
<div class="row"> <article class="col col-12 col-t-12 post"> <div class="post-content"> <div class="post-head"> {% if page.tags.size >= 1 %} <div class="post-tag"> {% for tag in page.tags %} <a href="{{ site.baseurl }}/tags#{{tag}}" class="tag">{{ tag }}</a> {% endfor %} </div> {% endif %} <h1 class="post-title">{{ page.title | escape }}</h1> <div class="post-info"> <div class="post-time"> <span class="page__meta"><i class="ion ion-md-time"></i>{% include read-time.html %}</span> </div> </div> </div> <div class="post-body"> {{ content }} {% if page.share %}{% include social-share.html %}{% endif %} </div> {% if page.previous.url or page.next.url %} <div class="post-navigation"> {% if page.previous.url %} <a href="{{ site.baseurl }}{{page.previous.url}}" class="prev"> <div class="post-nav-arrow"><i class="ion ion-ios-arrow-round-back"></i> Previous </div> </a> {% else %} <a href="#" class="prev disabled"> <div class="post-nav-arrow"><i class="ion ion-ios-arrow-round-back"></i> Previous </div> </a> {% endif %} {% if page.next.url %} <a href="{{ site.baseurl }}{{page.next.url}}" class="next"> <div class="post-nav-arrow">Next <i class="ion ion-ios-arrow-round-forward"></i></div> </a> {% else %} <a href="#" class="next disabled"> <div class="post-nav-arrow">Next <i class="ion ion-ios-arrow-round-forward"></i></div> </a> {% endif %} </div> {% endif %} </div> </article> <!-- /.post --> </div>
</div>