From d3974d5bbe5a5b2b83f30b083dcf6a3fac5e546f Mon Sep 17 00:00:00 2001
From: RemixDev <RemixDev64@gmail.com>
Date: Thu, 4 Jun 2020 14:41:51 +0200
Subject: [PATCH] Added more info in the About Tab

---
 public/css/modules/globals/globals.css |  2 +-
 public/css/modules/tabs/about-tab.css  |  9 +++++++
 public/css/modules/tabs/tabs.css       |  3 ++-
 public/index.html                      | 34 +++++++++++++++++++++++---
 4 files changed, 42 insertions(+), 6 deletions(-)
 create mode 100644 public/css/modules/tabs/about-tab.css

diff --git a/public/css/modules/globals/globals.css b/public/css/modules/globals/globals.css
index 4dfc0c5..b49692a 100644
--- a/public/css/modules/globals/globals.css
+++ b/public/css/modules/globals/globals.css
@@ -187,7 +187,7 @@ span.tag {
 	padding: 3px 6px;
 }
 
-a:visited {
+a, a:visited {
 	color: dodgerblue;
 }
 
diff --git a/public/css/modules/tabs/about-tab.css b/public/css/modules/tabs/about-tab.css
new file mode 100644
index 0000000..4bad41f
--- /dev/null
+++ b/public/css/modules/tabs/about-tab.css
@@ -0,0 +1,9 @@
+#about_tab p{
+	margin-bottom: 8px;
+}
+#about_tab h3{
+	margin: 8px 0px;
+}
+#about_tab hr{
+	margin: 12px 0px;
+}
diff --git a/public/css/modules/tabs/tabs.css b/public/css/modules/tabs/tabs.css
index 8014af0..2cc8690 100644
--- a/public/css/modules/tabs/tabs.css
+++ b/public/css/modules/tabs/tabs.css
@@ -1,3 +1,4 @@
+@import './about-tab.css';
 @import './charts-tab.css';
 @import './download-tab.css';
 @import './favorites-tab.css';
@@ -39,4 +40,4 @@
 .main_tablinks_text {
 	overflow: hidden;
 	white-space: nowrap;
-}
\ No newline at end of file
+}
diff --git a/public/index.html b/public/index.html
index 602a06d..e4aa99c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1137,12 +1137,38 @@ <h1>About</h1>
 								This app uses the <a href="https://deemix.app" target="_blank">deemix</a> library, you can use this
 								library to make your own UI for deemix.</br>
 								Here's the <a href="https://notabug.org/RemixDev/deemix" target="_blank">official repo</a> for the
-								library.<br />
-								<br />
+								library.
+							</p>
+							<p>
 								Stay up to date with the updates by following the <a href="https://t.me/RemixDevNews"
-									target="_blank">news channel</a> on Telegram.<br />
+									target="_blank">news channel</a> on Telegram.
 							</p>
 							<br />
+							<h2>Donations</h2>
+							<h3>You want to contribute to this project? You can do that <b>in different ways!</b></h3>
+							<p>
+								If you're fluent in python you could try to make a new UI for the app using the base library, or fix bugs in the library with a pull request on the <a href="https://notabug.org/RemixDev/deemix" target="_blank">repo</a>.<br>
+								I accept features as well, but no complex things, as they can be implementend directly in the app and not the library.</p>
+							<p>
+								If you're fluent in another programming language you could try to port deemix into other programming languages!<br>
+								You need help understanding the code? Just hit RemixDev up on Telegram or Reddit.</p>
+							<p>If you know JavaScript, HTML or CSS you could contribute to the <a href="https://notabug.org/RemixDev/deemix-webui" target="_blank">webui</a>.</p>
+							<p>
+								If you find some bugs you can report them in the repo, just make sure your bug isn't something that only affects you and it can be reproducible by other users as well.<br>
+								Duplicate bug reports will be closed, so keep an eye out on that.</p>
+							<hr>
+							<h3>You want to contribute monetarily? You could make a donation!</h3>
+							<p>
+								If you can donate you can do that with this links.<br>
+								You shoud remember that <b>this is a free project</b> and <b>you should support the artists you love</b> before supporting the developers.<br>
+								Don't feel obligated to donate, I appreciate you anyway!</p>
+							<p>
+								<b>PayPal:</b> <a href="https://paypal.me/RemixDev" target="_blank">PayPal.me/RemixDev</a><br>
+								<b>Bitcoin:</b> 1sdNymSJrMBWyHM4u2m9uco5nv6uV4Qs1<br>
+								<b>Ethereum:</b> 0x1d2aa67e671485CD4062289772B662e0A6Ff976c
+							</p>
+							<br />
+							<h2>License</h2>
 							<p>
 								<a rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank">
 									<img alt="GNU General Public License" style="border-width:0"
@@ -1357,4 +1383,4 @@ <h2 class="inline-flex"><span v-if="metadata">{{ metadata }}</span><span class="
 
 	<script src="/public/js/bundle.js"></script>
 
-</html>
\ No newline at end of file
+</html>