---

layout: default

---

<div class="wrapper wrapper-content animated fadeInRight article">

<div class="row">

<div class="col-lg-10 col-lg-offset-1">

<div class="ibox">

<div class="ibox-content">

<div class="pull-right">

{% for category in page.categories %}

<button class="btn btn-white btn-xs" type="button">{{ category }}</button>

{% endfor %}

</div>

<div class="text-center article-title">

<span class="text-muted"><i class="fa fa-clock-o"></i> {{ page.date | date: "%-d %b %Y" }}</span>

<h1>

{{ page.title }}

</h1>

</div>

{{ content }}

<hr>

<div class="row">

<div class="col-md-6">

<h5 style="display: inline;">Tags:</h5>

{% for tag in page.tags %}

<button class="btn btn-white btn-xs" type="button">{{ tag }}</button>

{% endfor %}

</div>

<div class="col-md-6">

<div class="small text-right">

<h5>Stats:</h5>

<div>

{% if site.changyan %}

<i class="fa fa-comments-o"> </i> <span id = "url::{{post.url | prepend: page.url}}" class = "cy_cmt_count" ></span> comments

{% endif %}

{% if site.disqus %}

<i class="fa fa-comments-o"> </i> <span class='disqus-comment-count' data-disqus-url="{{ site.url }}{{ page.url }}">0</span> comments

{% endif %}

</div>

</div>

</div>

</div>

<br>

<div class="row">

<div class="col-lg-12">

<!-- donate -->

{% if site.donation %}

{% include donate.html %}

{% endif %}

<br>

<!-- share -->

{% include share.html %}

<br>

<!-- comment -->

{% include comments.html %}

</div>

</div>

</div>

</div>

</div>

</div>