{% extends 'base_template.html' %}

{% block content %}

    {% if COPY.labels.headline %}<h1>{{ COPY.labels.headline|smarty }}</h1>{% endif %}
    {% if COPY.labels.subhed %}<h2>{{ render(COPY.labels.subhed)|smarty }}</h2>{% endif %}

<div class="key-wrap">
            <ul class="key">
            <li class="key-item"><b style="background: #F1C696;"></b><label>0%</label></li><li class="key-item"><b style="background: #EAAA61;"></b><label>40%</label></li><li class="key-item"><b style="background: #E38D2C;"></b><label>50%</label></li><li class="key-item"><b style="background: #AA6A21;"></b><label>60%</label></li><li class="key-item"><b style="background: #714616;"></b><label>70%</label><label class="end-label">80%</label></li></ul>


 </div>
   
    <div id="graphic" class="graphic"> 

    </div>

    <div class="footer">
		{% if COPY.labels.footnote %}<p>Notes: {{ COPY.labels.footnote|smarty }}</p>{% endif %}
        {% if COPY.labels.source %}<p>Data: {{ COPY.labels.source|smarty }}</p>{% endif %}
        {% if COPY.labels.credit %}<p>Credit: {{ COPY.labels.credit|smarty }}</p>{% endif %}
    </div>

{% endblock content %}