summaryrefslogtreecommitdiffstats
path: root/donate/index.html
blob: ced2271660681b55b47724ce6345ae0630a09127 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!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>