.form-group input[type="radio"]:checked + .btn-group > label span:first-child {

    display: inline-block;

}

.form-group input[type="radio"]:checked + .btn-group > label span:last-child {

    display: none;

}

.checkbox label, .radio label {

    padding-left: 12px;

}

    .bitpay-donate-field {clear:both;}

    .bitpay-donate-field label {float:left;width:100px;}

    .bitpay-donate-field div {float:left;}

    .bitpay-donate-field-email {width:80%;}

    .bitpay-donate-field-price {width:40%;}

    .bitpay-donate-field-currency {width:40%;}

    .bitpay-donate-button-wrapper {clear:both;margin:auto;text-align:center;}

    input.bitpay-donate-error {border:2px solid red;}

  </style>

{% endblock %}

{% block content %}

    <h2>Support us!</h2>

  </div>

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

    <div class="jumbotron">

      <h2>Take action for a <strong>#FreeInternet</strong>! Support us today!</h2>

      <p>As a non-profit organization we are 100% community funded. Donations from our members and supporters will be used to <strong>power Tor nodes</strong>, <strong>print flyers and posters</strong> or cover administrative charges.</p>

    </div>

  </div>

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

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

      <div class="thumbnail">

        <center>

          <h3>Wire Transfer </h3>

        </center>

        <div class="well well-sm">

          <p>

            <strong>Account holder:</strong> Frënn vun der Ënn A.S.B.L.<br>

            <strong>BIC/SWIFT:</strong> BCEELULL<br>

{% extends "base.html" %}

{% import "donate/macros.html" as macros %}

{% set title = "Donate - Received donations" %}

{% block content %}

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

    <h2>Received Donations</h2>

    <div class="pull-left">

      {% if csv_file %}

        <h3>{{ '-'.join([year, month]) }}</h3>

      {% else %}

        <h3>Error!</h3>

      {% endif %}

    </div>

    <div class="pull-right">

      <form class="form-inline" role="form" method="POST" action="/donate/received">

        {{ form.hidden_tag() }}

        <div class="form-group">

          {{ form.year.label }}

          {{ form.month.label }}

        </div>

      </form> 

    </div>

  </div>

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

    {% if csv_file %}

      {{ macros.create_donations_table(csv_file) }}

    {% else %}

      {% if year and month %}

        <p>No donations found for {{ '-'.join([year, month]) }}!</p>

      {% else %}

        <p>No donations found!</p>

      {% endif %}

    {% endif %}

  </div>

{% endblock %}

{% extends "base.html" %}

{% set title = "Who we are" %}

{% block content %}

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

    <h2>Who we are</h2>

    <h3>Organization</h3>

    <p class="lead">

      <i>Frënn vun der Ënn a.s.b.l.</i> is a non-profit organization based in Luxembourg (EU).

      It has been founded by members of <i>Chaos Computer Club Lëtzebuerg a.s.b.l.</i> in 2013.

    </p>

    <p>

      As defined in the statutes (see below), the goals of our organization are:

      <ul>

        <li>defending civil rights, especially on the internet</li>

        <li>defending the right to anonymity on the internet by supporting Tor Project Inc.</li>

{% extends "base.html" %}

{% set title = "Abuse" %}

{% block content %}

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

    <h2>Abuse handling</h2>

    <p class="lead">We take our mission very seriously and carefully examine abuse cases.</p>

    <p>If you have any question regarding abusive traffic emanating from one of our Tor Exit nodes, don't hesitate to contact our abuse departement. Please make sure to include the following details in your enquiry:</p>

    <ul>

      <li>the offending IP address'</li>

      <li>the type &amp; address' of the abused service(s)</li>

      <li>your contact information</li>

    </ul><br>

    <p>

    For transparency reasons we publish monthly <a href="//{{ wiki_url }}/doku.php?id=abuse_statistics" target="blank"><strong>abuse mail statistics</strong></a>.

    </p>

{% extends "base.html" %}

{% set title = "Contact" %}

{% block content %}

    <h2>Contact</h2>

  </div>

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

    <h2>General</h2>

    <div class="pull-right">

      <form class="form-inline" role="form" method="POST" action="{{ url_for('root.contact') }}">

        {{ form.hidden_tag()}}

        <div class="form-group">

          {{ form.country.label }}

          {{ form.country(class_="form-control input-sm") }}

          <input type="submit" class="btn btn-primary btn-sm" value="Submit">

        </div>

      </form>

    </div>

{% extends "base.html" %}

{% set title = "Index" %}

{% block styles %}

  {{ super() }}

  <link rel="stylesheet" href="{{ url_for('static', filename='js/video.js/dist/video-js.min.css') }}">

{% endblock %}

{% block content %}

  </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>

    </div>

  </div>

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

      <a href="https://martianhumorist.me/141015-2/" target="blank"><h2 class="text-center">You have something to hide!</h2></a>

      <footer>The Martian Humorist</footer>

    </blockquote>

  </div>

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

        <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">

        <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.ar.vtt') }}" srclang="ar" label="العربية">

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

        <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.es.vtt') }}" srclang="es" label="Español">

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

        <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.fa.vtt') }}" srclang="fa" label="فارسی">

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

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

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

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

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

        <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.pt.vtt') }}" srclang="pt" label="Português">

        <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.ru.vtt') }}" srclang="ru" label="русский">

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

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

        <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.tl-PH.vtt') }}" srclang="tl-PH" label="Fillipino">

        <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.zh-CN.vtt') }}" srclang="zh-CN" label="Chinese (China)">

        <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.zh-HK.vtt') }}" srclang="zh-HK" label="Chinese (Hongkong)">

      </video>

  </div>

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

      <p class=lead>

        <br>

        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.

      </p>

      <p>

        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.

      </p>

  </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 %}

