This repository has been archived by the owner on Oct 3, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
168 lines (161 loc) · 7.56 KB
/
index.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
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Donating to Tox</title>
<meta name="keywords" content="tox,messenger,instant messaging,secure,decentralized,friendly,github,open source,voice,calling">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="https://tox.im/assets/imgs/LockOnly.png">
<link rel="shortcut icon" type="image/icon" href="/assets/imgs/favicon.ico">
<!-- CSS -->
<link rel="image_src" href="/assets/imgs/LockOnly.png">
<style>
@import url('/assets/css/custom.min.css');
@import url('/assets/css/tuktuk.min.css');
@import url('/assets/css/tuktuk.theme.min.css');
@import url('/assets/css/tuktuk.icons.min.css');
@import url('/assets/css/font-awesome.css');
@import url('/assets/css/font-awesome.min.css');
@import url('/assets/css/popup.css');
</style>
</head>
<body >
<!--[if lte IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header class="bck light padding">
<div class="row">
<div class="column_2">
<a href="//tox.im"><img src="/assets/imgs/logo_head.png" alt="Logo Tox" class="logo on-left"></a>
</div>
<nav class="column_10 text right bold">
<a id="help" href="http://support.libtoxcore.so">Support</a>
<a href="https://github.com/Tox">Source</a>
<a id="donate" href="/transparency">Transparency</a>
<a href="https://www.facebook.com/toxproject"><span class="fa fa-facebook" style="font-size: 16.5pt; margin-left:20px; margin-top: 10px; float: right;"></span></a>
<a href="https://twitter.com/ProjectTox"><span class="fa fa-twitter" style="font-size: 16.5pt; margin-left:20px; margin-top: 10px; float: right;"></span></a>
</nav>
</div>
</header>
<section class="bck theme padding" id="about">
<div class="row text center book">
<div class="column_10 offset_1">
<h1 class="text bold color light">Donate to Tox</h1>
<h3>Tox is free and open source software. This means we make nothing for our work and often have to pay expenses out of our own pockets. By donating to Tox you allow us to dedicate more time to development, spend more effort getting word out, and build Tox for more platforms.</h3>
</div>
</div>
</section>
<section class="bck light padding" id="features">
<div class="row text center book margin-bottom">
<div class="column_10 offset_1">
<h1 class="text bold">Ways to donate</h1>
</div>
</div>
<div class="row text center">
<div class="column_4 margin-bottom"><a href="#openModal">
<span class="fa fa-btc" style="font-size: 55pt;"></span>
<h3 class="text bold">Bitcoin</h3></a>
<p>Revolutionizing commerce.
Bitcoin allows you to send money quickly and securely.</p>
</div>
<div class="column_4 margin-bottom"><a href="https://gratipay.com/ProjectTox">
<span class="fa fa-calendar" style="font-size: 55pt;"></span>
<h3 class="text bold">Gratipay</h3></a>
<p>Support Tox, automatically.
Weekly payments help us ensure we have enough income to pay our bills without surprises.</p>
</div>
<div class="column_4 margin-bottom">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" name="paypal" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="69BCH4ATPZ5YY">
<a href="#" onclick="document.paypal.submit();">
<span class="fa fa-paypal" style="font-size: 55pt;"></span>
<h3 class="text bold">Paypal</h3></a></form>
<p>Fast and friendly.
Paypal makes donating to Tox fast and easy.</p>
</div>
</div>
</section>
<footer>
<section class="bck dark padding">
<div class="row margin-top margin-bottom">
<div class="column_3">
<p class="text bold big">Developer Links</p>
· <a href="https://github.com/irungentoo/ProjectTox-Core">GitHub</a><br>
· <a href="https://jenkins.libtoxcore.so/">Jenkins</a><br>
· <a href="https://libtoxcore.so/">Documentation</a><br>
· <a href="//blog.libtoxcore.so/">Development blog</a><br>
</div>
<div class="column_4 offset_1">
<p class="text bold big">Keep in the loop</p>
Subscribe to our mailing list for updates about Tox's progress.
<form action="//tox.us7.list-manage.com/subscribe/post?u=127f0bc6d65fa4f980565d751&id=0cb34cab55" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="clear">
<input type="email" value="" style="border-radius: 5px 0px 0px 5px !important;" name="EMAIL" class="mce-email" id="mce-EMAIL" placeholder="email address" required>
</div>
<div id="clear1">
<button type="submit" style="width: 40px; line-height: 2.3em; margin-top: 3px; margin-left:-2px; border-radius: 0px 5px 5px 0px !important;" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="fa fa-envelope-o"></button>
</div>
</form>
</div>
<div class="column_3 offset_1">
<p class="text bold big">Need some help?</p>
Start your own project and ask us on <span class="text normal">GitHub</span>, or in <a href="ircs://irc.freenode.net/tox" class="text bold underline color theme">IRC</a>!
</div>
</div>
</section>
<div id="openModal" class="modalDialog">
<div>
<a href="#close" title="Close" class="close">X</a>
<form class="bitpay-donate" action="https://bitpay.com/checkout" method="post" onsubmit="return checkRequiredFields(this);">
<input name="action" type="hidden" value="checkout">
<fieldset>
<ul>
<li style="list-style-type: none;" class="bitpay-donate-field">
<label style="margin-top: 7px;">Amount:</label>
<input name="price" type="number" value="10.00" placeholder="Amount" maxlength="8" min="0.01" step="0.01" pattern="\d?\d\.\d\d"/><button type="submit" style="width: 40px; line-height: 2.3em; margin-top: 3px; margin-left:-2px; border-radius: 0px 5px 5px 0px !important;" name="pay" class="fa fa-usd" onerror="this.onerror=null";></button>
</li>
</ul>
<input type="hidden" name="data" value="l0sbpvD12XlNBAPFONzQzPJdfN64IDdigLyfGYvk3WqfMtJndmd4cPwmzPKyRec08DqEsSuVdLIK1VJ/BFn3btBfdefy6TRRX7yhJOegK7Ol+ZK3eJwtVw7SwaGBmsDgINiLGie8GgTJdGPhHLyMwrmwkI/39ORqG2Eq7I8l2YVaKWzDZFHh2XhtEn3JOB7B">
</fieldset>
</form>
<script type="text/javascript">
function checkRequiredFields(form){
function isFilled(field){
if (field.value.length < 1){
return false;
}
return true;
}
var elements = form.elements;
var invalid = false;
for(var i=0; i<elements.length; i++) {
elements[i].className = elements[i].className.replace('bitpay-donate-error', '');
if(elements[i].className.indexOf("required") != -1) {
if(!isFilled(elements[i])){
elements[i].className = elements[i].className + ' bitpay-donate-error';
invalid = true;
};
};
}
if ( invalid ) {
return false;
}
var donationElement = document.getElementById('donation-value');
if(donationElement){
var enteredDonation = Number(donationElement.value);
var maximumDonation = Number(document.getElementById('reference-maximum').value);
if(enteredDonation > maximumDonation){
alert("Your donation was larger than the allowed maximum of " + Number(maximumDonation).toFixed(2))
return false;
};
};
return true;
};
</script>
</div>
</div>
</footer>
</body>
</html>