{% extends "html/page.html" %}

{% block javascript %}
	{% include "js/blog.js" %}
{% endblock %}

{% block css %}
	{% include "css/blog.css" %}
{% endblock %}

{% block title %}Blog{% endblock %}

{% block content %}
	<div class="layout-wrapper layout-wrapper-background">
		<div class="web-content" id="content-blog">
			
			<div class="layout-main">
				<h1>Blog</h1>
				<br>
				<div id="blog-list">
					<!-- blog list will be generated dynamically -->
				</div>
				<div style="text-align: center;">
					<button id="next-page" class="btn" 
						style="display:none;">More...</button>
				</div>
			</div>
		</div>
	</div>
{% endblock %}