1 import { Component } from 'inferno';
2 import { WebSocketService } from '../services';
3 import { i18n } from '../i18next';
4 import { T } from 'inferno-i18next';
5 import { repoUrl } from '../utils';
14 let highlighted = ['Oskenso Kashi', 'Alex Benishek'];
19 export class Sponsors extends Component<any, any> {
20 constructor(props: any, context: any) {
21 super(props, context);
25 document.title = `${i18n.t('sponsors')} - ${
26 WebSocketService.Instance.site.name
28 window.scrollTo(0, 0);
33 <div class="container text-center">
46 <h5>{i18n.t('donate_to_lemmy')}</h5>
48 <T i18nKey="sponsor_message">
49 #<a href={repoUrl}>#</a>
52 <a class="btn btn-secondary" href="https://liberapay.com/Lemmy/">
53 {i18n.t('support_on_liberapay')}
56 class="btn btn-secondary ml-2"
57 href="https://www.patreon.com/dessalines"
59 {i18n.t('support_on_patreon')}
62 class="btn btn-secondary ml-2"
63 href="https://opencollective.com/lemmy"
65 {i18n.t('support_on_open_collective')}
72 <div class="container">
73 <h5>{i18n.t('sponsors')}</h5>
74 <p>{i18n.t('general_sponsors')}</p>
75 <div class="row card-columns">
76 {highlighted.map(s => (
77 <div class="card bg-primary col-12 col-md-2 font-weight-bold">
82 <div class="card col-12 col-md-2">
94 <h5>{i18n.t('crypto')}</h5>
95 <div class="table-responsive">
96 <table class="table table-hover text-center">
99 <td>{i18n.t('bitcoin')}</td>
101 <code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code>
105 <td>{i18n.t('ethereum')}</td>
107 <code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code>
111 <td>{i18n.t('monero')}</td>
114 41taVyY6e1xApqKyMVDRVxJ76sPkfZhALLTjRvVKpaAh2pBd4wv9RgYj1tSPrx8wc6iE1uWUfjtQdTmTy2FGMeChGVKPQuV