{% extends "bootstrap/base.html" %}

{% import 'macros.html' as base_macros with context %}

{% block title %}

  Frënn vun der Ënn - {{ title }}

{% endblock %}

{% block metas %}

  {{ super() }}

  <meta charset="utf-8">

  <meta name="application-name" content="Ënnstatus">

  <meta name="author" content="Frënn vun der Ënn">

{% endblock %}

{% 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/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>Who we are</a></li>

            <li><a>What we do?</a></li>

            <li><a>Our 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><a>Tor Servers</a></li>

            <li><a>Mirrors</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>Donate</a></li>

            <li><a>Become a member</a></li>

            <li><a>Special programs</a></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>General</a></li>

            <li><a>Abuse</a></li>

            <li><a>Press</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-right" rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="https://licensebuttons.net/l/by-nc-sa/3.0/88x31.png" /></a>

    </div>

  </footer>

</div>

{% block scripts %}

  {{ super() }}

{% endblock %} 

{% endblock %}