Add OpenCollective links

customize.dist/pages.js

@@ -615,6 +615,19 @@ define([
                 }
             ]);
 
+        var crowdFunding = h('button', [
+            Msg.crowdfunding_home1,
+            h('br'),
+            Msg.crowdfunding_home2
+        ]);
+        $(crowdFunding).click(function () {
+            var a = document.createElement("a");
+            a.href = "https://opencollective.com/cryptpad/contribute";
+            a.target = "_blank";
+            a.rel = "noopener";
+            a.click();
+        });
+
         return [
             h('div#cp-main', [
                 infopageTopbar(),
@@ -629,6 +642,11 @@ define([
                             icons,
                             more
                         ])
+                    ]),
+                    h('div.row', [
+                        h('div.cp-crowdfunding', [
+                            crowdFunding
+                        ])
                     ])
                 ]),
             ]),

customize.dist/src/less2/include/corner.less

@@ -43,6 +43,10 @@
         //transform: scale(0.1);
         //transform: scale(1);
 
+        h1, h2, h3 {
+            font-size: 1.5em;
+        }
+
         .cp-corner-filler {
             float: left;
             clear: left;
@@ -94,6 +98,8 @@
         .cp-corner-footer {
             font-style: italic;
             font-size: 0.8em;
+        }
+        .cp-corner-footer, .cp-corner-text {
             a {
                 color: @corner-link;
                 &:hover {
@@ -103,10 +109,10 @@
         }
 
         button {
-            color: white;
             border: 0px;
             padding: 5px;
             color: @colortheme_base;
+            margin-left: 5px;
             &.cp-corner-primary {
                 background-color: @corner-button-ok;
                 font-weight: bold;

customize.dist/src/less2/pages/page-index.less

@@ -180,6 +180,24 @@
             }
         }
     }
+
+    .cp-crowdfunding {
+        width: 100%;
+        text-align: center;
+        button {
+            outline: none;
+            background-color: @colortheme_logo-2;
+            color: @colortheme_base;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 44px;
+            cursor: pointer;
+            &:hover {
+                background-color: lighten(@colortheme_logo-2, 3%);
+            }
+        }
+    }
+
     @media (min-width: 576px) and (max-width: 767px) {
         .container {
             padding-left: 0;

customize.dist/translations/messages.js

@@ -1264,5 +1264,16 @@ define(function () {
     out.autostore_forceSave = "Store the file in your CryptDrive"; // File upload modal
     out.autostore_notAvailable = "You must store this pad in your CryptDrive before being able to use this feature."; // Properties/tags/move to trash
 
+    // Crowdfunding messages
+    out.crowdfunding_home1 = "CryptPad needs your help!";
+    out.crowdfunding_home2 = "Click to learn about our crowdfunding campaign.";
+
+    out.crowdfunding_popup_text = "<h3>We need your help!</h3>" +
+                                  "To ensure that CryptPad is actively developed, consider supporting the project via the " +
+                                  '<a href="https://opencollective.com/cryptpad">OpenCollective page</a>, where you can see our <b>Roadmap</b> and <b>Funding goals</b>';
+    out.crowdfunding_popup_yes = "Go to OpenCollective";
+    out.crowdfunding_popup_no = "Not now";
+    out.crowdfunding_popup_never = "Don't ask me again";
+
     return out;
 });