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;
 }
@@ -1663,7 +1668,11 @@ pre {
 		}
 
 		#content a {
-			color: #A22F1D;
+			color: #f9715c;
+		}
+
+		#content .button-large {
+			color: #fff;
 		}
 
 		#content header {
@@ -1686,7 +1695,7 @@ pre {
 
 	#footer {
 		padding: 45px 0 45px 0;
-		color: #822121;
+		color: #ad0a0a;
 		text-align: center;
 		background: #929ba1;
 	}
@@ -1698,7 +1707,7 @@ pre {
 		}
 
 		#footer a {
-			color: #822121;
+			color: #ad0a0a;
 		}
 
 		#footer .quote-list li {
@@ -1722,13 +1731,13 @@ pre {
 		border-top: solid 1px #616771;
 		text-align: center;
 		padding: 45px 0 80px 0;
-		color: #822121;
+		color: #ad0a0a;
 		font-size: smaller;
 		background: #929ba1;
 	}
 
 		#copyright a {
-			color: #822121;
+			color: #ad0a0a;
 		}
 
 /* Large */

donate.html

@@ -44,42 +44,53 @@
 							<div class="col-12">
 
 								<!-- Main Content -->
-									<section>
+								<section>
-										<header>
+									<header>
-											<h2>Donate</h2>
+										<h2>Donate</h2>
-										</header>
+									</header>
-										<p>
+									<p>
-										You want to donate to our association in order to help further its goals? Thank you!
+									You want to donate to our association in order to help further its goals? Thank you!
-										</p>
+									</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.
-										We wish to offer to pay for a developer of TeamNewPipe to start rewriting bigger parts of the app. We are currently investigating how much we need to achieve this goal.
+									</p>
-										</p>
+								</section>
-										<h3>Donate</h3>
+							</div>
-										<div>
+
-										We use the following means to receive donations:
+							<div class="col-6 col-12-medium">
-										<ul class="standard-list">
+								<section>
-											<li>
+									<h3>Wire transfer</h3>
-												Via direct debit towards our bank account. This way has the fewest additional charges, so we get the most from your donation!
+									<p>
-												<br />
+									Transferring money to our bank account directly has the fewest additional charges, so we get the most from your donation!
-												Account holder: NewPipe e.V.
+									<center><table>
-												<br />
+										<tr><td>
-												IBAN: <pre>DE94 4306 0967 1308 7563 00</pre>
+										Account holder: <td> NewPipe e.V.
-											</li>
+										<tr><td>
-											<li>Via Liberapay, <a href="https://liberapay.com/NewPipe_e.V./">https://liberapay.com/NewPipe_e.V./</a>.</li>
+										IBAN: <td><pre>DE94 4306 0967 1308 7563 00</pre>
-											<!-- <li>Via OpenCollective, <a href="https://opencollective.com/lemmy">https://opencollective.com/lemmy</a>. (Potentially tax deductable here?)</li>-->
+										<tr><td>
-										</ul>
+										BIC: <td><pre>GENODEM1GLS</pre>
-										</div>
+									</table></center>
-										<h3>
+								</section>
-										Since you're a non-profit, can I get a donation receipt?
+							</div>
-										</h3>
+
-										<p>
+							<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>
+									</p>
-										
-									</section>
 										
+								</section>
 							</div>
 						</div>
 					</div>