{% extends "base.html" %}

{% set title = "Index" %}

{% block content %}
  <div class="col-md-4 text-center">
    <img class="img-rounded" alt="FVDE_Logo" src="{{ url_for('static', filename='images/logo/FVDE_logo_resize.png') }}"></img>
  </div>
  <div class="col-md-8">
    <div class="jumbotron">
      <h2>Frënn vun der Ënn A.S.B.L.</h2>
	    <p><em>Luxembourg based non-profit organization defending civil rights on the internet.</em></p>
      <p>We provide high-bandwidth Tor nodes all over the world to protect <strong>online privacy</strong>, <strong>anonymity</strong>, <strong>freedom of speech</strong> and fight <strong>censorship</strong>!
      </p>
      <h3><a href="{{ url_for('root.member') }}"><span class="label label-success">Become Member</span></a> <a href="{{ url_for('donate.index') }}"><span class="label label-primary">Donate</span></a></h3>
    </div>
  </div>
  <div class="col-md-6">
    <p>
      <video width="560" height="315" controls>
        <source src="{{ url_for('static', filename='videos/Tor_Animation.mp4') }}" type='video/webm; codecs="vp8, vorbis"' />
      </video>
    </p>
  </div>
  <div class="col-md-6">
    <blockquote>
      <p>
        <em>Tor is free software and an open network that helps you defend against network surveillance and preserve your personal freedom and privacy on the Internet.</em>
      </p>
      <p>
        <em>By bouncing your communications around a distributed network of relays run by volunteers all around the world, it prevents somebody watching your Internet connection from learning what sites you visit, and it prevents the sites you visit from learning your physical location.</em>
      </p>
      <h2><a href="https://torproject.org"><span class="label label-info">Learn more about Tor</span></a></h2>
    </blockquote>
  </div>
{% endblock %}