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

{% block javascript %}
	{% include "js/blog.js" %}
	{% include "js/blog_subscribe.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-section">
				<h1>Blog</h1>
				<br>
				<div id="blog-list">
					<!-- blog list will be generated dynamically -->
				</div>
			</div>
			
			<div class="layout-side-section">
				{% block blog_subscribe %}
					{% include "html/blog_subscribe.html" %}
				{% endblock %}
			</div>
			<div style="clear: both"></div>
		</div>
	</div>
{% endblock %}