Skip to content

Commit f2d476c

Browse files
committed
Update the donation page layout and content. The PayPal buttons already work for the JavaScript-disabled fallback case.
TODO: Implement the JavaScript required for the PayPal buttons.
1 parent adb954a commit f2d476c

File tree

1 file changed

+130
-162
lines changed

1 file changed

+130
-162
lines changed

content/donate.html

Lines changed: 130 additions & 162 deletions
Original file line numberDiff line numberDiff line change
@@ -1,167 +1,135 @@
11
---
22
title: "Donate"
3-
author: "extravert34"
4-
type: page
5-
date: 2018-08-18
6-
changed: 2018-08-19
7-
draft: false
8-
promote: false
9-
sticky: false
10-
url: /donate
11-
aliases: [ donating ]
12-
menu: [ "main-menu" ]
3+
aliases: [ "donating" ]
134
---
5+
146
<div class="row">
15-
<div class="col-md-7">
16-
<h1>We need your <strong>help!</strong></h1>
17-
<p>ReactOS is not supported by any company or government. Donations are the only way to maintain the project's server infrastructure, and provide us with a way to farm out development tasks which our unpaid devs don't always have the time to complete.<br/><br/>
18-
We really rely on you to donate your time or money, and are <a href="donors">grateful for all of your support</a>!</p>
19-
<p>* PayPal and Wire Transfers are tax deductible</p>
20-
<p>Please contact <a href="mailto:[email protected]">[email protected]</a> if you need a receipt or want to be listed anonymously.</p>
21-
</div>
22-
</div>
23-
<div class="row">
24-
<div class="col-md-4">
25-
<h2>PayPal</h2>
26-
<p> PayPal is one of the most popular ways to donate some bucks to ReactOS. Please help us to hire new devs and enhance our servers just by dropping a couple of coffees each month.<br></p>
27-
28-
<div class="input-group">
29-
<div class="input-group-btn" data-toggle="buttons">
30-
<label class="btn btn-default active">
31-
<input type="radio" name="options" id="option1" autocomplete="off"> €5
32-
</label>
33-
<label class="btn btn-default">
34-
<input type="radio" name="options" id="option2" autocomplete="off" checked> €10
35-
</label>
36-
<label class="btn btn-default">
37-
<input type="radio" name="options" id="option3" autocomplete="off"> €15
38-
</label>
39-
</div>
40-
<input type="text" class="form-control" size="4"/>
41-
</div>
42-
<br>
43-
<div style="text-align-last: justify">
44-
<button class="btn btn-default">Donate once</button>
45-
<button class="btn btn-primary">Donate montly</button>
46-
</div>
47-
48-
49-
<!--
50-
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" class="monthly-donation-form donation-form">
51-
<div class="inner_content">
52-
<input name="lc" value="US" type="hidden">
53-
<input name="landing_page" value="billing" type="hidden">
54-
<input name="cpp_cart_border_color" value="FF0000" type="hidden">
55-
<input name="cpp_payflow_color" value="D20137" type="hidden">
56-
<input name="business" value="[email protected]" type="hidden">
57-
<input name="cmd" value="_xclick-subscriptions" type="hidden">
58-
<input name="src" value="1" type="hidden">
59-
<input name="srt" value="24" type="hidden">
60-
<input name="p3" value="1" type="hidden">
61-
<input name="t3" value="M" type="hidden">
62-
<input name="no_note" value="1" type="hidden">
63-
<input name="no_shipping" value="2" type="hidden">
64-
<input name="notify_url" value="//" type="hidden">
65-
<input name="return" value="https://reactos.org/donation/thank-you" type="hidden">
66-
<input name="item_name" value="ReactOS Monthly Donation" type="hidden">
67-
<div class="row column">
68-
<div class="col-md-8">
69-
<input id="pre_recurr_0" class="donation-amount donation-single" value="5" type="checkbox"> <label for="pre_recurr_0"><span>€5</span> </label><input id="pre_recurr_1" class="donation-amount donation-single" value="10" type="checkbox"> <label for="pre_recurr_1"><span>€10</span> </label><input id="pre_recurr_2" class="donation-amount donation-single" value="15" type="checkbox"> <label for="pre_recurr_2"><span>€15</span> </label> <label class="dollar">€</label><input name="other" size="4" value="" class="other" type="text">
70-
</div>
71-
<div class="col-md-4"><button href="#" class="donation-submit-button btn-lg btn-primary">Donate monthly</button> <input value="" name="a3" class="amount-holder" type="hidden"> </div>
72-
</div>
73-
<input name="currency_code" value="EUR" type="hidden"><br>
74-
</div>
75-
</form>
76-
</div>
77-
</div>
78-
</div>
79-
<div class="row row-centered">
80-
<div class="col-md-7 col-centered"> <div class="panel-group secundary" id="accordion3">
81-
<div class="panel panel-default">
82-
<div class="panel-heading">
83-
<h4 class="panel-title"><a class="accordion-toggle" data-parent="#accordion3" data-toggle="collapse" href="#collapse3One">Support ReactOS by a recurring monthly donation... </a></h4>
84-
</div>
85-
<div class="accordion-body collapse in" id="collapse3One">
86-
87-
</div>
88-
</div>
89-
<div class="panel panel-default">
90-
<div class="panel-heading">
91-
<h4 class="panel-title"><a class="accordion-toggle" data-parent="#accordion3" data-toggle="collapse" href="#collapse3Two">...Or just once!</a></h4>
92-
</div>
93-
<div class="accordion-body collapse" id="collapse3Two">
94-
<div class="panel-body"> <div id="block-paypal-donations-paypal-donations-single" class="block block-paypal-donations">
95-
96-
<div class="content">
97-
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" class="single-donation-form donation-form">
98-
<div class="inner_content">
99-
100-
<input name="lc" value="US" type="hidden">
101-
<input name="landing_page" value="billing" type="hidden">
102-
<input name="cpp_cart_border_color" value="FF0000" type="hidden">
103-
<input name="cpp_payflow_color" value="D20137" type="hidden">
104-
<input name="business" value="[email protected]" type="hidden">
105-
<input name="cmd" value="_donations" type="hidden">
106-
<input name="notify_url" value="//" type="hidden">
107-
<input name="return" value="https://reactos.org/donation/thank-you" type="hidden">
108-
<input name="item_name" value="ReactOS One-Time Donation" type="hidden">
109-
<div class="row column">
110-
<div class="col-md-8">
111-
<input id="pre_single_0" class="donation-amount donation-single" value="5" type="checkbox"> <label for="pre_single_0"><span>€5</span></label><input id="pre_single_1" class="donation-amount donation-single" value="10" type="checkbox"> <label for="pre_single_1"><span>€10</span></label><input id="pre_single_2" class="donation-amount donation-single" value="15" type="checkbox"> <label for="pre_single_2"><span>€15</span></label> <label class="dollar">€</label><input name="other" size="4" value="" class="other" type="text">
112-
</div>
113-
<div class="col-md-4"><button href="#" class="donation-submit-button btn-lg btn-primary">Donate once</button> <input value="" name="amount" class="amount-holder" type="hidden"></div>
114-
</div>
115-
<input name="currency_code" value="EUR" type="hidden"><br>
116-
</div>
117-
</form> -->
118-
119-
</div>
120-
<div class="col-md-4">
121-
<h2>Liberapay</h2>
122-
<p>Liberapay is a novel payment service run transparently by a <a href="https://github.com/liberapay/liberapay.org">non-profit organization</a>, its <a href="https://github.com/liberapay/liberapay.com">source code</a> is public.</p>
123-
<p class="text-center">
124-
<a href="https://liberapay.com/reactos/donate"><img class="img-flattr" alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a>
125-
</p>
126-
</p>
127-
</div>
128-
<div class="col-md-4">
129-
<h2>Yandex Money</h2>
130-
<p>Yandex is a well-known service in the Russian Federation and nearby countries. Included by popular demand!</p><iframe src="https://money.yandex.ru/embed/donate.xml?uid=410011294285871&amp;default-sum=500&amp;targets=%d0%9f%d0%be%d0%b4%d0%b4%d0%b5%d1%80%d0%b6%d0%ba%d0%b0+reactos&amp;project-name=reactos&amp;project-site=http%3a%2f%2fwww.reactos.org&amp;button-text=01&amp;hint=" allowtransparency="true" scrolling="no" width="450" height="106" frameborder="0"></iframe>
131-
</div>
132-
</div>
133-
<div class="row" style="margin-top: 30px">
134-
<div class="col-md-4">
135-
<h2>Wire Transfer</h2>
136-
<p>
137-
Bank to bank. No intermediaries. Directly to us. <br><br>
138-
<span class="btcaddress">Account owner: ReactOS Deutschland e.V. <br>Bank name: Kreissparkasse Wiedenbrueck<br>IBAN: DE95 4785 3520 0025 0013 06<br>BIC/SWIFT code: WELADED1WDB</span>
139-
</p>
140-
</div>
141-
<div class="col-md-4">
142-
<h2>Bitcoin</h2>
143-
<p>The Freedom to choose. If you prefer donating with non-government controlled currencies, here is our Bitcoin address:</p>
144-
<p class="text-center" style="margin: 15px 0; font-size: large;">1PWiRE16PJsEuax2Yr7EuK93q3ueDB58AE</p>
145-
<small>
146-
You can buy/sell bitcoins for USD and other currencies on open markets like <a href="http://www.bitstamp.net">Bitstamp</a> and <a href="http://www.orderbook.net">Orderbook</a>
147-
</small>
148-
</div>
149-
<div class="col-md-4">
150-
<h2>WebMoney</h2>
151-
<p> There are countries where PayPal is not available so feel free to donate through WebMoney too. Each tiny bit counts. Speed up the road to the Beta by letting us hire full time devs!</p>
152-
<p class="text-center" style="font-size: large;">
153-
E932968710500<br>R048451281949<br>U113469953156<br>Z738685152183
154-
</p>
155-
</div>
7+
<div class="col-md-7">
8+
<h1>We need your help!</h1>
9+
10+
<p>ReactOS is not supported by any company or government. Donations are the only way to maintain the project's server infrastructure, and provide us with a way to farm out development tasks which our unpaid devs don't always have the time to complete.</p>
11+
12+
<p>We really rely on you to donate your time or money, and are <a href="/donors">grateful for all of your support</a>!</p>
13+
14+
<p>PayPal and Wire Transfers are tax deductible.<br>
15+
Please contact <a href="mailto:[email protected]">[email protected]</a> if you need a receipt or want to be listed anonymously.</p>
16+
</div>
17+
</div><br>
18+
19+
<div class="row">
20+
<div class="col-md-4">
21+
<h2>PayPal</h2>
22+
<p> PayPal is one of the most popular ways to donate some bucks to ReactOS. Please help us to hire new devs and enhance our servers just by dropping a couple of coffees each month.</p>
23+
24+
<div class="input-group-btn" data-toggle="buttons" style="display: inline">
25+
<label class="btn btn-default">
26+
<input type="radio" name="options" id="option1" autocomplete="off"> 5 €
27+
</label>
28+
<label class="btn btn-default active">
29+
<input type="radio" name="options" id="option2" autocomplete="off" checked> 10 €
30+
</label>
31+
<label class="btn btn-default">
32+
<input type="radio" name="options" id="option3" autocomplete="off"> 15 €
33+
</label>
34+
</div>
35+
36+
<input type="text" name="amount" class="form-control" style="display: inline; height: 32px; width: 5em; margin-left: 1em;"><br><br>
37+
38+
<div style="text-align-last: justify">
39+
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" style="display: inline;">
40+
<input name="cmd" value="_donations" type="hidden">
41+
<input name="item_name" value="ReactOS Donation" type="hidden">
42+
<input name="currency_code" value="EUR" type="hidden">
43+
<input name="business" value="[email protected]" type="hidden">
44+
<input name="lc" value="US" type="hidden">
45+
<input name="return" value="https://reactos.org/thank-you" type="hidden">
46+
<button class="btn btn-default">Donate once</button>
47+
</form>
48+
49+
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" style="display: inline;">
50+
<input name="cmd" value="_xclick-subscriptions" type="hidden">
51+
<input name="item_name" value="ReactOS Monthly Donation" type="hidden">
52+
<input name="currency_code" value="EUR" type="hidden">
53+
<input name="business" value="[email protected]" type="hidden">
54+
<input name="lc" value="US" type="hidden">
55+
<input name="src" value="1" type="hidden">
56+
<input name="srt" value="52" type="hidden">
57+
<input name="a3" value="10" type="hidden">
58+
<input name="p3" value="1" type="hidden">
59+
<input name="t3" value="M" type="hidden">
60+
<input name="no_note" value="1" type="hidden">
61+
<input name="no_shipping" value="1" type="hidden">
62+
<input name="return" value="https://reactos.org/thank-you" type="hidden">
63+
<button class="btn btn-primary" type="submit">Donate monthly</button>
64+
</form>
65+
</div>
66+
</div>
67+
68+
<div class="col-md-4">
69+
<h2>Wire Transfer</h2>
70+
71+
<p>Bank to bank. No intermediaries. Directly to us.</p>
72+
73+
<p>Account owner: ReactOS Deutschland e.V. <br>
74+
Bank name: Kreissparkasse Wiedenbrueck<br>
75+
IBAN: DE95 4785 3520 0025 0013 06<br>
76+
BIC/SWIFT code: WELADED1WDB</p>
77+
</div>
78+
79+
<div class="col-md-4">
80+
<h2>Liberapay</h2>
81+
82+
<p>Liberapay is a novel payment service run transparently by a <a href="https://github.com/liberapay/liberapay.org">non-profit organization</a>, its <a href="https://github.com/liberapay/liberapay.com">source code</a> is public.</p>
83+
84+
<p class="text-center">
85+
<a href="https://liberapay.com/reactos/donate"><img class="img-flattr" alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a>
86+
</p>
87+
</div>
88+
</div><br><br>
89+
90+
<div class="row">
91+
<div class="col-md-4">
92+
<h2>Bitcoin</h2>
93+
94+
<p>The Freedom to choose. If you prefer donating with non-government controlled currencies, here is our Bitcoin address:</p>
95+
96+
<p class="text-center" style="margin: 15px 0; font-size: large;">1PWiRE16PJsEuax2Yr7EuK93q3ueDB58AE</p>
97+
98+
<small>You can buy/sell bitcoins for USD and other currencies on open markets like <a href="http://www.bitstamp.net">Bitstamp</a>.</small>
99+
</div>
100+
101+
<div class="col-md-4">
102+
<h2>WebMoney</h2>
103+
104+
<p>There are countries where PayPal is not available so feel free to donate through WebMoney too. Each tiny bit counts. Speed up the road to the Beta by letting us hire full time devs!</p>
105+
106+
<p class="text-center" style="font-size: large;">
107+
E932968710500<br>
108+
R048451281949<br>
109+
U113469953156<br>
110+
Z738685152183
111+
</p>
112+
</div>
113+
114+
<div class="col-md-4">
115+
<h2>Yandex Money</h2>
116+
117+
<p>Yandex is a well-known service in the Russian Federation and nearby countries. Included by popular demand!</p>
118+
119+
<iframe src="https://money.yandex.ru/embed/donate.xml?uid=410011294285871&amp;default-sum=500&amp;targets=%d0%9f%d0%be%d0%b4%d0%b4%d0%b5%d1%80%d0%b6%d0%ba%d0%b0+reactos&amp;project-name=reactos&amp;project-site=http%3a%2f%2fwww.reactos.org&amp;button-text=01&amp;hint=" allowtransparency="true" scrolling="no" width="450" height="106" frameborder="0"></iframe>
120+
</div>
121+
</div><br><br>
122+
123+
<div class="row">
124+
<div class="col-md-3"></div>
125+
126+
<div class="col-md-6">
127+
<h2>Bountysource</h2>
128+
129+
<p>Bountysource puts funds directly in the hands of developers by rewarding them for committing fixes or creating new features. Set a bounty on the issues that matter to you most or fund a specific app. You can also set up a recurring subscription.</p>
130+
131+
<p class="text-center"><a href="https://www.bountysource.com/teams/reactos" class="btn btn-primary">Bountysource</a></p>
132+
</div>
133+
134+
<div class="col-md-3"></div>
156135
</div>
157-
<div class="row" style="margin-bottom: 30px">
158-
<div class="col-md-3"></div>
159-
<div class="col-md-6">
160-
<h2>Bountysource</h2>
161-
<p>Bountysource puts funds directly in the hands of developers by rewarding them for committing fixes or creating new features. Set a bounty on the issues that matter to you most or fund a specific app. You can also set up a recurring subscription.</p>
162-
<p class="text-center">
163-
<a href="https://www.bountysource.com/teams/reactos" class="btn btn-primary">Bountysource</a>
164-
</p>
165-
</div>
166-
<div class="col-md-3"></div>
167-
</div>

0 commit comments

Comments
 (0)