{% 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 %}