{% extends "base.html" %}

{% set title = "Member" %}

{% block content %}

  </div>

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

    <h2>Membership</h2>

    <p class="lead">Joining our organization has several advantages.</p>

    <p>As an active member you get to know the people behind <abbr title="Frënn vun der Enn a.s.b.l.">FVDE</abbr> and you can join us on our weekly meetings (online or AFK).

       You'll have the possibility to actively contribute to our projects,

       bring in new ideas, and eventually become a part of our core team.</p>

    <p>We are a dynamic group of people with different backgrounds and skills

       who constantly learn from each other. Most of us have a broader

       knowledge in Tor, network security and FOSS in general,

       but our activities aren't limited to technical questions alone.

{% set title = "Partners" %}

{% if '.onion' in request.url_root %}

  {% set globe_url = config['ENNSTATUS_GLOBE_ONION_ADDRESS'] %}

{% elif '.bit' in request.url_root %}

  {% set globe_url = config['ENNSTATUS_GLOBE_BIT_ADDRESS'] %}

{% else %}

  {% set globe_url = "globe.enn.lu" %}

{% endif %}

{% block content %}

  </div>

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

    <h2>Mirrors</h2>

    <p class="lead">In addition to our Tor relays we are providing mirrors for some popular services.</p>

    <dl>

      <dt><a href="http://torproject.lu" target="_blank">torproject.lu</a></dt>

      <dd>This is a mirror of the the Tor Project's main website torproject.org</dd>

      <br>

      <dt><a href="http://tails.c3l.lu/" target="_blank">tails.enn.lu</a></dt>

      <dd>A Tails Download mirror. Tails is a live operating system, that you can start on almost any computer from a DVD, USB stick, or SD card. It aims at preserving your privacy and anonymity. <a href="https://tails.boum.org/" target="blank">Learn more about Tails</a></dd>

      <br>

      <dt><a href="//{{ globe_url }}" target="_blank">globe.enn.lu</a></dt>

{% extends "base.html" %}

{% set title = "Partners" %}

{% block content %}

  </div>

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

    <h2>Partners</h2>

    <p class="lead">We are constantly looking for new partners who want join us in our endevaour for a free Internet. At the moment we are beeing supported by the following organizations:</p>

    <dl>

      <dt><a href="https://torservers.net/" target="_blank">TorServers.net</a></dt>

      <dd>Central information point for the international Tor operators community.</dd>

      <br>

      <dt><a href="http://c3l.lu/" target="_blank">Chaos Computer Club Lëtzebuerg</a></dt>

      <dd>NPO with strong interests in IT-Security, citizen rights and pivacy. Our mother organization.</dd>

      <br>

      <dt><a href="http://piratepartei.lu/" target="_blank">Piratepartei Lëtzebuerg</a></dt>

{% macro create_date(date) %}

  {{ moment(date).format(config['ENNSTATUS_MOMENTJS_FORMAT']) }}

  <noscript>{{ date.strftime(config['ENNSTATUS_STRFTIME_FORMAT']) }}</noscript>

{% endmacro %}

{% macro create_server_table(server_type, servers) %}

  {% if server_type in ('exit', 'relay') %}

    {% set headers = ('#', 'Name', 'IP', 'IP6', 'Tor Status', 'Country', 'Fingerprint', 'Last Updated <noscript>(UTC)</noscript>') %}

  {% else %}

    {% set headers = ('#', 'Name', 'Tor Status', 'Country', 'Fingerprint', 'OBFS', 'FTEProxy', 'Flashproxy', 'meek', 'Last Updated <noscript>(UTC)</noscript>') %}

  {% endif %}

  <h2>{{ server_type|title }}</h2>

  <table class="table table-bordered table-striped sortable">

    <thead>

      <tr>

        {% for name in headers %}

          <th>{{ name|safe }}</th>

        {% endfor %}

      </tr>

    </thead>

    <tbody>

      {% for server in servers|sort(attribute='name')|sort(attribute='country') %}

      <tr {% if server.name in config['ENNSTATUS_BRIDGE_PROGRAM'] %}class="info"{% endif %}>

          <td>{{ loop.index }}</td>

          {% if server_type == 'bridge' %}

            <td>{{ colorize_obfs(server.obfs) }}</td>

            <td>{{ colorize_obfs(server.fteproxy) }}</td>

            <td>{{ colorize_obfs(server.flashproxy) }}</td>

            <td>{{ colorize_obfs(server.meek) }}</td>

          {% endif %}

          <td>{{ create_date(server.last_updated) }}

          </td>

        </tr>

      {% endfor %}

    </tbody>

  </table>

  {% if server_type == 'bridge' %}

    <div class="alert alert-info alert-dismissible" role="alert">

      <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>

      <p>See our <a class="alert-link" href="{{ url_for('root.bridgeprogram') }}">bridge program</a>, if you want to fund some bridges!</p>

    </div>

  {% endif %}

{% endmacro %}