{% 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>

      <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') }}">Who we are</a></li>

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

            <li><a href="{{ url_for('root.partners') }}">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 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>Mirrors</a></li>

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

{% extends "base.html" %}

{% set title = "Index" %}

{% block content %}

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

    </div>

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

      <h2>Frënn vun der Ënn A.S.B.L.</h2>

      <blockquote>

        <p>"<em>I am a hacker, and this is my manifesto. You may stop this individual, but you can't stop us all... after all, we're all alike.</em>"</p>

        <small>The Mentor, <cite title="Source Title">Hacker Manifesto</cite></small>

      </blockquote>

      <p>

        We are a  bunch of hackers, running <a href="https://torproject.org/" target="_blank">Tor</a> nodes all over the world to ensure that <strong>privacy</strong>, 

      <strong>anonymity</strong> and <strong>freedom of speech</strong> endure.

      </p> 

		  <video width="560" height="315" controls>

        <source src="{{ url_for('static', filename='videos/Tor_Join_the_Network.webm') }}" type='video/webm; codecs="vp8, vorbis"' />

		  </video>

    </div>

{% endblock %}