summaryrefslogblamecommitdiffstats
path: root/donate/index.html
blob: ced2271660681b55b47724ce6345ae0630a09127 (plain) (tree)
1
2
3
4
5
6
7
8
9
10
11


                
                                                                             






                                                                              
                                                     













                                                                                     
                                                                                                



                                 

























                                                                                                                                                                                          



                                                                              








                                                                              
                                                                            

                                 

        
                                     

                             




                                                       


















                                                                                  
   










                                                                  


     


                                                    
                                         






                                                  












                                                                                        
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>calcurse: a text-based calendar and scheduling application</title>

    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/js/lightbox.js"></script>
    <script src="https://js.stripe.com/v3/"></script>

    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/style.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/css/lightbox.css" media="screen" />
  </head>

  <body>
    <div id="header" class="typeface-js">
      <a href="/"><img src="/images/logo.png" alt="calcurse" /></a>
      <ul>
        <li><a href="/">About</a></li>
        <li><a href="/downloads">Downloads</a></li>
        <li><a href="/support">Support</a></li>
        <li><a href="/devel">Development</a></li>
        <li><a href="/donate" class="current"><span class="heart">&#x2764</span> Donate</a></li>
      </ul>
      <p style="clear:both;"></p>
    </div>
    <div id="contents">
<h1>Donate</h1>
<div style="text-align:center;">
  <ul class="donate-list">
    <li><a href="javascript:openHandler(10, 'eur')">10&euro;</a></li>
    <li><a href="javascript:openHandler(20, 'eur')">20&euro;</a></li>
    <li><a href="javascript:openHandler(50, 'eur')">50&euro;</a></li>
    <li class="sp"><a href="javascript:openHandler(100, 'eur')">100&euro;</a></li>
    <li><a href="javascript:openHandler(10, 'usd')">$10</a></li>
    <li><a href="javascript:openHandler(20, 'usd')">$20</a></li>
    <li><a href="javascript:openHandler(50, 'usd')">$50</a></li>
    <li class="sp"><a href="javascript:openHandler(100, 'usd')">$100</a></li>
    <li><a href="javascript:customHandler('eur')">Custom</a></li>
  </ul>
  <ul class="donate-list" id="donate-custom">
    <li class="sp"><a href="javascript:closeCustomHandler()" style="font-size:30px; padding:0 20px;">&#x2B05;</a></li>
    <li>
      <div class="donate-box">
        <div>
          <input name="donate-amount" type="number" min="5" value="50" />&nbsp;<select name="donate-currency"><option value="eur">&euro;</option><option value="usd">USD</option></select>
        </div>
      </div>
    </li>
    <li><a href="javascript:openHandler(0)">Donate</a></li>
  </ul>
  <div id="donate-status"></div>
</div>
<p>
  There are different ways to support calcurse development. If you are a
  programmer, one of the best ways to contribute is to <a href="/devel">submit
  patches</a> fixing bugs, adding features or improving overall code quality.
  We are also extremely grateful for donations which help us continue
  developing calcurse as open source software and are used to cover recurring
  costs, such as for our servers.
</p>
<p>
  We use <a href="https://stripe.com/checkout/">Stripe Checkout</a> to process
  payments. The Stripe Checkout payment form requires a modern browser with
  JavaScript support. If you would like to make a donation but do not want to
  use Stripe, feel free to contact us at <tt>&lt;donations at calcurse dot
  org&gt;</tt>. Please also use this email address if you have any questions
  regarding the donation process.
</p>

<script>
function openHandler(val, currency) {
  var key, sku, quantity = 1;

  if (val == 0) {
    val = Number($("input[name=donate-amount]").val());
    val = Math.max(val, 5);
    $("input[name=donate-amount]").val(val);
    currency = $("select[name=donate-currency]").val();
   }
   amount = val | 0;

  if (location.search == '?test') {
    key = 'pk_test_zNePe3wvpZ65O3nEeFq4QL2j';
    if (amount == 10  && currency == 'eur') { sku = 'sku_FCzblNv0bYaoQI'; }
    else if (currency == 'eur') { sku = 'sku_FCzhhakpezzfNM'; quantity = amount; }
  } else {
    key = 'pk_live_g0aFHViGhTkfSSCFmDCr5UI8';
    if (amount == 10  && currency == 'eur') { sku = 'sku_FCzFTZCpwz8JIC'; }
    else if (amount == 20  && currency == 'eur') { sku = 'sku_FCzFJ8F1Rk05zV'; }
    else if (amount == 50  && currency == 'eur') { sku = 'sku_FCzEbnD8412915'; }
    else if (amount == 100 && currency == 'eur') { sku = 'sku_FCzGvr7QbVAfT1'; }
    else if (currency == 'eur') { sku = 'sku_FCzoJb3BhiYq5o'; quantity = amount; }
    else if (amount == 10  && currency == 'usd') { sku = 'sku_FCzGO4XmG0KR5e'; }
    else if (amount == 20  && currency == 'usd') { sku = 'sku_FCzGsXx3auV8Wx'; }
    else if (amount == 50  && currency == 'usd') { sku = 'sku_FCzGqqQ4XTm6H6'; }
    else if (amount == 100 && currency == 'usd') { sku = 'sku_FCzGnScoElSBYd'; }
    else if (currency == 'usd') { sku = 'sku_FCzomymP9IL7Sj'; quantity = amount; }
  }

  var stripe = Stripe(key);
  stripe.redirectToCheckout({
    items: [ { sku: sku, quantity: quantity } ],
    successUrl: 'https://calcurse.org/donate/success/',
    cancelUrl: 'https://calcurse.org/donate/canceled/',
  }).then(function (result) {
    if (result.error) {
      var displayError = document.getElementById('error-message');
      displayError.textContent = result.error.message;
    }
  });
}

function customHandler(currency) {
  $(".donate-list").hide();
  $("#donate-custom").css('display', 'inline-flex');
  $("input[name=donate-amount]").focus();
  $("input[name=donate-amount]").select();
  $("select[name=donate-currency]").val(currency);
}

function closeCustomHandler() {
  $(".donate-list").css('display', 'inline-flex');
  $("#donate-custom").hide();
}

window.addEventListener('popstate', function() {
  handler.close();
});
</script>
    </div>
    <div id="footer">
      Copyright &copy; 2012-2018 <a href="/support/#devs">calcurse Development Team</a>.
      Licensed under the terms of the BSD License.
    </div>
  </body>
</html>