ui/src/components/sponsors.tsx

   1 import { Component } from 'inferno';
   2 import { WebSocketService } from '../services';
   3
   4 let general =
   5   [
   6   "Nathan J. Goode",
   7 ];
   8 // let highlighted = [];
   9 // let silver = [];
  10 // let gold = [];
  11 // let latinum = [];
  12
  13 export class Sponsors extends Component<any, any> {
  14
  15   constructor(props: any, context: any) {
  16     super(props, context);
  17
  18   }
  19
  20   componentDidMount() {
  21     document.title = `Sponsors - ${WebSocketService.Instance.site.name}`;
  22   }
  23
  24   render() {
  25     return (
  26       <div class="container text-center">
  27         {this.topMessage()}
  28         <hr />
  29         {this.sponsors()}
  30         <hr />
  31         {this.bitcoin()}
  32       </div>
  33     )
  34   }
  35
  36   topMessage() {
  37     return (
  38       <div>
  39         <h5>Sponsors of Lemmy</h5>
  40         <p>
  41           Lemmy is free, <a href="https://github.com/dessalines/lemmy">open-source</a> 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:
  42         </p>
  43         <a class="btn btn-secondary" href="https://www.patreon.com/dessalines">Support on Patreon</a>
  44       </div>
  45     )
  46   }
  47   sponsors() {
  48     return (
  49       <div class="container">
  50         <h5>Sponsors</h5>
  51         <p>General Sponsors are those that pledged $10 to $39 to Lemmy.</p>
  52         <div class="row card-columns">
  53           {general.map(s =>
  54             <div class="card col-12 col-md-2">
  55               <div>{s}</div>
  56             </div>
  57           )}
  58         </div>
  59       </div>
  60     )
  61   }
  62
  63   bitcoin() {
  64     return (
  65       <div>
  66       <h5>Crypto</h5>
  67       <div class="table-responsive">
  68         <table class="table table-hover text-center">
  69           <tbody>
  70           <tr>
  71             <td>Bitcoin</td>
  72             <td><code>1Hefs7miXS5ff5Ck5xvmjKjXf5242KzRtK</code></td>
  73           </tr>
  74           <tr>
  75             <td>Ethereum</td>
  76             <td><code>0x400c96c96acbC6E7B3B43B1dc1BB446540a88A01</code></td>
  77           </tr>
  78           </tbody>
  79         </table>
  80       </div>
  81     </div>
  82     )
  83   }
  84 }
  85