make donate button primary call-to-action, move it above-the-fold for

better visibility, move need-help section near footer

docs/css/extra.css

@@ -68,19 +68,6 @@ div.gh-badge img {
   height: 25px;
 }
 
-a.donate-badge img {
-  margin-top: 10px;
-  margin-bottom: 0;
-  padding: 0;
-  height: 35px;
-}
-
-@media only screen and (min-width: 1000px) {
-  a.donate-badge img {
-    margin-top: 0;
-  }
-}
-
 /* Definition List styles */
 
 dd {
@@ -273,6 +260,30 @@ footer > hr {
   }
 }
 
+.index-cta-donate .donate-button a {
+  position: absolute;
+  top:0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.index-cta-donate .donate-button {
+  margin: 10px auto;
+  position: relative;
+  display: block;
+  background: none;
+  padding: none;
+  border: none;
+  background: url("https://opencollective.com/webpack/donate/button@2x.png?color=blue");
+  width: 35%;
+  min-width: 240px;
+  max-width: 280px;
+  height: 50px;
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+
 .ghcup-os-container {
   width: 100%;
   margin: 10px 0;