{% extends "webgateway/base/base_header.html" %}

{% comment %}
<!--
  Copyright (C) 2011 University of Dundee & Open Microscopy Environment.
  All rights reserved.

  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as
  published by the Free Software Foundation, either version 3 of the
  License, or (at your option) any later version.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU Affero General Public License for more details.

  You should have received a copy of the GNU Affero General Public License
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->
{% endcomment %}

{% block title %}
Extends "webgateway/base/base_header.html"
{% endblock %}


{% block link %}
<!-- Add our styles or css links here. **NB**: Don't forget to include the parent content of this block -->
{{ block.super }}


<style type="text/css">
    #top_right_label {
        color:white;
        padding:10px
    }
    .centered {
        margin-left:auto;
        margin-right:auto;
        width:700px;
        font-size:120%
    }
</style>
{% endblock %}


{% block middle_header_left %}
<ul>
    <li><a href="{% url 'webgateway_templates' 'base_html' %}">base_html</a></li>
    <li><a href="{% url 'webgateway_templates' 'base_frame' %}">base_frame</a></li>
    <li><a href="{% url 'webgateway_templates' 'base_header' %}">base_header</a></li>
    <li><a href="{% url 'webgateway_templates' 'base_main' %}">base_main</a></li>
    <li><a href="{% url 'webgateway_templates' 'container2' %}">container2</a></li>
    <li><a href="{% url 'webgateway_templates' 'container3' %}">container3</a></li>
    <li><a href="{% url 'webclient_templates' 'webclient_base_container' %}">webclient_base_container</a></li>
</ul>
{% endblock %}


{% block middle_header_right %}
    <div id="top_right_label">block 'middle_header_right'</div>
{% endblock %}



{% block content %}
<div class="centered">
    <h1>block 'content'</h1>
    
    <p>
        This page extends "webgateway/base/base_header.html" and makes the following changes:
        <ul>
            <li>Sets the page Title</li>
            <li>Adds links to the 'middle_header_left' block (main top links)</li>
            <li>Add label to 'middle_header_right' block (top right)</li>
            <li>Adds this text to the 'content' block</li>
        </ul>
    </p>
    
    <p>
        The links in the header take you to other pages that also extend webgateway/base/base_header OR extend this one, 
        showing other options for customising things.
    </p>

</div>
{% endblock %}