{% extends "theme.html" %} 

{% block body %}

<div class="container">

  <div class="col-lg-12">

    <div class="row">

      {{ content|safe }}

    </div>

    <ul class="nav navbar-nav navbar-right">

      {% for href, caption in  get_o3lossuvmap_dates(date): %}

      <span>&nbsp&nbsp<span class="span3"><a href="{{ href }}" >{{ caption }}</a></span></span>

      {% endfor %}

    </ul>

    <br>

    <img src="/static/images/uvmap/clams_do3col_{{date}}12.png" alt="O3 loss {{ date }}"whith="250" height="250" border="0" hspace=20>

    <img src="/static/images/uvmap/clams_o3col_{{date}}12.png" alt="O3 column {{ date }}"whith="250" height="250" border="0" hspace=20>

    <img src="/static/images/uvmap/clams_uvi_{{ date }}12.png" alt="UV Index {{ date }}" whith="250" height="250" border="0">

    <br>

    <br>

    <br>

    {{ html_table|safe }}

    <br>

    <br>

    <div class="row">

      {{ content_explanation|safe }}

      {{ modal_info|safe }}

    </div>

  </div>

</div>

{% endblock %}