Add support buttons (#121)

Author: ildyria

assets/styles/main.css

@@ -897,6 +897,12 @@ hr {
     padding-bottom: 1px;
 }
 
+.donate__description {
+    width: 70%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
 .donate:hover {
     background-color: #f76707;
 }

template/index.tpl

@@ -154,8 +154,13 @@
 <!-- Donate -->
 <div class="support">
     <h1>Support</h1>
-    <p class="donate__description">If you enjoy Lychee, please consider <a href="support.html">supporting us</a>.</p>
-
+    <p class="donate__description">
+        We are LycheeOrg, <a href="support.html">a small group of developers</a> with aim to maintain
+            a free open-source photography library with high quality of code.
+            Being in control of our own data, our own pictures is something that we value above all.</p>
+        <p class="donate__description">If you are using Lychee, a small token of gratitude will go a long way.<br>
+            You can support further development (and bug fixes!) of Lychee on <a href="https://opencollective.com/LycheeOrg">opencollective</a> or
+            on <a href="https://github.com/sponsors/LycheeOrg">GitHub</a>.</p>
     <p class="donate__description">Lychee is supported by Jetbrains' <a href="https://www.jetbrains.com/community/opensource/">Open Source Development - Community Support</a> program.<br/>
         <img src="/assets/images/PhpStorm_icon.png" alt="PhpStorm" width="75px"/></p>
 

template/support.tpl

@@ -3,9 +3,11 @@
 <!-- Introduction -->
 <div class="donations">
 	<h1>Supporting Lychee</h1>
-	<h4>There is no way to donate to "Lychee" as a project.</h4>
-	<p class="f_p">However if you want to say "thank you" and support further development<br>you can donate to
-		the individual developers members of <a href="https://github.com/LycheeOrg">LycheeOrg</a> below.</p>
+	<p class="f_p">We aim to maintain a free open-source photography library with high quality of code.<br>
+		Being in control of our own data, our own pictures is something that we value above all.</p>
+	<p class="f_p">If you are using Lychee, a small token of gratitude will go a long way.<br>
+		You can support further development of Lychee on <a href="https://opencollective.com/LycheeOrg">opencollective</a> or
+		on <a href="https://github.com/sponsors/LycheeOrg">GitHub</a>.</p>
 
 	<div class="contributors_list">
 		<p class="contributors">