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

Add bank transfer and PayPal donation info

Browse Source
This commit is contained in:
TobiGr
2025-02-03 18:03:46 +01:00
parent 8d575a2b1a
commit 072fdcd1c5
2 changed files with 66 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
css/donate.css
View File

@@ -58,7 +58,7 @@ main .row [class^="col"] {
#donate {
padding: 90px 0;
color: white;
background: rgba(115, 115, 115, 0.88);
background: rgba(90, 90, 90, 0.9)
}
#donate h3 {
@@ -78,26 +78,37 @@ main .row [class^="col"] {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
margin-bottom: 0;
padding: 0 15px;
}
#button-container > .row {
display: initial;
width: 100%;
}
#button-container > * {
flex-grow: 0;
}
.button-wrapper {
flex-grow: 1;
margin-bottom: 30px;
}
#liberapay-donation {
text-align: right;
#button-container .donate {
width: 100%;
}
/* hidden until we have the full info */
#liberapay-donation span,
#bank-transfer-donation {
display: none;
font-weight: inherit;
border: 3px solid white;
backdrop-filter: blur(10px);
background: rgba(3, 3, 3, 0.2);
}
#bank-transfer-donation h4 {
font-weight: bold;
}
#bank-transfer-donation td:first-child {
padding-right: 1rem;
}
#bank-transfer-donation pre {
@@ -142,6 +153,13 @@ main .row [class^="col"] {
display: block;
order: 3;
}
#bank-transfer-donation table * {
text-align: left;
}
#bank-transfer-donation table {
position: relative;
margin: 0 auto;
}
}
#parallax-background {
@@ -175,15 +193,22 @@ main .row [class^="col"] {
}
.phone-background img {
max-width: 230px;
max-width: 200px;
display: none;
position: relative;
margin-top: 105px;
}
@media (min-width: 768px) {
.phone-background img {
max-width: 230px;
display: block;
margin-top: 30px;
}
}
@media (min-width: 1200px) {
.phone-background img {
margin-top: 60px;
}
}
@@ -194,12 +219,6 @@ main .row [class^="col"] {
}
}
@media (min-width: 992px) {
.phone-background img {
margin-top: 45px;
}
}
#footer .image-buffer {
background-color: #D0CDCD;
}

37
donate/index.html
View File

@@ -46,16 +46,35 @@ footerBuffer: "True"
<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="liberapay-donation">
<a href="https://liberapay.com/TeamNewPipe/" target="_blank">
<button class="button button-large action donate">Liberapay</button>
</a>
<div class="row" style="width: 100%;">
<div class="col-sm-12 col-lg-6">
<div class="button-wrapper" id="liberapay-donation">
<a href="https://liberapay.com/TeamNewPipe/" target="_blank">
<button class="button button-large action donate">Liberapay</button>
</a>
</div>
</div>
<div class="col-sm-12 col-lg-6">
<div class="button-wrapper" id="paypal-donation">
<a href="https://www.paypal.com/donate/?hosted_button_id=MZXL7WW8DXZBJ" target="_blank">
<button class="button button-large action donate">PayPal</button>
</a>
</div>
</div>
<div class="clearfix"></div>
<span>recurrent donations&nbsp;&nbsp;</span>
</div>
<div class="button-wrapper" id="bank-transfer-donation">
<pre></pre>
<div class="col-sm-12">
<div class="button-wrapper button action donate" id="bank-transfer-donation">
<h4>Bank transfer</h4>
<table>
<tbody>
<tr><td>Account holder: </td><td>NewPipe e.V.</td></tr>
<tr><td>IBAN: </td><td>DE94 4306 0967 1308 7563 00</td></tr>
<tr><td>Bank: </td><td>GLS Gemeinschaftsbank eG</td></tr>
<tr><td>BIC: </td><td>GENODEM1GLS</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>