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

  </div>

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

    <blockquote>

      <p>

        <em>I support <abbr title="Frënn vun der Ënn a.s.b.l.">FVDE</abbr> because even small organizations can contribute to protect fundamental civil rights. This noble goal can be pursued by making use of technology and putting knowledge to the service of users who want to maintain their privacy.</em>

        <footer>Georges, Teacher</footer>

      </p>

    </blockquote>

  </div>

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

    <blockquote>

      <footer>The Martian Humorist</footer>

    </blockquote>

  </div>

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

    <p>

      <video id="tor-animation" width="560" height="315" controls class="video-js vjs-default-skin vjs-big-play-centered" data-setup="">

        <source src="{{ url_for('static', filename='videos/Tor_Animation.webm') }}" type='video/webm' />

        <source src="{{ url_for('static', filename='videos/Tor_Animation.mp4') }}" type='video/mp4' />

        <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.de.vtt') }}" srclang="de" label="Deutsch">

        <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.en.vtt') }}" srclang="en" label="English">

        <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.fr.vtt') }}" srclang="fr" label="Français">

      </p>

      <h2><a href="http://torproject.lu" target="blank"><span class="label label-info">Learn more about Tor</span></a></h2>

  </div>

{% endblock %}

{% block scripts %}

  {{ super() }}

  <script src="{{ url_for('static', filename='js/video.js/dist/video.min.js') }}"></script>

  <script>

    videojs.options.flash.swf = "{{ url_for('static', filename='js/video.js/dist/video-js.swf') }}"

  </script>

{% endblock %}