Improve visual appeal of donation page

assets/css/main.css

@@ -48,6 +48,11 @@ table {
 	border-spacing: 0;
 }
 
+table tr td {
+	padding-left: 0.25cm;
+	padding-right: 0.25cm;
+}
+
 body {
 	-webkit-text-size-adjust: none;
 }
@@ -1666,6 +1671,10 @@ pre {
 			color: #f9715c;
 		}
 
+		#content .button-large {
+			color: #fff;
+		}
+
 		#content header {
 			margin: 0 0 2em 0;
 		}

donate.html

@@ -51,35 +51,46 @@
 									<p>
 									You want to donate to our association in order to help further its goals? Thank you!
 									</p>
-										<h3>Current goal</h3>
+									<h3>Current goal</h3>										<p>
-										<p>
 									For the period of July through September 2024, your donations enabled us to <a href="https://newpipe.net/blog/pinned/announcement/schabi-contract/">hire a developer to work on NewPipe</a>. Through increased funding, we hope to provide more long-term and even better support for the NewPipe app in the future.
 									</p>
-										<h3>Donate</h3>
+								</section>
-										<div>
-										We use the following means to receive donations:
-										<ul class="standard-list">
-											<li>
-												Via direct debit towards our bank account. This way has the fewest additional charges, so we get the most from your donation!
-												<br />
-												Account holder: NewPipe e.V.
-												<br />
-												IBAN: <pre>DE94 4306 0967 1308 7563 00</pre>
-											</li>
-											<li>Via Liberapay, <a href="https://liberapay.com/NewPipe_e.V./">https://liberapay.com/NewPipe_e.V./</a>.</li>
-											<!-- <li>Via OpenCollective, <a href="https://opencollective.com/lemmy">https://opencollective.com/lemmy</a>. (Potentially tax deductable here?)</li>-->
-										</ul>
 							</div>
-										<h3>
+
-										Since you're a non-profit, can I get a donation receipt?
+							<div class="col-6 col-12-medium">
-										</h3>
+								<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>
+								</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>
+
+							<div class="col-12">
+								<section>
+									<h3>Since you're a non-profit, can I get a donation receipt?</h3>
 									<p>
 											Due to our unique focus, we were not able to register the association as "beneficial to the public", which is a different concept from "non-profit" in Germany. Sadly, we do not get the same tax benefits as an association that "benefits the public" would.<br />
 											Our legal status still prevents profits from being made through this association, though. We have to spend all the money we get towards its goals (and cannot, for example, pay ourselves a salary, sneakily buy stocks to make more money, or, heaven forbid, invest in cryptocurrencies).
 									</p>
 										
 								</section>
-
 							</div>
 						</div>
 					</div>