{% extends "base.html" %}
{% block title %}{{ title }} Projects{% endblock %}
{% block head %}
    {{ super() }}
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('projects_static', filename='nbi_projects_style.css') }}">
    <script type="text/javascript"
            src="{{ url_for('projects_static', filename='projects.js') }}">
    </script>
{% endblock %}
{# navigation & flashes #}
{% block navbar %}
    <div class="container-full">
        <div class="banner">
            <img src="{{ url_for('projects_images',
             filename='bohrium_logo.png') }}">
        </div>
    </div>

    {{ nav.nav_bar.render() }}
    {# flashes #}
    <div class="container">
        <ul class="flashes" id="flashes">
            {% with messages = get_flashed_messages(with_categories=true) %}
                {% if messages %}
                    {% for category, message in messages %}
                        <div class="alert alert-{{ category }}" role="alert">
                            {{ message }}
                        </div>
                    {% endfor %}
                {% endif %}
            {% endwith %}
        </ul>
    </div>
{% endblock %}