ui/src/components/sponsors.tsx

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