{% extends "base.html" %}

{% set title = "Donate" %}

{% block content %}
  <div class="col-md-4 text-center">
    <img src="{{ url_for('static', filename='images/Support.png') }}" class="img-rounded" alt="WhoIs" width="160"></img>
    <h2>Act Now!</h2>
  </div>
  <div class="col-md-8">
    <blockquote>
      <p>"<em>The limits of tyrants are prescribed by the endurance of those whom they oppress</em>"</p>
      <small>Frederick Douglas  <citi"Source Title"></cite></small>
    </blockquote>

    <p>Act <strong>now</strong> supporting a <strong>#FreeInternet</strong> either by
    <ul>
      <li>becoming an active / support <a href="{{ url_for('static', filename='files/MembershipForm.pdf') }}">member</a></li>
      <li>sponsoring bandwidth</li>
      <li>traditional donations</li>
      <li>or what you might judge as useful for us.</li>
    </ul>   
    <div class="col-md-4">    
      <div class="thumbnail">
        <center>
          <a href="{{ url_for('donate.wiretransfer') }}"><img src="{{ url_for('static', filename='images/WireTransfer.png') }}" width="135" height="135"></img></a>
          <h5>Wire Transfer</h5>
          <p>The easiest way.</p>
          <a class="btn btn-info" href="{{ url_for('donate.wiretransfer') }}">Take Action Now</a>
        </center>
      </div>
    </div>
    <div class="col-md-4">
      <div class="thumbnail">
        <center>
          <a href="{{ url_for('donate.snailmail') }}"><img src="{{ url_for('static', filename='images/SnailMail.png') }}" width="135" height="135"></img></a>
          <h5>SnailMail</h5>
          <p>As anonymous as possible.</p>
          <a class="btn btn-info" href="{{ url_for('donate.snailmail') }}">Take Action Now</a>
        </center>
      </div>
    </div>
    <div class="col-md-4">
      <div class="thumbnail">
        <center>
          <a href="{{ url_for('donate.paypal') }}"><img src="{{ url_for('static', filename='images/PayPal_Logo.png') }}" width="135" height="135"></img></a>
          <h5>PayPal</h5>
          <p>All major cards accepted.</p>
          <a class="btn btn-info" href="{{ url_for('donate.paypal') }}">Take Action Now</a>
        </center>
      </div>
    </div>
    <!-- Second row of possibilities -->
    <div class="col-md-4">
      <div class="thumbnail">
        <center>
          <a href="{{ url_for('donate.bitcoin') }}"><img src="{{ url_for('static', filename='images/BitCoin_Logo.png') }}" width="135" height="135"></img></a>
          <h5>BitCoin</h5>
          <p>A free alternative method.</p>
          <a class="btn btn-info" href="{{ url_for('donate.bitcoin') }}">Take Action Now</a>
        </center>
      </div>
    </div>  
    <div class="col-md-4">
      <div class="thumbnail">
        <center>
          <a href="{{ url_for('donate.flattr') }}"><img src="{{ url_for('static', filename='images/Flattr_Logo.png') }}" width="135" height="135"></img></a>
          <h5>Flattr</h5>
          <p>Flattr us!</p>
          <a class="btn btn-info" href="{{ url_for('donate.flattr') }}">Take Action Now</a>
        </center>
      </div>
    </div>
    <div class="col-md-4">
      <div class="thumbnail">
        <center>
          <a href="{{ url_for('root.contact') }}"><img src="{{ url_for('static', filename='images/BPM.gif') }}" width="135" height="135"></img></a>
          <h5>BPM Points</h5>
          <p>For our parcel station!</p>
          <a class="btn btn-info" href="{{ url_for('donate.bpm') }}">Take Action Now</a>
        </center>
      </div>
    </div>
  </div>
{% endblock %}