Generalize funding page

Author: Kobzol

locales/en-US/funding.ftl

@@ -2,4 +2,5 @@
 
 ## funding.html.hbs
 funding-page-title = Funding
-funding-intro = Rust contributors shown on this page can be funded via GitHub Sponsors. Consider sponsoring them if you want to support the development of Rust.
+funding-intro = Rust depends on hundreds of contributors who improve it on a daily basis, many of whom are volunteers. We want them to be properly supported to ensure long-term health of the Rust Project. There are various approaches to ensure that, which are currently in the works, such as the <a href="https://rustfoundation.org/media/announcing-the-rust-foundation-maintainers-fund/">Rust Foundation Maintainer Fund</a>.
+funding-intro-individuals = Another way is to sponsor individuals that work on Rust. You can find Rust contributors that can be funded via GitHub Sponsors below. Consider sponsoring them if you want to support the development of Rust.

templates/funding.html.hbs

@@ -13,19 +13,30 @@
 {{/inline}}
 
 {{#*inline "page"}}
-  <section class="green" style="padding-bottom: 10px;">
-    <div class="w-100 mw-none mw-8-m mw9-l center f2 ph3">
+  <header class="mt3 mt2-ns mb4 mb5-ns tc tl-ns">
+    <div class="w-100 mw-none ph3 mw8-m mw9-l center f3">
+      <h1>{{fluent "funding-page-title"}}</h1>
+    </div>
+  </header>
+
+  <section class="purple pb1">
+    <div class="w-100 mw-none mw-8-m mw9-l center f1 ph3" style="font-size: 1.2em;">
       <p>{{fluent "funding-intro"}}</p>
     </div>
+    <div class="w-100 mw-none mw-8-m mw9-l center f1 ph3" style="font-size: 1.2em;">
+      <p>{{fluent "funding-intro-individuals"}}</p>
+    </div>
   </section>
 
-  <section class="green" style="padding-bottom: 15px;">
-    <div id="people" class="w-100 mw-none mw-8-m mw9-l flex flex-column flex-row-l flex-wrap-l center ph3">
-      {{#each data.people as |member|}}
-        {{> member member=member baseurl=../baseurl }}
-      {{/each}}
+  <section class="green pb4">
+    <div class="w-100 mw-none ph3 mw8-m mw9-l center f3">
+      <div id="people" class="flex flex-column flex-row-l flex-wrap-l">
+        {{#each data.people as |member|}}
+          {{> member member=member baseurl=../baseurl }}
+        {{/each}}
+      </div>
+      <script type="text/javascript" src="{{assets.js.funding_shuffle}}"></script>
     </div>
-    <script type="text/javascript" src="{{assets.js.funding_shuffle}}"></script>
   </section>
 {{/inline}}