Make the donation info boxes have the same size when displayed next to each other #23

Merged
tobigr merged 1 commits from donate-equal-size into main 2024-10-24 00:32:45 +02:00
2 changed files with 42 additions and 13 deletions

View File

@ -82,6 +82,23 @@ pre {
font-family: monospace;
display: inline;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 1em;
margin-bottom: 1em;
}
.row-equal-column {
display: flex;
}
.text-center {
text-align: center;
}
/* Basic */
html {
@ -1652,6 +1669,10 @@ pre {
margin: 0 0 25px 0;
}
#content .row-equal-column section {
height: 100%;
}
#content h2 {
font-size: 1.8em;
color: #acb4b7;

View File

@ -56,32 +56,40 @@
</p>
</section>
</div>
</div>
<div class="row row-equal-column my-0">
<div class="col-6 col-12-medium">
<section>
<h3>Wire transfer</h3>
<p>
Transferring money to our bank account directly has the fewest additional charges, so we get the most from your donation!
<center><table>
<tr><td>
Account holder: <td> NewPipe e.V.
<tr><td>
IBAN: <td><pre>DE94 4306 0967 1308 7563 00</pre>
<tr><td>
BIC: <td><pre>GENODEM1GLS</pre>
</table></center>
<div>
<p>Transferring money to our bank account directly has the fewest additional charges, so we get the most from your donation!</p>
<table>
<tbody>
<tr><td>Account holder: </td><td>NewPipe e.V.</td></tr>
<tr><td>IBAN: </td><td><pre>DE94 4306 0967 1308 7563 00</pre></td></tr>
<tr><td>BIC: </td><td><pre>GENODEM1GLS</pre></td></tr>
</tbody>
</table>
</div>
</section>
</div>
<div class="col-6 col-12-medium">
<section>
<h3>Liberapay</h3>
<p>
We also accept recurring donations through PayPal, credit card and direct debit through Liberapay.
<center><a class="button-large" href="https://liberapay.com/NewPipe_e.V./">Liberapay</a></center>
</section>
<div>
<p>We also accept recurring donations through PayPal, credit card and direct debit through Liberapay.</p>
<div class="text-center">
<a class="button-large my-1" href="https://liberapay.com/NewPipe_e.V./">Liberapay</a>
</div>
</div>
</section>
</div>
</div>
<div class="row my-0">
<div class="col-12">
<section>
<h3>Since you're a non-profit, can I get a donation receipt?</h3>