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';
15 let highlighted = ['Oskenso Kashi', 'Alex Benishek'];
20 export class Sponsors extends Component<any, any> {
21 constructor(props: any, context: any) {
22 super(props, context);
26 document.title = `${i18n.t('sponsors')} - ${
27 WebSocketService.Instance.site.name
29 window.scrollTo(0, 0);
34 <div class="container text-center">
47 <h5>{i18n.t('donate_to_lemmy')}</h5>
49 <T i18nKey="sponsor_message">
50 #<a href={repoUrl}>#</a>
53 <a class="btn btn-secondary" href="https://liberapay.com/Lemmy/">
54 {i18n.t('support_on_liberapay')}
57 class="btn btn-secondary ml-2"
58 href="https://www.patreon.com/dessalines"
60 {i18n.t('support_on_patreon')}
63 class="btn btn-secondary ml-2"
64 href="https://opencollective.com/lemmy"
66 {i18n.t('support_on_open_collective')}
73 <div class="container">
74 <h5>{i18n.t('sponsors')}</h5>
75 <p>{i18n.t('general_sponsors')}</p>
76 <div class="row card-columns">
77 {highlighted.map(s => (
78 <div class="card bg-primary col-12 col-md-2 font-weight-bold">
83 <div class="card col-12 col-md-2">
95 <h5>{i18n.t('crypto')}</h5>
96 <div class="table-responsive">
97 <table class="table table-hover text-center">
100 <td>{i18n.t('bitcoin')}</td>
102 <code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code>
106 <td>{i18n.t('ethereum')}</td>
108 <code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code>
112 <td>{i18n.t('monero')}</td>
115 41taVyY6e1xApqKyMVDRVxJ76sPkfZhALLTjRvVKpaAh2pBd4wv9RgYj1tSPrx8wc6iE1uWUfjtQdTmTy2FGMeChGVKPQuV