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

{% 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') }}" />
{% 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>
      <a class="navbar-brand" href="{{ url_for('root.index') }}">Enn.lu</a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
          <a href="http://wiki.enn.lu/doku.php?id=news">News</a>
        </li>
        <li>
          <a href="{{ url_for('root.about') }}">About</a>
        </li>
        <li>
          <a href="{{ url_for('root.services') }}">Services</a>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Donate <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="{{ url_for('donate.index') }}">Support us</a></li>
            <li><a href="{{ url_for('donate.wiretransfer') }}">Wiretransfer</a></li>
            <li><a href="{{ url_for('donate.snailmail') }}">Snailmail</a></li>
            <li><a href="{{ url_for('donate.paypal') }}">PayPal</a></li>
            <li><a href="{{ url_for('donate.bitcoin') }}">Bitcoin</a></li>
            <li><a href="{{ url_for('donate.litecoin') }}">Litecoin</a></li>
            <li><a href="{{ url_for('donate.namecoin') }}">Namecoin</a></li>
            <li><a href="{{ url_for('donate.flattr') }}">Flattr</a></li>
            <li><a href="{{ url_for('donate.bpm') }}">BPM</a></li>
            <li class="divider"></li>
            <li><a href="{{ url_for('donate.received') }}">Received Donations</a></li>
          </ul>
        </li>
        <li>
          <a href="{{ url_for('root.partners') }}">Partners</a>
        </li>
        <li>
          <a href="{{ url_for('root.contact') }}">Contact</a>
        </li>
        <li>
          <a href="{{ url_for('root.abuse') }}">Abuse</a>
        </li>
        <li>
          <a href="http://wiki.enn.lu">Wiki</a>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Servers <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="{{ url_for('status.index') }}">All nodes</a></li>
            <li><a href="{{ url_for('status.exit') }}">Exit nodes</a></li>
            <li><a href="{{ url_for('status.relay') }}">Relay nodes</a></li>
            <li><a href="{{ url_for('status.bridge') }}">Bridge nodes</a></li>
            <li class="divider"></li>
            <li><a href="{{ url_for('status.about') }}">Ënnstatus About</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Statistics <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="{{ url_for('stats.index') }}">Statistics</a></li>
            <li class="divider"></li>
            <li class="dropdown-header">Traffic plots</li>
            <li class="divider"></li>
            <li class="dropdown-header">Total plots</li>
            <li><a href="{{ url_for('stats.totalpie') }}">Total traffic by server</a></li>
            <li><a href="{{ url_for('stats.totaltype') }}">Total traffic by server type</a></li>
            <li class="divider"></li>
            <li class="dropdown-header">Worldmaps</li>
            <li><a href="{{ url_for('stats.worldmap') }}">All nodes</a></li>
            <li><a href="{{ url_for('stats.worldmap', server_type='exit') }}">Exit nodes</a></li>
            <li><a href="{{ url_for('stats.worldmap', server_type='relay') }}">Relay nodes</a></li>
            <li><a href="{{ url_for('stats.worldmap', server_type='bridge') }}">Bridge nodes</a></li>
          </ul>
        </li>
     </ul>
    </div>
  </div>
  {% endblock %}
  <div class="row" id="content">
  {% 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"><img src="{{ url_for('static', filename='images/Twitter.png') }}" width="45" height="45"></img></a>
      <a href="https://bitbucket.org/fvde/ennstatus-relaunched" target="_blank"><img src="{{ url_for('static', filename='images/BitBucket_Logo.png') }}"></img></a>
      <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="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a>
    </div>
    <div class="col-md-12 text-center" style="margin-top: 0.5%; margin-bottom: 0.5%;">
      <a href="{{ url_for('root.disclaimer') }}">Disclaimer</a>
    </div>
  </footer>
</div>

{% block scripts %}
  {{ super() }}
{% endblock %} 

{% endblock %}