{% block title %}{{ blog_title or "Blog" }}{% endblock %}

{% block header %}<h2>{{ blog_title or "Blog" }}</h2>{% endblock %}

{% block content %}
<div class="blog-list-content">
	{% if blog_introduction %}
	<p>{{ blog_introduction }}</p>
	{% endif %}
	<h3 id="blot-subtitle" style="display:none;"></h3>
	<br>
	<div class="progress progress-striped active">
		<div class="progress-bar progress-bar-info" style="width: 100%;"></div>
	</div>
	<div id="blog-list">
		<!-- blog list will be generated dynamically -->
	</div>
	<div style="text-align: center;">
		<button id="next-page" class="btn btn-default" 
			style="display:none;">More...</button>
	</div>
</div>
<script>
	{% include "templates/includes/blog.js" %}
</script>
{% endblock %}

{% block footer %}{% include 'templates/includes/blog_footer.html' %}{% endblock %}

{% block sidebar %}{% include "templates/includes/sidebar.html" %}{% endblock %}