ui/src/components/sponsors.tsx

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