{% extends 'sitewide/layout.html' %}
{% load static %}
{% block main %}
<!-- Replace the following HTML markup -->
<h2 class="mt-40">Sitewide is Working!</h2>
<p class="mt-10">
    You are seeing this page by default. Now create your own pages. Follow the
    steps below to quickly populate your project.<br>
    <ol>
        <li>
            Start with a blank HTML template in your preferred path below. <br> 
            <h4 class="mt-10">App-level templates:</h4>
            <code class="inline">
                project/app/templates/app/your_template.html 
            </code>
            <h4 class="mt-10">Project-level templates</h4>
            <code class="inline">
                project/templates/your_template.html
            </code>
        </li>
        <li>Copy the following HTML markup into the new template file:
            <code class="block">
                {% verbatim %}{% extends 'sitewide/layout.html' %}{% endverbatim %}<br>
                {% verbatim %}{% load static %}{% endverbatim %}<br>
                {% verbatim %}{% block main %}{% endverbatim %}<br>
                 <em>{% verbatim %}<-- Add your HTML here --!>{% endverbatim %}</em><br>
                {% verbatim %}{% endblock %}{% endverbatim %}<br>
            </code>
        </li>
        <li>
            Add custom markups for the page within the <code>{% verbatim %}
            {% main %}{% endverbatim %}</code> block (see above, replacing the 
            comment with your HTML). Save the template.
        </li>
        <li>Create a Django View and point it to your new template. Open
        your favourite browser and check out that view.</li>
        <li><b>Wow! Amazing, isn't it?</b></li>
    </ol>
</p>
<h3 class="mt-20">Wait, there's more ...</h3>
<p class="mt-10">
    What about the sidebar, the header and the footer?  Yes, you can modify all
    those with one YAML file. Just one, and you won't have to do it again for other pages. 
    You could easily create themes with this thing. Do you want to know how? 
    See you at the 'Docs'.<br><br>
    <b>What are you waiting for?</b>
</p>
{% endblock %}