{% block content %}
<div class="container content">
	<h2 id="blog-title">{{ blog_title }}</h2>
	{% 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>
{% include 'templates/includes/blog_footer.html' %}
<script>
	{% include "templates/includes/blog.js" %}
</script>
{% endblock %}