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';
22 let highlighted = ['Oskenso Kashi', 'Alex Benishek'];
23 let silver: Array<SilverUser> = [
26 link: 'https://iww.org',
32 export class Sponsors extends Component<any, any> {
33 constructor(props: any, context: any) {
34 super(props, context);
38 document.title = `${i18n.t('sponsors')} - ${
39 WebSocketService.Instance.site.name
41 window.scrollTo(0, 0);
46 <div class="container text-center">
59 <h5>{i18n.t('donate_to_lemmy')}</h5>
61 <T i18nKey="sponsor_message">
62 #<a href={repoUrl}>#</a>
65 <a class="btn btn-secondary" href="https://liberapay.com/Lemmy/">
66 {i18n.t('support_on_liberapay')}
69 class="btn btn-secondary ml-2"
70 href="https://www.patreon.com/dessalines"
72 {i18n.t('support_on_patreon')}
75 class="btn btn-secondary ml-2"
76 href="https://opencollective.com/lemmy"
78 {i18n.t('support_on_open_collective')}
85 <div class="container">
86 <h5>{i18n.t('sponsors')}</h5>
87 <p>{i18n.t('silver_sponsors')}</p>
88 <div class="row card-columns">
90 <div class="card col-12 col-md-2">
92 <a href={s.link} target="_blank" rel="noopener">
99 <p>{i18n.t('general_sponsors')}</p>
100 <div class="row card-columns">
101 {highlighted.map(s => (
102 <div class="card bg-primary col-12 col-md-2 font-weight-bold">
107 <div class="card col-12 col-md-2">
119 <h5>{i18n.t('crypto')}</h5>
120 <div class="table-responsive">
121 <table class="table table-hover text-center">
124 <td>{i18n.t('bitcoin')}</td>
126 <code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code>
130 <td>{i18n.t('ethereum')}</td>
132 <code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code>
136 <td>{i18n.t('monero')}</td>
139 41taVyY6e1xApqKyMVDRVxJ76sPkfZhALLTjRvVKpaAh2pBd4wv9RgYj1tSPrx8wc6iE1uWUfjtQdTmTy2FGMeChGVKPQuV