<title>{{ __title__ }}</title>

{{ add_stylesheet("vendor/bootstrap.min.css") }}
{{ add_stylesheet("vendor/bootstrap.flatly.css") }}
{{ add_stylesheet("main.css") }}
{{ add_stylesheet("box.css") }}



<div class='pageheader'>
  <div class='clearfix'>
    <h3 class='lfloat'><a href='{{ url_for('get_index') }}'>snorkel<small class='superscript'>lite</small></a></h3>
    <img class='lfloat snorkel_icon' src='/static/images/snorkle_icon.png'>  </img>

    <div class='lfloat clearfix'>
      {{ table_selector }}
    </div>

    <div class='rfloat mrl'>
      {{ user_button }}
    </div>
  </div>

</div>

<div class='body_spacer'>
</div>

{% with messages = get_flashed_messages() %}
  {% if messages %}
    <ul class=flashes>
    {% for message in messages %}
      <li>{{ message }}</li>
    {% endfor %}
    </ul>
  {% endif %}
{% endwith %}


{% block body %}

{% endblock %}

{% block footer %}

  {{ user_modal }}
{% endblock %}
