/
index.html
149 lines (129 loc) · 7.07 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
---
---
<!DOCTYPE html>
<html>
<head>
<title>Donate for NewPipe - a free YouTube client</title>
<meta name="author" content="Christian Schabesberger, NewPipe">
<meta name="description" content="Welcome to the donation page of NewPipe the lightweight YouTube experience for Android.">
<meta name="keywords" content="NewPipe, YouTube, Android">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta property="og:site_name" content="NewPipe">
<meta property="og:title" content="Donate for NewPipe - a free YouTube client">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ site.url }}">
<meta property="og:image" content="{{ site.url }}{{ site.baseurl }}/img/logo_400.png">
<meta property="og:image:width" content="400">
<meta property="og:image:height" content="400">
<meta property="og:image:type" content="image/png">
<link rel="icon" href="{{ site.baseurl }}/favicon.ico" type="icon" sizes="64x64" />
<!-- JQuery -->
<script src="{{ site.baseurl }}/js/jquery.min.js"></script>
<!-- Bootstrap -->
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- FontAwesome -->
<link rel="stylesheet" href="{{ site.baseurl }}/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/css/style.css" />
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/css/donate.css" />
</head>
<body>
{% include nav.html position="static" %}
<main class="content">
<!-- Keep-running -->
<div id="keep-running">
<div class="container container-double">
<h3 class="text-center">Want to keep NewPipe running?</h3>
<div class="row">
<div class="col-sm-10 col-sm-push-1 col-md-6 col-md-push-0">
<p class="red"><strong><img src="../img/cup-hot.svg" style="width: 1em; vertical-align: 0;" alt="hot cup"> Buy our devs a coffee</strong></p>
<p>When you give our devs some snacks during work, they will work faster and more efficient. As you know an empty bag cannot stand upright.</p>
</div>
<div class="col-sm-10 col-sm-push-1 col-md-6 col-md-push-0">
<p class="red"><strong><i class="fa fa-wrench" style="font-size: 18px;"></i> Support your favourite feature</strong></p>
<p>Give a little boost to the development of the feature you want to see in the next release. Because our devs are all working voluntary and for free, they will be happy to have more time they can spend on this project.</p>
</div>
</div>
</div>
</div> <!-- Keep-running -->
<!-- parallax background for header -->
<div id="parallax-background"></div>
<div class="phone-background">
<div class="container">
<div class="row">
<div class="col-sm-4">
<img src="{{ site.baseurl }}/img/phone_with_logo.png" alt="phone with NewPipe logo" />
</div>
</div>
</div>
</div>
<div id="donate-wrapper">
<div id="donate">
<div class="container container-double">
<div class="row">
<div class="col-sm-offset-4">
<div class="row" id="sorted-row">
<div class="col-sm-12" id="donate-title">
<h3 class="with-subtitle">What are you waiting for?</h3>
<p class="subtitle">Help us to bring NewPipe forward!</p>
</div>
<div class="col-xs-12 col-lg-10" id="button-container">
<div class="button-wrapper" id="bitcoin-donation-button">
<button class="donate" onclick="$('#bitcoin-donation').toggle()">Bitcoin</button>
<div class="clearfix"></div>
<span>one-time donation</span>
</div>
<div class="button-wrapper" id="bountysource-donation">
<a href="https://www.bountysource.com/teams/newpipe/" target="_blank">
<button class="donate">Bountysource</button>
</a>
<div class="clearfix"></div>
<span>boost an upcoming feature</span>
</div>
<div class="button-wrapper" id="liberapay-donation">
<a href="https://liberapay.com/TeamNewPipe/" target="_blank">
<button class="donate">Liberapay</button>
</a>
<div class="clearfix"></div>
<span>recurrent donations </span>
</div>
</div>
<div class="col-sm-12 col-xs-12 col-lg-10" id="bitcoin-donation">
<p>
<a href="bitcoin:16A9J59ahMRqkLSZjhYj33n9j3fMztFxnh">
<img src="{{ site.baseurl }}/img/bitcoin_address.png" alt="bitcoin qr code" />
</a>
</p>
<p>Please Donate To Bitcoin Address: </p>
<samp>16A9J59ahMRqkLSZjhYj33n9j3fMztFxnh</samp>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Thanks -->
<div id="thanks">
<div class="container container-double">
<h3 class="text-center red">Thank you!</h3>
<p class="text-center">Thank you for your donation!</p>
<p class="text-center"><strong>Remember:</strong> You can get NewPipe for <strong>free</strong>.</p>
<p class="text-center">That's why any kind of help is welcome. Learn more on <a href="https://github.com/TeamNewPipe/NewPipe/" class="red"><strong>GitHub</strong></a>.</p>
<br>
</div>
</div> <!-- Thanks -->
</main> <!-- main content -->
{% include footer.html puffer="True" %}
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="{{ site.baseurl }}/bootstrap/js/bootstrap.min.js"></script>
<!-- Script for parallax animations -->
<script src="{{ site.baseurl }}/js/parallax_donate.js"></script>
</body>
</html>