iamshacky/1-base.html

## 1-base.html
<html>
    <head>
        <title>Foo</title>
    </head>
    <body>
        <header>
            {% block header %}
                <h1>Lorem ipsum</h1>
            {% endblock %}
        </header>
        {% block content %}{% comment %}A wrapper around content is needed{% endcomment %}
            <div class="page-content">
                {% block page_content %}{% comment %} Filled in by your page templates {% endcomment %}
                {% endblock %}
            </div>
        {% endblock %}
        <footer>
            {% block footer %}
                <em>&#x2665; joar</em>
            {% endblock footer %}
        </footer>
    </body>
</html>

## 2-base-comments.html
{% extends 'base.html' %}
{% block content %}
    <div class="page-content">
        {% block page_content %}{% comment %} Filled in by your page templates {% endcomment %}
        {% endblock %}

        {% block comments %}
            <footer>
                <h2>Comments</h2>
                <script>loadCommentsEtc()</script>
            </footer>
        {% endblock %}
    </div>
{% endblock %}

## 3-post-template.html
{% extends 'base-comments.html' %}
{% block page_content %}
    <article>
        <h1>{{ post.title }}</h1>
        <div class="post-body">
            {{ post.body }}
        </div>
    </article>
{% endblock %}
	<html>
	<head>
	<title>Foo</title>
	</head>
	<body>
	<header>
	{% block header %}
	<h1>Lorem ipsum</h1>
	{% endblock %}
	</header>
	{% block content %}{% comment %}A wrapper around content is needed{% endcomment %}
	<div class="page-content">
	{% block page_content %}{% comment %} Filled in by your page templates {% endcomment %}
	{% endblock %}
	</div>
	{% endblock %}
	<footer>
	{% block footer %}
	<em>♥ joar</em>
	{% endblock footer %}
	</footer>
	</body>
	</html>
	{% extends 'base.html' %}
	{% block content %}
	<div class="page-content">
	{% block page_content %}{% comment %} Filled in by your page templates {% endcomment %}
	{% endblock %}

	{% block comments %}
	<footer>
	<h2>Comments</h2>
	<script>loadCommentsEtc()</script>
	</footer>
	{% endblock %}
	</div>
	{% endblock %}
	{% extends 'base-comments.html' %}
	{% block page_content %}
	<article>
	<h1>{{ post.title }}</h1>
	<div class="post-body">
	{{ post.body }}
	</div>
	</article>
	{% endblock %}