TeamNewPipe/website
1
0
Fork 0
mirror of https://github.com/TeamNewPipe/website synced 2025-10-06 00:22:38 +02:00
Code Issues Releases Wiki Activity

Update donation page

Browse Source 
Remove Bitcoin and Bountysource.
This commit is contained in:
TobiGr
2023-07-07 14:47:30 +02:00
committed by TheAssassin
parent e55d9c059a
commit 1b5c1305bd
4 changed files with 35 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
css/donate.css
View File

@@ -3,6 +3,10 @@ body {
z-index: -10;
}
.d-none {
display: none;
}
main {
pointer-events: none;
}
@@ -77,19 +81,31 @@ main .row [class^="col"] {
margin-bottom: 30px;
}
#button-container > * {
flex-grow: 0;
}
.button-wrapper {
flex-grow: 1;
margin-bottom: 30px;
}
#bountysource-donation {
text-align: center;
}
#liberapay-donation {
text-align: right;
}
/* hidden until we have the full info */
#liberapay-donation span,
#bank-transfer-donation {
display: none;
}
#bank-transfer-donation pre {
background-color: rgba(256,256,256, 0.85);
width: fit-content;
padding: 1em 1.25em;
}
.phone-background .row [class^="col"] {
padding: 0 0 0 15px;
margin: 0;
@@ -99,18 +115,6 @@ main .row [class^="col"] {
margin-bottom: 30px;
}
#bitcoin-donation {
text-align: center;
display: none;
margin-bottom: 15px;
}
#bitcoin-donation samp {
background: #AA1D1D;
border-radius: 5px;
padding: 6px 10px;
}
@media (min-width: 768px) and (max-width: 1199px) {
#liberapay-donation {
text-align: center;
@@ -138,19 +142,6 @@ main .row [class^="col"] {
display: block;
order: 3;
}
#bitcoin-donation-button {
margin-bottom: 30px;
}
#bitcoin-donation {
margin-top: 0;
margin-bottom: 45px;
order: 2;
}
#bountysource-donation {
order: 2;
margin-top: 20px;
margin-bottom: 30px;
}
}
#parallax-background {

31
donate/index.html
View File

@@ -1,7 +1,7 @@
---
layout: default
extraCSS: donate.css
extraScript: [parallax_donate.js, donate.js]
extraScript: [parallax_donate.js]
navPosition: "static"
bodyPage : "False"
footerBuffer: "True"
@@ -17,7 +17,7 @@ footerBuffer: "True"
<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" class="wrench-large"></i>&nbsp;&nbsp;Support your favourite feature</strong></p>
<p class="red"><strong><i class="fa fa-wrench wrench-large"></i>&nbsp;&nbsp;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>
@@ -42,22 +42,10 @@ footerBuffer: "True"
<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>
<h3 class="with-subtitle">Do you like what we did so far?</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="button button-large action donate">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="button button-large action 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="button button-large action donate">Liberapay</button>
@@ -65,15 +53,10 @@ footerBuffer: "True"
<div class="clearfix"></div>
<span>recurrent donations&nbsp;&nbsp;</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 class="button-wrapper" id="bank-transfer-donation">
<pre></pre>
</div>
</div>
</div>
</div>

5
js/donate.js
View File

@@ -1,5 +0,0 @@
$(document).ready(function() {
$('#bitcoin-donation-button > button').click(function() {
$('#bitcoin-donation').toggle();
});
});

27
js/parallax_donate.js
View File

@@ -1,32 +1,21 @@
var featuresHeight, featuresPosition, windowHeight, bitcoinHeight;
/* TODO: replace that shit with CSS */
let featuresHeight, featuresPosition, windowHeight;
function parallax_reset() {
var collapsed;
if ($('#bitcoin-donation').css('display') == 'none' ) {
collapsed = true;
$('#bitcoin-donation').toggle();
bitcoinHeight = $('#bitcoin-donation').outerHeight(true);
}
windowHeight = $(window).height();
bitcoinHeight = $('#bitcoin-donation').outerHeight(true);
featuresHeight = $('#donate-wrapper').outerHeight(true);
featuresPosition = $('#donate-wrapper').position().top;
$('#parallax-background').css('height', featuresHeight + 'px');
if (collapsed != null) {
$('#bitcoin-donation').toggle();
}
}
function parallax() {
var scrolled = $(window).scrollTop();
const scrolled = $(window).scrollTop();
//console.log(featuresHeight + " " + featuresPosition + " " + bitcoinHeight + " " + windowHeight + " " + scrolled + " " + (featuresHeight - scrolled + featuresPosition));
if ($(document).height() <= $(window).height())
$('#parallax-background').css('height', (featuresHeight + featuresPosition + bitcoinHeight - scrolled) + 'px');
else
$('#parallax-background').css('height', (featuresHeight + featuresPosition + bitcoinHeight + windowHeight - scrolled) + 'px');
if ($(document).height() <= $(window).height()) {
$('#parallax-background').css('height', (featuresHeight + featuresPosition - scrolled) + 'px');
} else {
$('#parallax-background').css('height', (featuresHeight + featuresPosition + windowHeight - scrolled) + 'px');
}
//$('.phone-background').css('top', featuresPosition + bitcoinHeight + featuresHeight/2 - scrolled*0.9 + 'px');
}