/
donate.html
66 lines (54 loc) · 2.99 KB
/
donate.html
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
---
layout: page
title: Donate to Send This Guy To Code Camp
omit_title_suffix: true
cssid: home
nav_order: 0
stylesheet: donation.css
---
<link href="{{site.url}}/css/bootstrap.css" rel="stylesheet">
<div class="container">
<div class="starter-template">
<!-- noscript warning -->
<noscript>
<div class="alert alert-block">
You'll need JavaScript enabled to donate with Stripe.
</div>
</noscript>
<!-- Input form and button -->
<p><form class="form-inline">
<button id="donate10" class="moneybutton hvr-border-fade" type="button">$10</button>
<button id="donate25" class="moneybutton hvr-border-fade" type="button">$25</button>
<button id="donate50" class="moneybutton hvr-border-fade" type="button">$50</button>
<button id="donate100" class="moneybutton hvr-border-fade" type="button">$100</button>
<button id="donate250" class="moneybutton hvr-border-fade" type="button">$250</button>
<button id="donate500" class="moneybutton hvr-border-fade" type="button">$500</button>
<button id="donate1000" class="moneybutton hvr-border-fade" type="button">$1000</button>
<button id="donate2500" class="moneybutton hvr-border-fade" type="button">$2500</button>
<button id="donate5000" class="hide-on-mbl hvr-border-fade moneybutton" type="button">$5000</button>
<div id="custom-container">Or enter a custom amount:<BR>
$ <input id="monies" type="number" pattern="\d*" min="0.5" step="any"
class="input-large" placeholder="Amount in USD (e.g. 25.32)"></div>
<BR>
<button id="paybtn" class="checkout-btn hvr-border-fade" type="button"><span>Checkout Your Donation</span></button>
</form></p>
<div id="social-shares-after-payment">Thank you for donating. Can you do me one more favor and share this site on social media?<BR>{% include social.html %}</div>
<!-- Donation status window -->
<div id="payment_status" class="alert alert-block fade">
<button id="pay_status_close_btn" href="#"
type="button" class="close">×</button>
<span id="status_message">Enter an amount above.</span>
</div>
</div>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="https://checkout.stripe.com/checkout.js"></script>
<script src="https://thisguy-donation.herokuapp.com/pubkey.js"></script>
<script src="{{site.url}}/js/donate.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<!--<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>-->
<!-- forcing rebuild -->