[gimp-web] Update the Donate page.

[Jehan <jehanp src gnome org>]

commit e18b425874fdf10b98784d1daca0c20b8e50d37c
Author: Jehan <jehan girinstud io>
Date:   Fri Apr 30 15:24:12 2021 +0200

    Update the Donate page.
    
    Our current donation page is a bit of a wall of text. Moreover we agreed
    with Mitch during the last video call with the team that we should put
    more emphasis on personal fundraisers to help the contributors who want
    to get funded for development this way. This is a first step in this
    direction.
    
    - Try to make smaller text in some parts. Long explanations are just
      drowning the important things in words.
    - Add some blue buttons for the 2 personal crowdfundings to have these
      pop out of the page (just as we have buttons for download links).
    - Improve a bit the text on the 2 fundraisers. More to the point in
      particular, I think. Also generalize the text for ours because too
      many people think we are just doing animation-related features even
      though it has been proven countless times we make improvements
      beneficial to all.
    - Add a bit of a text explaining what donations through the GNOME
      Foundation are used for, so that people know better what they donate
      to.
    
    Note: unfortunately I can't really test the website locally lately
    because Python 2 is being deprecated everywhere, so I can only check
    through the testing web server. I hope the changes are alright
    (especially the button parts using html-in-markdown and a new CSS rule).

 content/donating/index.md          | 35 ++++++++++++++++++++++++++++-------
 themes/newgimp/static/css/gimp.css | 13 +++++++++++++
 2 files changed, 41 insertions(+), 7 deletions(-)
---
diff --git a/content/donating/index.md b/content/donating/index.md
index 9076e522..1d77623a 100644
--- a/content/donating/index.md
+++ b/content/donating/index.md
@@ -3,23 +3,44 @@ Date: 2015-08-14T15:54:25-05:00
 Author: Pat David
 Status: hidden
 
-## Support Core Team Developers Directly
+Donating money to the GIMP project is easy!
 
-While we don't raise funds to sponsor development of GIMP as an organization at this time, we encourage our 
contributors to run personal fundraisers. Currently there are two such projects.
+## Fund Core Team Developers Directly
 
-Øyvind Kolås uses Patreon to [raise funds](https://www.patreon.com/pippin) for his work on 
[GEGL](http://gegl.org/), GIMP's new sophisticated image processing core. This work is crucial to implement 
features such as non-destructive editing in GIMP, including features known as adjustment layers and layer 
effects in similar software. Øyvind is the primary developer of GEGL who has been working on it since 
mid-2000s.
+While we don't raise funds to sponsor development as an organization yet, we encourage contributor 
fundraisers.
 
-Jehan Pagès runs another [Patreon-hosted campaign](https://www.patreon.com/zemarmot) to raise funds for a 
GIMP-powered animated movie, ZeMarmot. Part of the funds is spent on development of [advanced animation 
features in GIMP](https://girinstud.io/news/2016/12/zemarmot-end-of-year-report/) and various other features 
for professional graphics usage. Jehan is one of the most active contributors to GIMP in recent years who has 
fixed countless bugs.
+<p>
+  <span class='donate-button'>
+    <a href="https://www.patreon.com/pippin";>
+      Fund Øyvind Kolås<sup>1</sup><br/>
+      GEGL development
+    </a>
+  </span>
+  <span class='donate-button'>
+    <a href="https://www.patreon.com/zemarmot";>
+      Fund ZeMarmot (Aryeom and Jehan)<sup>2</sup><br/>
+      GIMP development
+    </a>
+  </span>
+</p>
 
-## Donate to The Project
+1. Øyvind Kolås [raises funds](https://www.patreon.com/pippin) for his work on [GEGL](http://gegl.org/), 
GIMP's new sophisticated image processing core. This work is crucial to implement features such as 
non-destructive editing in GIMP, including features known as adjustment layers and layer effects in similar 
software. Øyvind is the GEGL maintainer and its primary developer who has been working on it since mid-2000s.
 
-Donating money to the GIMP project is easy! The [GNOME Foundation](https://www.gnome.org/) has graciously 
agreed to act as fiscal agents for us. Contributions to the GIMP project can be made by donating to the GNOME 
Foundation and specifying the GIMP project as the recipient. The GNOME Foundation is a tax-exempt, non-profit 
501(c)(3) organization and all donations are tax-deductible in the USA.
+2. Aryeom and Jehan [raise funds](https://www.patreon.com/zemarmot) for GIMP development and a GIMP-powered 
animated movie: *ZeMarmot* (Libre Art, Creative Commons by-sa 4.0 licenses). The funds allow developing 
features for professional graphics usage and keeping GIMP bug-free. Jehan is a GIMP maintainer and has been 
one of its most active contributors since 2012, while Aryeom designs and tests features in production, in a 
professional context.
+
+## Donate to the Project
+
+The [GNOME Foundation](https://www.gnome.org/) has graciously agreed to act as fiscal agents for us. 
Contributions to the GIMP project can be made by donating to the GNOME Foundation and specifying the GIMP 
project as the recipient. The GNOME Foundation is a tax-exempt, non-profit 501(c)(3) organization and all 
donations are tax-deductible in the USA.
+
+So far **donation through GNOME Foundation can only be used for community needs** (conferences, developer 
meetings… see [below](#donation-usage)) and material renewal. [If you would rather fund paid development, 
favour Core Team developer funding above](#fund-core-team-developers-directly).
 
 You can choose from several options to support GIMP financially:
 
 [TOC]
 
-Financial help is needed for many different reasons. The annual [Libre Graphics Meeting][lgm] is one of the 
things that the money will go to. It helps us to get as many [GIMP Developers](https://wiki.gimp.org/) to the 
conference as possible, so that we can do face-to-face team meetings, plan further development, fix bugs, and 
write new features.
+<div id='donation-usage' markdown=1>
+Financial help is needed for different reasons. The annual [Libre Graphics Meeting][lgm] is one of these 
things. It helps to get as many [GIMP Developers](https://www.gimp.org/about/authors.html) to the conference 
as possible, so that we can do face-to-face team meetings, plan further development, fix bugs, and write new 
features.
+</div>
 
 If applicable, please specify whether you want to remain anonymous. While we usually don't publish the names 
of donors, this may be considered for exceptional donations.
 
diff --git a/themes/newgimp/static/css/gimp.css b/themes/newgimp/static/css/gimp.css
index 9ef459a8..e477c085 100644
--- a/themes/newgimp/static/css/gimp.css
+++ b/themes/newgimp/static/css/gimp.css
@@ -733,3 +733,16 @@ form {
 a.donate-orange {
     color:#f57900 !important;
 }
+
+.donate-button {
+        display: inline-block;
+        border: solid 1px #666;
+        background-color: #2cbefb;
+        margin: 0.5rem 0;
+        border-radius: 10px;
+        box-shadow: 1px 1px 2px;
+        text-align: center;
+        font-family: Questrial;
+        font-weight: 400;
+        width: 49%;
+}