Add open collective (#637)

* Add Emoji Picker for comments and post body.

- Fixes #634

* Make sure typing dropdown uses twemojis.

* Adding opencollective links. Fixes #636

README.md

@@ -108,8 +108,9 @@ Each lemmy server can set its own moderation policy; appointing site-wide admins
 
 Lemmy is free, open-source software, meaning no advertising, monetizing, or venture capital, ever. Your donations directly support full-time development of the project.
 
-- [Support on Liberapay.](https://liberapay.com/Lemmy)
+- [Support on Liberapay](https://liberapay.com/Lemmy).
 - [Support on Patreon](https://www.patreon.com/dessalines).
+- [Support on OpenCollective](https://opencollective.com/lemmy).
 - [List of Sponsors](https://dev.lemmy.ml/sponsors).
 
 ### Crypto

ui/src/components/sponsors.tsx

@@ -57,6 +57,12 @@ export class Sponsors extends Component<any, any> {
         >
           {i18n.t('support_on_patreon')}
         </a>
+        <a
+          class="btn btn-secondary ml-2"
+          href="https://opencollective.com/lemmy"
+        >
+          {i18n.t('support_on_open_collective')}
+        </a>
       </div>
     );
   }

ui/translations/en.json

@@ -187,6 +187,7 @@
       "Lemmy is free, <1>open-source</1> software, meaning no advertising, monetizing, or venture capital, ever. Your donations directly support full-time development of the project. Thank you to the following people:",
     "support_on_patreon": "Support on Patreon",
     "support_on_liberapay": "Support on Liberapay",
+    "support_on_open_collective": "Support on OpenCollective",
     "donate_to_lemmy": "Donate to Lemmy",
     "donate": "Donate",
     "general_sponsors":