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';
20 let highlighted = ['Oskenso Kashi', 'Alex Benishek'];
21 let silver: Array<SilverUser> = [
24 link: 'https://redcard.iww.org/user/register',
30 export class Sponsors extends Component<any, any> {
31 constructor(props: any, context: any) {
32 super(props, context);
36 document.title = `${i18n.t('sponsors')} - ${
37 WebSocketService.Instance.site.name
39 window.scrollTo(0, 0);
44 <div class="container text-center">
57 <h5>{i18n.t('donate_to_lemmy')}</h5>
59 <T i18nKey="sponsor_message">
60 #<a href={repoUrl}>#</a>
63 <a class="btn btn-secondary" href="https://liberapay.com/Lemmy/">
64 {i18n.t('support_on_liberapay')}
67 class="btn btn-secondary ml-2"
68 href="https://www.patreon.com/dessalines"
70 {i18n.t('support_on_patreon')}
73 class="btn btn-secondary ml-2"
74 href="https://opencollective.com/lemmy"
76 {i18n.t('support_on_open_collective')}
83 <div class="container">
84 <h5>{i18n.t('sponsors')}</h5>
85 <p>{i18n.t('silver_sponsors')}</p>
86 <div class="row card-columns">
88 <div class="card col-12 col-md-2">
90 <a href={s.link} target="_blank">
97 <p>{i18n.t('general_sponsors')}</p>
98 <div class="row card-columns">
99 {highlighted.map(s => (
100 <div class="card bg-primary col-12 col-md-2 font-weight-bold">
105 <div class="card col-12 col-md-2">
117 <h5>{i18n.t('crypto')}</h5>
118 <div class="table-responsive">
119 <table class="table table-hover text-center">
122 <td>{i18n.t('bitcoin')}</td>
124 <code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code>
128 <td>{i18n.t('ethereum')}</td>
130 <code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code>
134 <td>{i18n.t('monero')}</td>
137 41taVyY6e1xApqKyMVDRVxJ76sPkfZhALLTjRvVKpaAh2pBd4wv9RgYj1tSPrx8wc6iE1uWUfjtQdTmTy2FGMeChGVKPQuV