{% extends '!layout.html' %}


{# masthead; logo colors: orange = CB9832  green = 81916A; sphinx bg = BFD1D4; sphinx gradient top = eef6f6 #}
{% block header %}
    <div style="position: relative; width: 100%; height: 110px; background: #eef6f6;">
        <img style="position: absolute; top: 0px; left: -10px; height:115px;" src="{{ pathto('_static/dendropy.png', 1) }}" />
        <div style="position: absolute; right: 0; bottom: 10px;"> 
            <div style="font-size: 42px; padding-right: 5px; padding-bottom: 22px; text-align: right; color: #CB9832;">DendroPy</div>
            <div style="font-size: 24px; padding-right: 10px; text-align: right; color: #596b6e;">Phylogenetic Computing Library</div>
        </div>            
    </div>        
{% endblock %} 

{# relbar: extend to current #}
{% block relbaritems %}     
  {{ super() }}
  {% if current_page_name != 'index' %} 
  <li><a href="">{{ title }}</a></li>
  {% endif %}  
{% endblock %} 

{# remove logo from side bar #}
{% block sidebarlogo %}{% endblock %}

{# sidebar positioning #}
{% block sidebar1 %}{{ sidebar() }}{% endblock %}
{% block sidebar2 %}{% endblock %}