{% block styles %}

  {{ super() }}

  <link rel="stylesheet" href="{{ url_for('static', filename='css/ennstatus.css') }}" />

  <link rel="shortcut icon" href="{{ url_for('static', filename='images/favicon.png') }}">

{% endblock %}

{% block body %}

<a href="#content" class="sr-only">Skip to main content</a>

<div class="container">

  {% block navbar %}

  <div class="navbar navbar-default">

    <div class="navbar-header">

      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>

      </button>

      <img class="navbar-brand" src="{{ url_for('static', filename='images/logo/FVDE_logo_thumbnail.png') }}"></img>

      <a class="navbar-brand" href="{{ url_for('root.index') }}">Enn.lu</a>

    </div>

    <div class="navbar-collapse collapse">

      <ul class="nav navbar-nav">

        <li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a>

          <ul class="dropdown-menu">

            <li><a href="{{ url_for('root.about') }}">Organization</a></li>

            <li><a href="{{ url_for('root.partners') }}">Partners</a></li>

          </ul>

        </li>

        <li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services <b class="caret"></b></a>

          <ul class="dropdown-menu">

            <li class="dropdown-submenu">

              <a>Tor Servers</a>

              <ul class="dropdown-menu">

                <li><a href="{{ url_for('status.index') }}">Ennstatus Panel</a></li>

                <li><a>Statistics</a></li>

              </ul>

            </li>

            <li><a href="{{ url_for('root.mirrors') }}">Mirrors</a></li>

            <li><a href="https://wiki.enn.lu">Wiki</a></li>

            <li><a>About Ennstatus</a></li>

          </ul>

        </li>

        <li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Support <b class="caret"></b></a>

          <ul class="dropdown-menu">

            <li><a href="{{ url_for('donate.index') }}">Donate</a></li>

            <li><a href="{{ url_for('root.member') }}">Join us</a></li>

            <li class="dropdown-submenu">

              <a>Special programs</a>

              <ul class="dropdown-menu">

                <li><a href="{{ url_for('root.bridgeprogram')}}">Bridge program</a></li>

              </ul>

            </li>

          </ul>

        </li>

        <li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact <b class="caret"></b></a>

          <ul class="dropdown-menu">

            <li><a href="{{ url_for('root.contact') }}">General</a></li>

            <li><a href="{{ url_for('root.abuse') }}">Abuse</a></li>

          </ul>

        </li>

      </ul>

    </div>

  </div>

  {% endblock %}

  <div class="row" id="content">

  {% with messages = get_flashed_messages(with_categories=True) %}

    {% if messages %}

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

        {% for category, message in messages %}

          {{ base_macros.display_error(category, message) }}

        {% endfor %}

      </div>

    {% endif %}

  {% endwith %}

  {% block content %}

  {% endblock %}

  </div>

  <footer>

    <hr style="margin-bottom: 0.5%;">

    <div class="col-md-12 text-center">

      <a class="pull-left" href="https://twitter.com/FrennVunDerEnn" target="blank">@FrennVunDerEnn</a>

      <address><strong>Frënn vun der Enn a.s.b.l.</strong>  <em>(R.C.S. Luxembourg F 9.478)</em>

      <a class="pull-right" rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US" target="blank">CC-BY-NC-SA</a></address>

    </div>

  </footer>

</div>

{% block scripts %}

  {{ super() }}

{% endblock %}

{% endblock %}